*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#050607;
    color:#fff;
    font-family:'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
    line-height:1.5;
}

h1, h2, h3, h4, h5, h6, .tls-main-btn, .tls-outline-btn, .nav-shop, .desktop-menu a, .filter-chip, .btn-catalog, .shop-eyebrow, .tls-label {
    font-family:'Outfit', 'Plus Jakarta Sans', sans-serif;
}

a{
    color:inherit;
    text-decoration:none;
}

.container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

/* =========================
   LABEL
========================= */

.tls-label{
    display:flex;
    align-items:center;
    gap:10px;
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.5px;
}

.tls-label span{
    width:28px;
    height:2px;
    background:#159ed3;
}

.tls-label.dark{
    color:#159ed3;
}


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

.tls-hero{
    position:relative !important;
    width:100% !important;
    height:calc(100vh - 82px) !important;
    min-height:calc(100vh - 82px) !important;
    overflow:hidden !important;
    background:#020303 !important;
    isolation:isolate !important;
}


/* FULL VIDEO BACKGROUND */

.tls-hero-bg{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;
    z-index:0 !important;
}

.tls-hero-video{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    transform:translate(-50%,-50%) !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    pointer-events:none !important;
    z-index:0 !important;
}

.tls-hero-bg iframe{
    position:absolute !important;

    top:50% !important;
    left:50% !important;

    width:100vw !important;
    height:56.25vw !important;

    min-width:177.78vh !important;
    min-height:100vh !important;

    transform:translate(-50%,-50%) !important;

    border:0 !important;
    pointer-events:none !important;
}


/* VIDEO DARKNESS / READABILITY */

.tls-hero-video-overlay{
    position:absolute !important;

    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    z-index:1 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.55) 38%,
            rgba(0,0,0,.22) 75%,
            rgba(0,0,0,.35) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.05) 70%
        ) !important;
}


/* HERO CONTENT */

.tls-hero-wrap{
    min-height:100%;
    position:relative !important;
    z-index:3 !important;

    display:flex;
    align-items:center;
}

.tls-hero-content{
    position:relative !important;
    z-index:4 !important;

    max-width:680px;
    padding:70px 0;
}

.tls-hero h1{
    margin:28px 0;
    font-size:clamp(55px,7vw,92px);
    line-height:.88;
    letter-spacing:-6px;
    font-weight:900;
}

.tls-hero h1 strong{
    color:#159ed3;
}

.tls-hero-content>p{
    max-width:550px;
    color:#fff;
    font-size:15px;
    line-height:1.9;
}

.tls-hero-buttons{
    display:flex;
    gap:15px;
    margin-top:35px;
    align-items:center;
}

.tls-main-btn{
    display:inline-flex;
    align-items:center;
    gap:20px;

    background:#159ed3;
    color:#020303;

    padding:16px 22px;

    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;

    transition:.25s;
}

.tls-main-btn span{
    font-size:18px;
}

.tls-main-btn:hover{
    background:#fff;
    transform:translateY(-3px);
}

.tls-outline-btn{
    border:1px solid rgba(255,255,255,.30);
    padding:15px 20px;

    color:#fff;

    font-size:10px;
    font-weight:900;
    letter-spacing:1px;

    transition:.25s;
}

.tls-outline-btn:hover{
    border-color:#159ed3;
    color:#159ed3;
}

.tls-hero-mini{
    display:flex;
    gap:40px;
    margin-top:65px;
}

.tls-hero-mini div{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.tls-hero-mini strong{
    color:#159ed3;
    font-size:10px;
}

.tls-hero-mini span{
    color:#fff;
    font-size:8px;
    line-height:1.4;
    letter-spacing:1px;
}

.tls-hero-bottom{
    position:absolute !important;
    bottom:30px;
    left:30px;

    display:flex;
    gap:12px;
    align-items:center;

    color:#fff;
    font-size:8px;
    letter-spacing:2px;

    transform:rotate(-90deg);
    transform-origin:left center;

    z-index:5 !important;
}

.tls-hero-bottom i{
    width:40px;
    height:1px;
    background:#159ed3;
}


/* =========================
   TRUST
========================= */

.tls-trust{
    background:#159ed3;
    color:#000;
}

.tls-trust-grid{
    min-height:85px;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
}

.tls-trust-grid div{
    padding:0 25px;
    border-right:1px solid rgba(0,0,0,.18);
}

.tls-trust-grid div:first-child{
    padding-left:0;
}

.tls-trust-grid div:last-child{
    border-right:0;
}

.tls-trust-grid strong,
.tls-trust-grid span{
    display:block;
}

.tls-trust-grid strong{
    font-size:11px;
    letter-spacing:1px;
}

.tls-trust-grid span{
    margin-top:3px;
    font-size:8px;
    font-weight:700;
    opacity:.6;
}


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

.tls-intro{
    padding:130px 0;
    background:#f0f2f2;
    color:#080a0b;
}

.tls-intro-grid{
    display:grid;
    grid-template-columns:70px 1fr 1fr;
    gap:50px;
}

.tls-section-number{
    color:#159ed3;
    font-size:11px;
    font-weight:900;
}

.tls-intro h2,
.tls-section-head h2{
    margin-top:20px;
    font-size:clamp(44px,5.3vw,70px);
    line-height:.9;
    letter-spacing:-4px;
    font-weight:900;
}

.tls-intro h2 em,
.tls-section-head h2 em{
    color:#159ed3;
    font-style:normal;
}

.tls-intro-copy{
    padding-top:45px;
}

.tls-intro-copy p{
    max-width:450px;
    color:#687074;
    font-size:14px;
    line-height:1.9;
    margin-bottom:20px;
}

.tls-arrow-link{
    display:inline-block;
    margin-top:15px;

    color:#111;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;

    border-bottom:2px solid #159ed3;
    padding-bottom:6px;
}


/* =========================
   PRODUCTS
========================= */

.tls-products{
    padding:120px 0;
    background:#e4e7e8;
    color:#080a0b;
}

.tls-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:50px;
    margin-bottom:60px;
}

.tls-section-head>p{
    max-width:350px;
    color:#697276;
    font-size:13px;
    line-height:1.9;
}

.tls-product-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.tls-product-card{
    min-height:430px;

    background:#080b0d;
    color:#fff;

    border:1px solid #20282c;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    transition:.3s;
}

.tls-product-feature{
    grid-column:span 2;
}

.tls-product-card:hover{
    transform:translateY(-7px);
    border-color:#159ed3;
}

.tls-card-top{
    padding:18px 20px;

    display:flex;
    justify-content:space-between;

    color:#626b6f;
    font-size:8px;
    letter-spacing:1.5px;
}

.tls-card-top b{
    color:#159ed3;
    font-size:8px;
}

.tls-card-image{
    flex:1;
    min-height:300px;

    position:relative;

    display:flex;
    justify-content:center;
    align-items:center;

    background:
        radial-gradient(
            circle,
            rgba(21,158,211,.14),
            transparent 55%
        ),
        #0a0d0f;
}

.tls-product-shape{
    position:relative;
    z-index:2;

    color:#101315;

    background:linear-gradient(
        145deg,
        #fff,
        #aeb5b8
    );

    box-shadow:14px 14px 0 #159ed3;

    display:flex;
    align-items:center;
    justify-content:center;

    font-weight:900;
    font-size:25px;
}

.clip-shape{
    width:130px;
    height:170px;
    transform:rotate(-9deg);
}

.wedge-shape{
    width:170px;
    height:95px;

    clip-path:polygon(
        0 0,
        100% 0,
        72% 100%,
        0 100%
    );
}

.spacer-shape{
    width:145px;
    height:145px;
    border-radius:50%;
    font-size:55px;
}

.plate-shape{
    width:155px;
    height:115px;
    transform:rotate(-15deg);
}

.tool-shape{
    width:170px;
    height:90px;
    border-radius:50px;
    transform:rotate(-10deg);
}

.tls-product-glow{
    position:absolute;

    width:250px;
    height:250px;

    border:1px solid rgba(21,158,211,.18);
    border-radius:50%;
}

.tls-card-bottom{
    min-height:100px;
    padding:20px;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    border-top:1px solid #232a2e;
}

.tls-card-bottom small{
    color:#159ed3;
    font-size:8px;
    letter-spacing:1.5px;
}

.tls-card-bottom h3{
    margin-top:5px;
    font-size:18px;
}

.tls-card-bottom>span{
    color:#159ed3;
    font-size:24px;
}


/* =========================
   WHY
========================= */

.tls-why{
    padding:130px 0;
    background:#050607;
}

.tls-why-head{
    display:flex;
    justify-content:space-between;
    gap:70px;
    align-items:flex-end;
}

.tls-why h2{
    margin-top:20px;

    font-size:clamp(45px,5vw,68px);
    line-height:.9;
    letter-spacing:-4px;
}

.tls-why h2 em{
    color:#159ed3;
    font-style:normal;
}

.tls-why-head>p{
    max-width:390px;

    color:#fff;
    font-size:14px;
    line-height:1.9;
}

.tls-benefits{
    margin-top:75px;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    border-top:1px solid #242a2d;
}

.tls-benefit{
    min-height:320px;

    padding:25px;

    border-right:1px solid #242a2d;

    position:relative;
}

.tls-benefit:first-child{
    padding-left:0;
}

.tls-benefit:last-child{
    border-right:0;
}

.tls-benefit>span{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
}

.tls-benefit-icon{
    margin:60px 0 25px;

    color:#159ed3;
    font-size:42px;
}

.tls-benefit h3{
    font-size:13px;
    letter-spacing:1px;
}

.tls-benefit p{
    margin-top:10px;
    max-width:220px;

    color:#fff;
    font-size:11px;
    line-height:1.7;
}


/* =========================
   HOW
========================= */

.tls-how{
    padding:120px 0;

    background:#eef0f1;
    color:#080a0b;
}

.tls-how-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.tls-how-step{
    background:#fff;

    border:1px solid #d4d9db;

    min-height:480px;
    padding:25px;

    transition:.3s;
}

.tls-how-step:hover{
    transform:translateY(-6px);
    border-color:#159ed3;
}

.tls-step-top{
    display:flex;
    justify-content:space-between;

    color:#159ed3;

    font-size:10px;
    font-weight:900;
}

.tls-step-top b{
    color:#111;
}

.tls-step-visual{
    height:250px;

    margin:20px -25px 25px;

    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            #dfe3e4 1px,
            transparent 1px
        ),
        linear-gradient(
            #dfe3e4 1px,
            transparent 1px
        );

    background-size:25px 25px;
}

.tile-demo{
    position:absolute;

    width:150px;
    height:150px;

    background:#fafafa;
    border:2px solid #c8ced0;
}

.tile-one{
    left:65px;
    top:65px;
}

.tile-two{
    left:215px;
    top:65px;
}

.step-clip{
    position:absolute;

    left:205px;
    top:90px;

    width:35px;
    height:100px;

    background:#159ed3;
}

.step-wedge{
    position:absolute;

    left:185px;
    top:80px;

    width:100px;
    height:55px;

    background:#159ed3;

    clip-path:polygon(
        0 0,
        100% 0,
        72% 100%,
        0 100%
    );
}

.finished-tile{
    position:absolute;

    left:75px;
    top:60px;

    width:300px;
    height:150px;

    background:#fff;
    border:2px solid #159ed3;
}

.finish-check{
    position:absolute;

    left:190px;
    top:100px;

    width:65px;
    height:65px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#159ed3;
    color:#000;

    font-size:30px;
    font-weight:900;
}

.tls-how-step h3{
    font-size:17px;
    letter-spacing:1px;
}

.tls-how-step p{
    margin-top:10px;

    max-width:350px;

    color:#747b7e;
    font-size:12px;
    line-height:1.8;
}


/* =========================
   STATS
========================= */

.tls-stats{
    background:#159ed3;
    color:#000;

    padding:70px 0;
}

.tls-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.tls-stats-grid>div{
    padding:0 25px;
    border-right:1px solid rgba(0,0,0,.2);
}

.tls-stats-grid>div:first-child{
    padding-left:0;
}

.tls-stats-grid>div:last-child{
    border-right:0;
}

.tls-stats-grid strong{
    display:block;

    font-size:45px;
    line-height:1;
    letter-spacing:-2px;
}

.tls-stats-grid span{
    display:block;

    margin-top:10px;

    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.tls-stats-grid p{
    margin-top:10px;

    max-width:180px;

    font-size:10px;
    line-height:1.6;

    opacity:.65;
}


/* =========================
   INSTALLER
========================= */

.tls-installer{
    padding:130px 0;

    background:#090c0e;

    position:relative;
    overflow:hidden;
}

.tls-installer-pattern{
    position:absolute;
    inset:0;

    opacity:.1;

    background-image:
        linear-gradient(
            #159ed31c 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            #159ed31c 1px,
            transparent 1px
        );

    background-size:60px 60px;
}

.tls-installer-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1.2fr .8fr;

    align-items:center;

    gap:80px;
}

.tls-installer h2{
    margin:25px 0;

    font-size:clamp(45px,5.5vw,72px);
    line-height:.9;
    letter-spacing:-4px;
}

.tls-installer h2 em{
    color:#159ed3;
    font-style:normal;
}

.tls-installer p{
    max-width:520px;

    color:#fff;
    font-size:14px;
    line-height:1.9;

    margin-bottom:30px;
}

.tls-installer-box{
    height:390px;

    background:linear-gradient(
        145deg,
        #fff,
        #bcc4c7
    );

    color:#080a0b;

    transform:rotate(5deg);

    padding:35px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    box-shadow:22px 22px 0 #159ed3;
}

.installer-line{
    width:55px;
    height:4px;

    background:#159ed3;

    margin-bottom:auto;
}

.tls-installer-box span{
    font-size:15px;
    font-weight:900;
    letter-spacing:3px;
}

.tls-installer-box strong{
    font-size:100px;
    line-height:.9;

    color:#159ed3;

    letter-spacing:-7px;
}

.tls-installer-box small{
    margin-top:15px;

    font-size:9px;
    letter-spacing:2px;
}


/* =========================
   REVIEWS
========================= */

.tls-reviews{
    padding:120px 0;

    background:#e8ebec;
    color:#080a0b;
}

.tls-review-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.tls-review-grid article{
    min-height:280px;

    padding:30px;

    background:#fff;

    border:1px solid #d5d9db;
}

.tls-stars{
    color:#159ed3;

    letter-spacing:3px;
    font-size:13px;
}

.tls-review-grid article p{
    margin:35px 0;

    color:#50585c;

    font-size:15px;
    line-height:1.8;
}

.tls-review-grid article strong{
    display:block;

    font-size:10px;
    letter-spacing:1px;
}

.tls-review-grid article span{
    color:#8a9295;
    font-size:9px;
}


/* =========================
   FINAL CTA
========================= */

.tls-final-cta{
    padding:150px 0;

    background:#000;

    text-align:center;

    position:relative;
    overflow:hidden;
}

.tls-final-glow{
    position:absolute;

    width:650px;
    height:300px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    background:#159ed3;

    opacity:.1;

    filter:blur(100px);
}

.tls-final-cta>.container{
    position:relative;
    z-index:2;
}

.tls-final-cta .tls-label{
    justify-content:center;
}

.tls-final-cta h2{
    margin:25px 0;

    font-size:clamp(55px,7vw,90px);

    line-height:.88;

    letter-spacing:-5px;
}

.tls-final-cta h2 em{
    color:#159ed3;
    font-style:normal;
}

.tls-final-cta p{
    max-width:520px;

    margin:0 auto 35px;

    color:#fff;

    font-size:14px;
    line-height:1.8;
}


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

@media(max-width:900px){

    .tls-hero{
        height:760px !important;
        min-height:760px !important;
    }

    .tls-hero-wrap{
        min-height:760px;

        display:flex;
        align-items:center;
    }

    .tls-hero-content{
        max-width:650px;
    }

    .tls-trust-grid,
    .tls-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .tls-trust-grid div{
        padding:20px;
    }

    .tls-intro-grid{
        grid-template-columns:1fr;
    }

    .tls-intro-copy{
        padding-top:0;
    }

    .tls-product-grid{
        grid-template-columns:1fr 1fr;
    }

    .tls-product-feature{
        grid-column:span 2;
    }

    .tls-benefits{
        grid-template-columns:1fr 1fr;
    }

    .tls-benefit{
        border-bottom:1px solid #242a2d;
    }

    .tls-how-grid,
    .tls-review-grid{
        grid-template-columns:1fr;
    }

    .tls-installer-grid{
        grid-template-columns:1fr;
    }

    .tls-installer-box{
        max-width:390px;
    }

    .tls-section-head,
    .tls-why-head{
        flex-direction:column;
        align-items:flex-start;
    }
}


@media(max-width:600px){

    .container{
        width:calc(100% - 28px);
    }

    .tls-hero{
        height:720px !important;
        min-height:720px !important;
    }

    .tls-hero-wrap{
        min-height:720px;
    }

    .tls-hero-content{
        padding:50px 0;
    }

    .tls-hero h1{
        font-size:50px;
        letter-spacing:-3px;
    }

    .tls-hero-content>p{
        font-size:13px;
    }

    .tls-hero-buttons{
        flex-direction:column;
        align-items:flex-start;
    }

    .tls-hero-mini{
        gap:20px;
        flex-wrap:wrap;
        margin-top:45px;
    }

    .tls-hero-bottom{
        left:18px;
    }

    .tls-trust-grid,
    .tls-stats-grid{
        grid-template-columns:1fr 1fr;
    }

    .tls-product-grid{
        grid-template-columns:1fr;
    }

    .tls-product-feature{
        grid-column:auto;
    }

    .tls-section-head h2,
    .tls-intro h2,
    .tls-why h2{
        font-size:43px;
    }

    .tls-benefits{
        grid-template-columns:1fr;
    }

    .tls-benefit{
        border-right:0;
        min-height:260px;
        padding-left:0;
    }

    .tls-installer h2{
        font-size:45px;
    }

    .tls-installer-box{
        height:310px;
    }

    .tls-installer-box strong{
        font-size:75px;
    }

    .tls-final-cta h2{
        font-size:52px;
    }

}
/* SHAHEEN TLS HEADER LOGO */
.site-header .logo{
    display:flex;
    align-items:center;
}

.site-header .logo img{
    display:block;
    width:150px;
    height:auto;
    max-height:55px;
    object-fit:contain;
}

/* SHAHEEN TLS HEADER LOGO */
.site-header .logo{
    display:flex;
    align-items:center;
}

.site-header .logo img{
    display:block;
    width:150px;
    height:auto;
    max-height:55px;
    object-fit:contain;
}

/* SHAHEEN TLS HEADER LOGO */
.site-header .logo{
    display:flex;
    align-items:center;
}

.site-header .logo img{
    display:block;
    width:150px;
    height:auto;
    max-height:55px;
    object-fit:contain;
}

/* =========================================
   SHAHEEN TLS SHOP
========================================= */

.shop-hero {
    background:#050607;
    color:#fff;
    padding:120px 0 90px;
    border-bottom:1px solid #1d2529;
}

.shop-eyebrow {
    display:inline-block;
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:22px;
}

.shop-hero h1 {
    margin:0;
    font-size:clamp(50px,7vw,88px);
    line-height:.9;
    letter-spacing:-5px;
    font-weight:900;
}

.shop-hero h1 strong {
    color:#159ed3;
}

.shop-hero p {
    max-width:560px;
    margin-top:28px;
    color:#aeb7ba;
    font-size:14px;
    line-height:1.8;
}


/* PRODUCTS */

.shop-products {
    background:#eef0f1;
    color:#080a0b;
    padding:100px 0 130px;
}

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

.shop-heading > div > span {
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.shop-heading h2 {
    margin-top:12px;
    font-size:clamp(40px,5vw,64px);
    line-height:.95;
    letter-spacing:-4px;
}

.shop-heading h2 strong {
    color:#159ed3;
}

.shop-heading > span {
    color:#687174;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}


/* PRODUCT GRID */

.product-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.product-card {
    background:#080b0d;
    color:#fff;
    border:1px solid #20282c;
    overflow:hidden;
    transition:.3s ease;
}

.product-card:hover {
    transform:translateY(-6px);
    border-color:#159ed3;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
}


/* IMAGE */

.product-image {
    height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at center,rgba(21,158,211,.14),transparent 60%),
        #0b0e10;
}

.product-image img {
    width:100%;
    height:100%;
    object-fit:contain;
    padding:30px;
    display:block;
    transition:.45s ease;
}

.product-card:hover .product-image img {
    transform:scale(1.06);
}

.product-placeholder {
    width:150px;
    height:150px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#159ed3;
    color:#000;
    font-size:28px;
    font-weight:900;
}


/* INFO */

.product-info {
    padding:25px;
    border-top:1px solid #20282c;
}

.product-sku {
    color:#159ed3;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}

.product-info h3 {
    margin-top:8px;
    font-size:21px;
}

.product-info p {
    min-height:48px;
    margin-top:10px;
    color:#8d979b;
    font-size:12px;
    line-height:1.7;
}

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

.product-bottom > strong {
    color:#fff;
    font-size:20px;
}


/* BUTTON */

.shop-btn {
    border:0;
    background:#159ed3;
    color:#020303;
    padding:13px 16px;
    display:inline-flex;
    align-items:center;
    gap:15px;
    cursor:pointer;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
    transition:.25s ease;
}

.shop-btn span {
    font-size:17px;
}

.shop-btn:hover {
    background:#fff;
    transform:translateY(-2px);
}


/* PRODUCT DETAIL */

.product-detail {
    background:#eef0f1;
    color:#080a0b;
    padding:110px 0 130px;
}

.product-detail-grid {
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
}

.product-detail-image {
    min-height:550px;
    background:
        radial-gradient(circle,rgba(21,158,211,.16),transparent 60%),
        #080b0d;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #222b2f;
}

.product-detail-image img {
    width:100%;
    height:100%;
    max-height:550px;
    object-fit:contain;
    padding:45px;
}

.product-detail-content h1 {
    margin:15px 0;
    font-size:clamp(42px,5vw,68px);
    line-height:.95;
    letter-spacing:-4px;
}

.detail-price {
    margin:25px 0;
    color:#159ed3;
    font-size:28px;
    font-weight:900;
}

.detail-description {
    max-width:500px;
    color:#687174;
    font-size:14px;
    line-height:1.9;
}

.add-product-form {
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:30px;
}

.quantity-box {
    display:flex;
    height:48px;
    border:1px solid #cbd1d3;
    background:#fff;
}

.quantity-box button {
    width:42px;
    border:0;
    background:#fff;
    cursor:pointer;
    font-size:20px;
}

.quantity-box input {
    width:50px;
    border:0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    text-align:center;
    font-weight:700;
    outline:none;
}

.shop-btn-large {
    height:48px;
    padding:0 22px;
}

.product-benefits {
    margin-top:40px;
    padding-top:25px;
    border-top:1px solid #ccd2d4;
    display:grid;
    gap:10px;
    color:#596164;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}


/* MOBILE */

@media(max-width:800px) {

    .shop-hero {
        padding:80px 0 65px;
    }

    .shop-hero h1 {
        font-size:52px;
        letter-spacing:-3px;
    }

    .shop-heading {
        flex-direction:column;
        align-items:flex-start;
    }

    .product-grid {
        grid-template-columns:1fr;
    }

    .product-image {
        height:330px;
    }

    .product-bottom {
        align-items:flex-start;
        flex-direction:column;
    }

    .product-detail {
        padding:70px 0 90px;
    }

    .product-detail-grid {
        grid-template-columns:1fr;
        gap:35px;
    }

    .product-detail-image {
        min-height:380px;
    }

    .product-detail-image img {
        max-height:380px;
    }

    .product-detail-content h1 {
        font-size:45px;
    }

    .add-product-form {
        flex-wrap:wrap;
    }
}

@media(max-width:500px) {

    .shop-hero h1 {
        font-size:45px;
    }

    .shop-products {
        padding:70px 0 90px;
    }

    .product-info {
        padding:20px;
    }

    .product-image {
        height:280px;
    }

    .product-detail-content h1 {
        font-size:40px;
    }
}


/* =========================================================
   SHAHEEN TLS — CART PAGE
   ========================================================= */

.cart-page{
    background:#eef0f1;
    color:#080a0b;
    padding:90px 0 110px;
    min-height:calc(100vh - 80px);
}

.cart-page .container{
    max-width:1250px;
}

.cart-eyebrow{
    display:inline-block;
    margin-bottom:16px;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    color:#159ed3;
}

.cart-page h1{
    margin:0;
    font-size:clamp(46px,6vw,82px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.cart-page h1 strong{
    color:#159ed3;
}

.cart-intro{
    max-width:600px;
    margin:22px 0 55px;
    color:#5e666b;
    font-size:17px;
    line-height:1.7;
}

.cart-success{
    margin-bottom:30px;
    padding:16px 20px;
    background:#dff5e8;
    border-left:4px solid #159ed3;
    font-weight:700;
}

.cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);
    gap:30px;
    align-items:start;
}

.cart-items{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.cart-item{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:25px;
    padding:20px;
    background:#080b0d;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

.cart-item-image{
    height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f5f5;
    overflow:hidden;
}

.cart-item-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.cart-item-info{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
}

.cart-item-sku{
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    color:#159ed3;
}

.cart-item-info h2{
    margin:8px 0 5px;
    font-size:26px;
    text-transform:uppercase;
    letter-spacing:-.5px;
}

.cart-item-price{
    color:#aeb5b9;
    font-size:14px;
}

.cart-item-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:25px;
}

.quantity-box{
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.2);
}

.quantity-box button{
    width:40px;
    height:42px;
    border:0;
    background:#12171a;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}

.quantity-box input{
    width:52px;
    height:42px;
    border:0;
    border-left:1px solid rgba(255,255,255,.15);
    border-right:1px solid rgba(255,255,255,.15);
    background:#080b0d;
    color:#fff;
    text-align:center;
    font-weight:800;
}

.cart-item-total{
    margin-left:auto;
    text-align:right;
}

.cart-item-total span{
    display:block;
    margin-bottom:5px;
    color:#899197;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.cart-item-total strong{
    font-size:20px;
}

.cart-remove{
    border:0;
    background:none;
    color:#aeb5b9;
    padding:0;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    cursor:pointer;
}

.cart-remove:hover{
    color:#159ed3;
}

.cart-summary{
    position:sticky;
    top:110px;
    padding:32px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.cart-summary-label{
    display:block;
    margin-bottom:8px;
    color:#159ed3;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.cart-summary h2{
    margin:0 0 30px;
    font-size:34px;
    line-height:1;
    text-transform:uppercase;
}

.cart-summary-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#b7bec2;
}

.cart-summary-row strong{
    color:#fff;
}

.cart-summary-total{
    display:flex;
    justify-content:space-between;
    align-items:end;
    padding:25px 0;
}

.cart-summary-total span{
    color:#159ed3;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.cart-summary-total strong{
    font-size:30px;
}

.cart-checkout-btn{
    width:100%;
    min-height:56px;
    border:0;
    background:#159ed3;
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.5px;
    cursor:pointer;
    transition:.2s ease;
}

.cart-checkout-btn:hover{
    background:#fff;
    color:#080b0d;
}

.cart-continue{
    display:block;
    margin-top:16px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}

.cart-continue:hover{
    color:#159ed3;
}

.cart-empty{
    padding:70px 30px;
    background:#080b0d;
    color:#fff;
    text-align:center;
}

.cart-empty h2{
    margin:0 0 12px;
    font-size:38px;
}

.cart-empty p{
    color:#aeb5b9;
    margin-bottom:28px;
}

@media(max-width:900px){

    .cart-layout{
        grid-template-columns:1fr;
    }

    .cart-summary{
        position:static;
    }

}

@media(max-width:650px){

    .cart-page{
        padding:60px 0 80px;
    }

    .cart-page h1{
        letter-spacing:-2px;
    }

    .cart-item{
        grid-template-columns:1fr;
    }

    .cart-item-image{
        height:240px;
    }

    .cart-item-actions{
        flex-wrap:wrap;
    }

    .cart-item-total{
        width:100%;
        text-align:left;
    }

    .cart-summary{
        padding:25px 20px;
    }

}

/* =========================================================
   SHAHEEN TLS — CART OVERRIDE
   ========================================================= */

.cart-page{
    background:#eef0f1;
    color:#080a0b;
    padding:90px 0 110px;
    min-height:calc(100vh - 80px);
}

.cart-header{
    margin-bottom:50px;
}

.cart-header .shop-eyebrow{
    display:inline-block;
    margin-bottom:15px;
}

.cart-header h1{
    margin:0;
    font-size:clamp(48px,6vw,82px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.cart-header h1 strong{
    color:#159ed3;
}

.cart-header p{
    max-width:620px;
    margin:22px 0 0;
    color:#60686d;
    font-size:17px;
    line-height:1.7;
}

.cart-success{
    margin-bottom:25px;
    padding:16px 20px;
    background:#dff5e8;
    border-left:4px solid #159ed3;
    color:#080a0b;
    font-weight:700;
}

.cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);
    gap:30px;
    align-items:start;
}

.cart-items{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.cart-item{
    display:grid;
    grid-template-columns:190px minmax(0,1fr) auto;
    gap:25px;
    padding:20px;
    background:#080b0d;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

.cart-product-image{
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f5f5;
    overflow:hidden;
}

.cart-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.cart-placeholder{
    font-size:42px;
    font-weight:900;
    color:#159ed3;
}

.cart-product-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.cart-product-info .product-sku{
    color:#159ed3;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.cart-product-info h2{
    margin:9px 0 7px;
    font-size:27px;
    line-height:1.05;
    text-transform:uppercase;
}

.cart-product-info p{
    margin:0;
    color:#aeb5b9;
    font-size:14px;
}

.cart-actions{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:28px;
}

.quantity-form{
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.2);
}

.quantity-form button{
    width:42px;
    height:42px;
    border:0;
    background:#12171a;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}

.quantity-form span{
    width:50px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(255,255,255,.15);
    border-right:1px solid rgba(255,255,255,.15);
    font-weight:800;
}

.remove-btn{
    border:0;
    background:none;
    color:#aeb5b9;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    cursor:pointer;
}

.remove-btn:hover{
    color:#159ed3;
}

.cart-line-total{
    min-width:130px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
}

.cart-line-total span{
    margin-bottom:6px;
    color:#7f898e;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.cart-line-total strong{
    font-size:21px;
    white-space:nowrap;
}

.cart-summary{
    position:sticky;
    top:105px;
    padding:32px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.summary-label{
    display:block;
    margin-bottom:9px;
    color:#159ed3;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.cart-summary h2{
    margin:0 0 28px;
    font-size:34px;
    line-height:1;
    text-transform:uppercase;
}

.cart-summary h2 strong{
    color:#159ed3;
}

.summary-row{
    display:flex;
    justify-content:space-between;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#aeb5b9;
}

.summary-row strong{
    color:#fff;
}

.summary-total{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:25px 0;
}

.summary-total span{
    color:#159ed3;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
}

.summary-total strong{
    font-size:30px;
}

.checkout-btn{
    width:100%;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:#159ed3;
    color:#fff;
    text-decoration:none;
    border:0;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    cursor:pointer;
    transition:.2s ease;
}

.checkout-btn:hover{
    background:#fff;
    color:#080b0d;
}

.continue-shopping{
    display:block;
    margin-top:17px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.continue-shopping:hover{
    color:#159ed3;
}

.empty-cart{
    max-width:700px;
    margin:0 auto;
    padding:70px 30px;
    background:#080b0d;
    color:#fff;
    text-align:center;
}

.empty-cart-icon{
    width:75px;
    height:75px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #159ed3;
    color:#159ed3;
    font-weight:900;
    letter-spacing:1px;
}

.empty-cart h2{
    margin:0 0 12px;
    font-size:34px;
}

.empty-cart p{
    margin-bottom:28px;
    color:#aeb5b9;
}

.empty-cart .checkout-btn{
    width:auto;
    display:inline-flex;
    padding:0 30px;
}

@media(max-width:950px){

    .cart-layout{
        grid-template-columns:1fr;
    }

    .cart-summary{
        position:static;
    }

}

@media(max-width:700px){

    .cart-page{
        padding:60px 0 80px;
    }

    .cart-header h1{
        letter-spacing:-2px;
    }

    .cart-item{
        grid-template-columns:130px minmax(0,1fr);
    }

    .cart-product-image{
        height:130px;
    }

    .cart-line-total{
        grid-column:2;
        align-items:flex-start;
        min-width:0;
    }

    .cart-actions{
        flex-wrap:wrap;
    }

}

@media(max-width:520px){

    .cart-item{
        grid-template-columns:1fr;
    }

    .cart-product-image{
        height:220px;
    }

    .cart-line-total{
        grid-column:auto;
    }

    .cart-summary{
        padding:25px 20px;
    }

}

/* =========================================================
   SHAHEEN TLS — CHECKOUT
   ========================================================= */

.checkout-page{
    background:#eef0f1;
    color:#080a0b;
    padding:90px 0 110px;
    min-height:calc(100vh - 80px);
}

.checkout-header{
    margin-bottom:55px;
}

.checkout-header h1{
    margin:0;
    font-size:clamp(46px,6vw,80px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.checkout-header h1 strong{
    color:#159ed3;
}

.checkout-header p{
    max-width:680px;
    margin:22px 0 0;
    color:#60686d;
    font-size:17px;
    line-height:1.7;
}

.checkout-errors{
    margin-bottom:30px;
    padding:20px;
    background:#fff0f0;
    border-left:4px solid #d33;
}

.checkout-errors ul{
    margin:10px 0 0;
    padding-left:20px;
}

.checkout-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);
    gap:35px;
    align-items:start;
}

.checkout-main{
    background:#fff;
    padding:40px;
}

.checkout-section{
    display:flex;
    align-items:flex-start;
    gap:22px;
    margin-bottom:35px;
}

.checkout-number{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#080b0d;
    color:#159ed3;
    font-size:13px;
    font-weight:900;
}

.checkout-label{
    display:block;
    margin-bottom:8px;
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.checkout-section h2{
    margin:0;
    font-size:35px;
    line-height:1;
    text-transform:uppercase;
}

.checkout-section h2 strong{
    color:#159ed3;
}

.checkout-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.checkout-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.checkout-field-full{
    grid-column:1 / -1;
}

.checkout-field label{
    color:#515a5f;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}

.checkout-field input,
.checkout-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #d5d9db;
    background:#f7f8f8;
    color:#080a0b;
    padding:15px 16px;
    font-family:inherit;
    font-size:15px;
    outline:none;
    transition:.2s ease;
}

.checkout-field textarea{
    resize:vertical;
    min-height:115px;
}

.checkout-field input:focus,
.checkout-field textarea:focus{
    border-color:#159ed3;
    background:#fff;
}

.payment-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:32px;
    padding:22px;
    background:#080b0d;
    color:#fff;
}

.payment-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 58px;
    border:1px solid #159ed3;
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.payment-box span{
    display:block;
    color:#159ed3;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
}

.payment-box h3{
    margin:5px 0;
    font-size:15px;
    letter-spacing:.5px;
}

.payment-box p{
    margin:0;
    color:#9da6aa;
    font-size:13px;
}

.place-order-btn{
    width:100%;
    min-height:58px;
    margin-top:25px;
    border:0;
    background:#159ed3;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.5px;
    cursor:pointer;
    transition:.2s ease;
}

.place-order-btn:hover{
    background:#080b0d;
}

.back-cart{
    display:block;
    margin-top:17px;
    text-align:center;
    color:#555e63;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}

.back-cart:hover{
    color:#159ed3;
}

.checkout-summary{
    position:sticky;
    top:105px;
    padding:32px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.checkout-summary h2{
    margin:0 0 28px;
    font-size:32px;
    line-height:1;
    text-transform:uppercase;
}

.checkout-summary h2 strong{
    color:#159ed3;
}

.checkout-products{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:20px;
}

.checkout-product{
    display:grid;
    grid-template-columns:65px minmax(0,1fr);
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.checkout-product-image{
    width:65px;
    height:65px;
    background:#f4f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.checkout-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.checkout-product-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
}

.checkout-product-info strong{
    font-size:13px;
}

.checkout-product-info span{
    color:#899397;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.checkout-product-price{
    grid-column:2;
    font-size:14px;
}

.checkout-summary-row{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#aeb5b9;
    font-size:13px;
}

.checkout-summary-row strong{
    color:#fff;
}

.checkout-summary-total{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:25px 0;
}

.checkout-summary-total span{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.checkout-summary-total strong{
    font-size:29px;
}

.checkout-secure{
    display:flex;
    gap:12px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.1);
}

.checkout-secure span{
    color:#159ed3;
    font-size:18px;
    font-weight:900;
}

.checkout-secure p{
    margin:0;
    color:#899397;
    font-size:11px;
    line-height:1.6;
}

@media(max-width:950px){

    .checkout-layout{
        grid-template-columns:1fr;
    }

    .checkout-summary{
        position:static;
    }

}

@media(max-width:650px){

    .checkout-page{
        padding:60px 0 80px;
    }

    .checkout-header h1{
        letter-spacing:-2px;
    }

    .checkout-main{
        padding:25px 20px;
    }

    .checkout-fields{
        grid-template-columns:1fr;
    }

    .checkout-field-full{
        grid-column:auto;
    }

    .checkout-summary{
        padding:25px 20px;
    }

}

/* =========================================================
   SHAHEEN TLS — ORDER SUCCESS
   ========================================================= */

.success-page{
    min-height:calc(100vh - 80px);
    padding:90px 0 110px;
    background:#eef0f1;
    color:#080a0b;
}

.success-card{
    max-width:850px;
    margin:0 auto;
    padding:55px;
    background:#080b0d;
    color:#fff;
    text-align:center;
    border-top:5px solid #159ed3;
}

.success-icon{
    width:70px;
    height:70px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #159ed3;
    color:#159ed3;
    font-size:32px;
    font-weight:900;
}

.success-eyebrow{
    display:block;
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.success-card h1{
    margin:18px 0 20px;
    font-size:clamp(42px,6vw,72px);
    line-height:.92;
    letter-spacing:-3px;
}

.success-card h1 strong{
    color:#159ed3;
}

.success-message{
    max-width:600px;
    margin:0 auto;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.7;
}

.order-number-box{
    margin:35px 0;
    padding:22px;
    background:#111619;
    border:1px solid rgba(255,255,255,.08);
}

.order-number-box span{
    display:block;
    margin-bottom:7px;
    color:#899397;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}

.order-number-box strong{
    color:#159ed3;
    font-size:24px;
    letter-spacing:2px;
}

.success-details{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.1);
    border-left:1px solid rgba(255,255,255,.1);
}

.success-details > div{
    padding:20px;
    text-align:left;
    border-right:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

.success-details span{
    display:block;
    margin-bottom:7px;
    color:#899397;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
}

.success-details strong{
    font-size:14px;
}

.success-items{
    margin-top:35px;
    text-align:left;
}

.success-items > span{
    display:block;
    margin-bottom:12px;
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.success-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.success-item > div{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.success-item strong{
    font-size:14px;
}

.success-item small{
    color:#899397;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}

.success-item > strong{
    color:#159ed3;
    white-space:nowrap;
}

.success-actions{
    margin-top:35px;
}

.success-btn{
    min-height:55px;
    padding:0 25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:#159ed3;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.3px;
    transition:.2s ease;
}

.success-btn:hover{
    background:#fff;
    color:#080b0d;
}

.success-home{
    display:block;
    margin-top:18px;
    color:#899397;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}

.success-home:hover{
    color:#159ed3;
}

@media(max-width:600px){

    .success-page{
        padding:60px 0 80px;
    }

    .success-card{
        padding:35px 20px;
    }

    .success-card h1{
        letter-spacing:-2px;
    }

    .success-details{
        grid-template-columns:1fr;
    }

    .success-item{
        align-items:flex-start;
    }

}

/* =========================================================
   SHAHEEN TLS — INNER PAGES
   ========================================================= */

.page-hero{
    min-height:520px;
    display:flex;
    align-items:center;
    background:#080b0d;
    color:#fff;
    padding:80px 0;
    position:relative;
    overflow:hidden;
}

.page-hero:after{
    content:"TLS";
    position:absolute;
    right:-30px;
    bottom:-100px;
    font-size:260px;
    line-height:1;
    font-weight:900;
    color:rgba(255,255,255,.025);
    pointer-events:none;
}

.page-hero h1{
    position:relative;
    z-index:1;
    margin:18px 0 22px;
    font-size:clamp(60px,8vw,110px);
    line-height:.86;
    letter-spacing:-5px;
    text-transform:uppercase;
}

.page-hero h1 strong{
    color:#159ed3;
}

.page-hero p{
    position:relative;
    z-index:1;
    max-width:650px;
    margin:0;
    color:#aeb5b9;
    font-size:17px;
    line-height:1.7;
}

.how-works{
    padding:100px 0;
    background:#eef0f1;
    color:#080a0b;
}

.how-intro{
    margin-bottom:55px;
}

.how-intro > span,
.benefits-grid > div:first-child > span,
.how-cta > .container > span{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.how-intro h2{
    margin:15px 0 0;
    font-size:clamp(42px,5vw,68px);
    line-height:.92;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.how-intro h2 strong{
    color:#159ed3;
}

.steps-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.step-card{
    min-height:230px;
    display:grid;
    grid-template-columns:90px 1fr;
    gap:25px;
    padding:35px;
    background:#080b0d;
    color:#fff;
    border-top:3px solid transparent;
    transition:.2s ease;
}

.step-card:hover{
    border-top-color:#159ed3;
    transform:translateY(-3px);
}

.step-number{
    color:#159ed3;
    font-size:38px;
    font-weight:900;
    line-height:1;
}

.step-content > span{
    color:#899397;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.8px;
}

.step-content h3{
    margin:8px 0 10px;
    font-size:30px;
    text-transform:uppercase;
}

.step-content p{
    margin:0;
    color:#aeb5b9;
    font-size:14px;
    line-height:1.7;
}

.how-benefits{
    padding:100px 0;
    background:#fff;
    color:#080a0b;
}

.benefits-grid{
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:80px;
}

.benefits-grid h2{
    margin:15px 0 0;
    font-size:clamp(42px,5vw,68px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.benefits-grid h2 strong{
    color:#159ed3;
}

.benefit-list{
    display:flex;
    flex-direction:column;
}

.benefit-list > div{
    padding:25px 0;
    border-bottom:1px solid #d9dddf;
}

.benefit-list strong{
    font-size:14px;
    letter-spacing:.5px;
}

.benefit-list p{
    margin:8px 0 0;
    color:#687176;
    font-size:14px;
    line-height:1.6;
}

.how-cta{
    padding:100px 0;
    background:#080b0d;
    color:#fff;
}

.how-cta h2{
    margin:15px 0 30px;
    font-size:clamp(52px,7vw,90px);
    line-height:.86;
    letter-spacing:-4px;
    text-transform:uppercase;
}

.how-cta h2 strong{
    color:#159ed3;
}

.how-cta .checkout-btn{
    width:auto;
    display:inline-flex;
    padding:0 30px;
}

@media(max-width:750px){

    .page-hero{
        min-height:450px;
        padding:65px 0;
    }

    .page-hero h1{
        letter-spacing:-3px;
    }

    .steps-grid,
    .benefits-grid{
        grid-template-columns:1fr;
    }

    .step-card{
        grid-template-columns:65px 1fr;
        padding:28px 22px;
    }

    .how-works,
    .how-benefits,
    .how-cta{
        padding:70px 0;
    }

}
/* =========================================================
   SHAHEEN TLS — LONG HOW IT WORKS PAGE
   ========================================================= */

.how-intro-section{
    padding:110px 0;
    background:#fff;
    color:#080a0b;
}

.how-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:start;
}

.section-kicker{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.how-intro-grid h2,
.process-heading h2,
.system-copy h2,
.benefits-grid h2,
.application-heading h2,
.guide-box h2{
    margin:15px 0 0;
    font-size:clamp(44px,5vw,70px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.how-intro-grid h2 strong,
.process-heading h2 strong,
.system-copy h2 strong,
.benefits-grid h2 strong,
.application-heading h2 strong,
.guide-box h2 strong{
    color:#159ed3;
}

.large-copy{
    margin:0 0 22px;
    color:#20282c;
    font-size:22px;
    line-height:1.55;
}

.how-intro-grid p:not(.large-copy){
    margin:0;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.how-process{
    padding:110px 0;
    background:#080b0d;
    color:#fff;
}

.process-heading{
    margin-bottom:55px;
}

.steps-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.step-card{
    min-height:250px;
    display:grid;
    grid-template-columns:85px 1fr;
    gap:25px;
    padding:38px;
    background:#111619;
    border:1px solid rgba(255,255,255,.07);
    border-top:3px solid transparent;
    transition:.25s ease;
}

.step-card:hover{
    border-top-color:#159ed3;
    transform:translateY(-4px);
}

.step-number{
    color:#159ed3;
    font-size:38px;
    font-weight:900;
    line-height:1;
}

.step-content > span{
    color:#899397;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}

.step-content h3{
    margin:10px 0 12px;
    font-size:28px;
    line-height:1;
    text-transform:uppercase;
}

.step-content p{
    margin:0;
    color:#aeb5b9;
    font-size:14px;
    line-height:1.7;
}

.how-system{
    padding:110px 0;
    background:#eef0f1;
    color:#080a0b;
}

.system-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

.system-copy p{
    max-width:540px;
    margin:28px 0;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.system-copy .checkout-btn{
    width:auto;
    display:inline-flex;
    padding:0 28px;
}

.system-parts{
    background:#080b0d;
    color:#fff;
}

.system-part{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:20px;
    padding:30px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.system-part:last-child{
    border-bottom:0;
}

.system-part > span{
    color:#159ed3;
    font-size:16px;
    font-weight:900;
}

.system-part strong{
    font-size:14px;
    letter-spacing:.5px;
}

.system-part p{
    margin:7px 0 0;
    color:#899397;
    font-size:13px;
    line-height:1.6;
}

.how-benefits{
    padding:110px 0;
    background:#fff;
    color:#080a0b;
}

.benefits-grid{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:100px;
}

.benefit-list{
    display:flex;
    flex-direction:column;
}

.benefit-list > div{
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid #d9dddf;
}

.benefit-list > div > span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.benefit-list strong{
    font-size:14px;
}

.benefit-list p{
    margin:8px 0 0;
    color:#687176;
    font-size:14px;
    line-height:1.6;
}

.how-application{
    padding:110px 0;
    background:#eef0f1;
    color:#080a0b;
}

.application-heading{
    max-width:720px;
    margin-bottom:55px;
}

.application-heading p{
    max-width:600px;
    margin:25px 0 0;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.application-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.application-card{
    min-height:230px;
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#080b0d;
    color:#fff;
    border-bottom:3px solid transparent;
    transition:.2s ease;
}

.application-card:hover{
    border-bottom-color:#159ed3;
}

.application-card > span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.application-card strong{
    font-size:17px;
    letter-spacing:.5px;
}

.application-card p{
    margin:0;
    color:#899397;
    font-size:13px;
    line-height:1.6;
}

.how-guide{
    padding:100px 0;
    background:#fff;
}

.guide-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    padding:60px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.guide-box p{
    margin:0 0 20px;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.8;
}

.guide-box p:last-child{
    margin-bottom:0;
}

.how-cta{
    padding:120px 0;
    background:#080b0d;
    color:#fff;
}

.how-cta h2{
    margin:15px 0 25px;
    font-size:clamp(54px,7vw,95px);
    line-height:.86;
    letter-spacing:-4px;
    text-transform:uppercase;
}

.how-cta h2 strong{
    color:#159ed3;
}

.how-cta p{
    max-width:600px;
    margin:0 0 30px;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.7;
}

.cta-actions{
    display:flex;
    align-items:center;
    gap:25px;
}

.how-cta .checkout-btn{
    width:auto;
    display:inline-flex;
    padding:0 30px;
}

.cta-secondary{
    color:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}

.cta-secondary:hover{
    color:#159ed3;
}

@media(max-width:850px){

    .how-intro-grid,
    .system-grid,
    .benefits-grid,
    .guide-box{
        grid-template-columns:1fr;
        gap:50px;
    }

    .steps-grid{
        grid-template-columns:1fr;
    }

    .application-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:600px){

    .how-intro-section,
    .how-process,
    .how-system,
    .how-benefits,
    .how-application{
        padding:75px 0;
    }

    .how-guide,
    .how-cta{
        padding:80px 0;
    }

    .step-card{
        grid-template-columns:55px 1fr;
        padding:28px 22px;
    }

    .guide-box{
        padding:35px 22px;
    }

    .application-grid{
        grid-template-columns:1fr;
    }

    .cta-actions{
        flex-direction:column;
        align-items:flex-start;
    }

}
/* =========================================================
   SHAHEEN TLS — ABOUT PAGE
   ========================================================= */

.about-story{
    padding:110px 0;
    background:#fff;
    color:#080a0b;
}

.about-story-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
}

.about-story h2,
.about-section-heading h2,
.about-system-copy h2,
.quality-box h2,
.about-work-heading h2{
    margin:15px 0 0;
    font-size:clamp(44px,5vw,70px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.about-story h2 strong,
.about-section-heading h2 strong,
.about-system-copy h2 strong,
.quality-box h2 strong,
.about-work-heading h2 strong{
    color:#159ed3;
}

.about-story-copy .large-copy{
    margin:0 0 25px;
    color:#20282c;
    font-size:22px;
    line-height:1.55;
}

.about-story-copy p:not(.large-copy){
    margin:0 0 20px;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.about-values{
    padding:110px 0;
    background:#080b0d;
    color:#fff;
}

.about-section-heading{
    margin-bottom:55px;
}

.about-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.about-values-grid article{
    min-height:270px;
    padding:30px;
    background:#111619;
    border-bottom:3px solid transparent;
    transition:.2s ease;
}

.about-values-grid article:hover{
    border-bottom-color:#159ed3;
    transform:translateY(-4px);
}

.about-values-grid article > span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.about-values-grid h3{
    margin:70px 0 12px;
    font-size:19px;
    letter-spacing:.5px;
}

.about-values-grid p{
    margin:0;
    color:#899397;
    font-size:13px;
    line-height:1.7;
}

.about-system{
    padding:110px 0;
    background:#eef0f1;
    color:#080a0b;
}

.about-system-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

.about-system-copy p{
    max-width:560px;
    margin:28px 0 0;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.about-system-list{
    background:#080b0d;
    color:#fff;
}

.about-system-list > div{
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:27px 30px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.about-system-list > div:last-child{
    border-bottom:0;
}

.about-system-list span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.about-system-list strong{
    font-size:14px;
}

.about-system-list p{
    grid-column:2;
    margin:-10px 0 0;
    color:#899397;
    font-size:13px;
}

.about-quality{
    padding:100px 0;
    background:#fff;
}

.quality-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    padding:60px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.quality-box p{
    margin:0 0 22px;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.8;
}

.quality-box p:last-child{
    margin-bottom:0;
}

.about-work{
    padding:110px 0;
    background:#eef0f1;
    color:#080a0b;
}

.about-work-heading{
    max-width:780px;
    margin-bottom:55px;
}

.about-work-heading p{
    max-width:650px;
    margin:25px 0 0;
    color:#687176;
    font-size:15px;
    line-height:1.8;
}

.about-work-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.about-work-grid > div{
    min-height:220px;
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#fff;
    border-top:3px solid transparent;
    transition:.2s ease;
}

.about-work-grid > div:hover{
    border-top-color:#159ed3;
}

.about-work-grid span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.about-work-grid strong{
    font-size:17px;
}

.about-work-grid p{
    margin:0;
    color:#687176;
    font-size:13px;
    line-height:1.6;
}

.about-cta{
    padding:120px 0;
    background:#080b0d;
    color:#fff;
}

.about-cta h2{
    margin:15px 0 25px;
    font-size:clamp(54px,7vw,95px);
    line-height:.86;
    letter-spacing:-4px;
    text-transform:uppercase;
}

.about-cta h2 strong{
    color:#159ed3;
}

.about-cta p{
    max-width:600px;
    margin:0 0 30px;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.7;
}

@media(max-width:850px){

    .about-story-grid,
    .about-system-grid,
    .quality-box{
        grid-template-columns:1fr;
        gap:50px;
    }

    .about-values-grid,
    .about-work-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:600px){

    .about-story,
    .about-values,
    .about-system,
    .about-work{
        padding:75px 0;
    }

    .about-quality,
    .about-cta{
        padding:80px 0;
    }

    .about-values-grid,
    .about-work-grid{
        grid-template-columns:1fr;
    }

    .quality-box{
        padding:35px 22px;
    }

}
/* =========================================================
   SHAHEEN TLS — CONTACT PAGE
   ========================================================= */

.contact-main{
    padding:110px 0;
    background:#eef0f1;
    color:#080a0b;
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:80px;
    align-items:start;
}

.contact-info h2,
.contact-form-heading h3,
.contact-bottom h2{
    margin:15px 0 0;
    font-size:clamp(44px,5vw,70px);
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.contact-info h2 strong,
.contact-form-heading h3 strong,
.contact-bottom h2 strong{
    color:#159ed3;
}

.contact-intro{
    max-width:560px;
    margin:28px 0 45px;
    color:#687176;
    font-size:16px;
    line-height:1.8;
}

.contact-details{
    display:flex;
    flex-direction:column;
    background:#080b0d;
    color:#fff;
}

.contact-detail{
    display:grid;
    grid-template-columns:50px 1fr;
    gap:20px;
    padding:27px 30px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.contact-detail:last-child{
    border-bottom:0;
}

.contact-detail > span{
    color:#159ed3;
    font-size:12px;
    font-weight:900;
}

.contact-detail small{
    display:block;
    margin-bottom:7px;
    color:#159ed3;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.7px;
}

.contact-detail strong{
    display:block;
    font-size:15px;
}

.contact-detail p{
    margin:8px 0 0;
    color:#899397;
    font-size:13px;
    line-height:1.65;
}

.contact-form-wrap{
    padding:42px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.contact-form-heading > span{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.contact-form-heading h3{
    margin-bottom:40px;
    font-size:48px;
}

.contact-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.contact-field{
    display:flex;
    flex-direction:column;
}

.contact-field-full{
    grid-column:1 / -1;
}

.contact-field label{
    margin-bottom:9px;
    color:#899397;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.6px;
}

.contact-field input,
.contact-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.13);
    background:#111619;
    color:#fff;
    padding:16px 17px;
    outline:none;
    font-family:inherit;
    font-size:14px;
    transition:.2s ease;
}

.contact-field textarea{
    resize:vertical;
    min-height:160px;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
    color:#626c70;
}

.contact-field input:focus,
.contact-field textarea:focus{
    border-color:#159ed3;
}

.contact-form .place-order-btn{
    width:100%;
    margin-top:25px;
}

.contact-bottom{
    padding:110px 0;
    background:#080b0d;
    color:#fff;
}

.contact-bottom-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

.contact-bottom-copy p{
    max-width:560px;
    margin:0 0 30px;
    color:#aeb5b9;
    font-size:15px;
    line-height:1.8;
}

.contact-bottom .checkout-btn{
    width:auto;
    display:inline-flex;
    padding:0 30px;
}

@media(max-width:850px){

    .contact-grid,
    .contact-bottom-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

}

@media(max-width:600px){

    .contact-main,
    .contact-bottom{
        padding:75px 0;
    }

    .contact-form-wrap{
        padding:30px 22px;
    }

    .contact-fields{
        grid-template-columns:1fr;
    }

    .contact-field-full{
        grid-column:auto;
    }

    .contact-form-heading h3{
        font-size:42px;
    }

}
/* =========================================================
   CONTACT — MAP
   ========================================================= */

.contact-map-wrap{
    padding:42px;
    background:#080b0d;
    color:#fff;
    border-top:4px solid #159ed3;
}

.contact-map-heading > span{
    color:#159ed3;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}

.contact-map-heading h3{
    margin:15px 0 30px;
    font-size:48px;
    line-height:.9;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.contact-map-heading h3 strong{
    color:#159ed3;
}

.contact-map{
    width:100%;
    height:380px;
    overflow:hidden;
    background:#111619;
    border:1px solid rgba(255,255,255,.1);
}

.contact-map iframe{
    display:block;
    width:100%;
    height:100%;
    filter:grayscale(100%) contrast(1.05);
}

.map-location{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-top:20px;
}

.map-location span{
    color:#159ed3;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}

.map-location strong{
    font-size:13px;
}

@media(max-width:600px){

    .contact-map-wrap{
        padding:30px 22px;
    }

    .contact-map{
        height:300px;
    }

    .contact-map-heading h3{
        font-size:42px;
    }

    .map-location{
        flex-direction:column;
        align-items:flex-start;
    }

}