/** Shopify CDN: Minification failed

Line 118:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500&display=swap');

/* GLOBAL CONTAINER */

.site-container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 50px;
}

@media(max-width:768px){

.site-container{
    padding:0 20px;
}

}
/* =========================
   POWER SECTION
========================= */

.power-section{
    width:100%;
    
    background:#000;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

.power-container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 48px;
}

.badge{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    padding:8px 18px;
    border:1px solid #1FD130;
    color:#1FD130;
    font-size:13px;
    letter-spacing:2px;
    
    font-family:'Bebas Neue',sans-serif;
    flex:none;
}

.power-big{
    font-family:'Bebas Neue',sans-serif;
    font-size:90px;
    line-height:1;
    background:linear-gradient(90deg,#1FD130,#00ff55);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:10px;
}

.power-title{
    font-size:42px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;
}

.power-desc{
    max-width:650px;
    color:#a9a9a9;
    font-size:16px;
    line-height:1.8;
    margin-bottom:40px;
}

.tags{
    display:flex;
    gap:10px;
    flex-wrap:nowrap;
    
    scrollbar-width:none;
}

.tags::-webkit-scrollbar{
    display:none;
}

.tag{
    white-space:nowrap;
    flex:0 0 auto;

    padding:12px 18px;

    border:1px solid #1FD130;
    color:#1FD130;

    font-size:12px;
    font-family:'Bebas Neue',sans-serif;
}

.tag:hover{
    background:#1FD130;
    color:#000;
}


}

/* =========================
   SPEC CARDS
========================= */

.spec-stack{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
}


.spec-card:hover{
    transform:translateY(-8px);
    border-color:#1FD130;
    box-shadow:0 0 30px rgba(31,209,48,.3);
}

.spec-card h2{
    font-size:40px;
    color:#1FD130;
    margin:0 0 10px;
    font-family:'Bebas Neue',sans-serif;
}

.spec-card p{
    margin:0;
    color:#aaa;
    letter-spacing:2px;
    font-size:12px;
}

@media (max-width:768px){

.power-section{
    display:flex;
    flex-direction:column;
    padding:40px 20px;
    gap:30px;
    text-align:center;
}

.power-left{
    order:1;
    padding-top:0;
}

.power-center{
    order:2;
}

.power-right{
    order:3;
    width:100%;
    margin-top:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
}

.charger-image{
    width:100%;
    max-width:320px;
    margin:0 auto;
}

.power-big{
    font-size:70px;
}

.power-title{
    font-size:36px;
    line-height:1.1;
}

.power-desc{
    font-size:15px;
    line-height:1.7;
    margin:20px auto;
}

.tags{
    justify-content:center;
}

.buttons{
    flex-direction:column;
    width:100%;
}

.btn-green,
.btn-outline{
    width:100%;
    max-width:300px;
    text-align:center;
}

.spec-card{
    width:100%;
    max-width:300px;
}
}
/* BUTTONS */
.buttons{
    display:flex;
    gap:20px;
    margin-top:40px;
    align-items:center;
}

.btn-green{
    display:inline-block;
    padding:16px 42px;
    background:#4AA231;
    color:#000;
    font-weight:700;
    text-decoration:none;
    border-radius:6px;
    transition:.3s;
    font-size:15px;
}

.btn-green:hover{
    transform:translateY(-3px);
    background:#5bc63a;
}

.btn-outline{
    display:inline-block;
    padding:14px 36px;
    border:2px solid #4AA231;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    transition:.3s;
}

.btn-outline:hover{
    background:#4AA231;
    color:#000;
}

/* ===== NEW LAYOUT ===== */

.power-section{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:40px 40px 80px;

    display:grid;
    grid-template-columns:38% 42% 20%;
    gap:30px;
    align-items:center;
    box-sizing:border-box;
}

.power-left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    min-width:0;
}

.power-center{
    display:flex;
    justify-content:center;
    align-items:center;
}

.charger-image{
    width:100%;
    max-width:560px;
    height:auto;
    display:block;
    margin:auto;
}
.power-right{
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:center;
    justify-content:center;
    margin-top:0;
}

.spec-card{
    width:220px;
    background:#111315;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    padding:36px 20px;
    text-align:center;
}


/* ==========================================
   WIRELESS BUDS SECTION
========================================== */

.wireless-buds{
    background:#0b0b0b;
    padding: 50px 40px;
    text-align:center;
}

.buds-image{
    width:100%;
    max-width:1200px;
    margin:0 auto 70px;
}

.buds-image img{
    width:100%;
    height:auto;
    display:block;
}

.buds-content{
    max-width:900px;
    margin:auto;
}

.buds-content h2{
    font-family:'Bebas Neue',sans-serif;
    
    color:#fff;
    margin-bottom:25px;
    line-height:1;
    letter-spacing:1px;
}

.buds-content p{
    max-width:780px;
    margin:0 auto 30px;
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    font-family:'Poppins',sans-serif;
}

.buds-tags{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:30px;
}

.buds-tags span{
    border:1px solid #1FD130;
    color:#1FD130;
    padding:10px 18px;
    font-size:13px;
    letter-spacing:1px;
    font-family:'Bebas Neue',sans-serif;
    transition:.3s;
}

.buds-tags span:hover{
    background:#1FD130;
    color:#000;
}

.buds-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#58b53b;
    color:#000;
    text-decoration:none;
    font-weight:700;
    padding:16px 42px;
    border-radius:8px;
    font-size:20px;
    transition:.3s;
}

.buds-btn:hover{
    background:#69d043;
    transform:translateY(-3px);
}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

.wireless-buds{
padding:60px 20px;
}

.buds-image{
margin-bottom:35px;
}

.buds-content h2{
font-size:42px;
}

.buds-content p{
font-size:16px;
line-height:1.7;
}

.buds-tags{
gap:10px;
}

.buds-tags span{
font-size:11px;
padding:8px 12px;
}

.buds-btn{
width:100%;
max-width:260px;
font-size:18px;
padding:16px;
}
}

/* ==========================
   TECHNICAL SPECS
========================== */

.technical-specs{
    background:#1d1d1d;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:30px 0;
}

.tech-container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 40px;

    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
    gap:30px;
}

.tech-left h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:58px;
    line-height:.9;
    color:#fff;
    margin-bottom:20px;
}

.tech-left h2 span{
    color:#49b733;
}

.tech-left p{
    max-width:620px;
    color:#a6a6a6;
    font-size:16px;
    line-height:1.6;
    margin-bottom:35px;
}

.tech-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border-top:1px solid #343434;
    border-left:1px solid #343434;
}

.tech-item{
    padding:15px;
    text-align:center;
    border-right:1px solid #343434;
    border-bottom:1px solid #343434;
}

.tech-item h3{
    font-size:46px;
    color:#42c132;
    font-family:'Bebas Neue',sans-serif;
    margin:0;
}

.tech-item span{
    display:block;
    margin-top:8px;
    color:#8f97b6;
    letter-spacing:2px;
    font-size:12px;
}

.tech-right{
    display:flex;
    justify-content:center;
    align-items:center;
}

.tech-right img{
    width:100%;
    max-width:420px;
    transform:rotate(-8deg);
}

@media(max-width:991px){

.technical-specs{
    min-height:auto;
    padding:60px 20px;
}

.tech-container{
    grid-template-columns:1fr;
}

.tech-right{
    order:-1;
}

.tech-left h2{
    font-size:46px;
}

.tech-left p{
    font-size:16px;
}

.tech-right img{
    max-width:320px;
}

}
/* ===========================
POWER MEETS PRECISION
=========================== */

.precision-section{
    background:#000;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:35px 0;
}

.precision-container{
    max-width:1440px;
    width:100%;
    margin:0 auto;
    padding:0 40px;
}

.precision-label{
    color:#48b532;
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.precision-title{
    font-family:'Bebas Neue',sans-serif;
    font-size:56px;
    line-height:.9;
    color:#fff;
    margin-bottom:25px;
}

.precision-title span{
    color:#49b733;
}

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

.precision-card{
    background:#181818;
    border:1px solid #2a2a2a;
    border-radius:8px;
    padding:22px;
    min-height:180px;
    transition:.3s;
}

.precision-card:hover{
    border-color:#49b733;
    transform:translateY(-5px);
}

.icon{
    width:46px;
    height:46px;
    margin-bottom:12px;
}

.icon img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.precision-card h3{
    color:#fff;
    font-size:22px;
    margin:12px 0;
}

.precision-card p{
    color:#9a9a9a;
    font-size:14px;
    line-height:1.5;
    text-transform:uppercase;
}

@media(max-width:991px){

.precision-section{
    min-height:auto;
    padding:60px 20px;
}

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

.precision-title{
    font-size:46px;
}

.precision-card{
    min-height:auto;
}

}

.spec-video-container{
    max-width:1440px;
    padding:0 48px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:70px;
}


.video-box{
    flex:1;
    max-width:850px;
}

.video-box video{
    width:100%;
    display:block;
    border-radius:4px;
}
.video-spec-card{
    width:420px;
    background:#061007;
    padding:28px;
    border:1px solid #1d2b1d;
    border-radius:8px;
    color:#fff;
}

.spec-small{
    display:block;
    color:#49b733;
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.video-spec-card h2{
    font-family:'Bebas Neue',sans-serif;
    font-size:70px;
    line-height:.88;
    color:#fff;
    margin:12px 0 28px;
}

.engineered{
    color:#49b733;
    letter-spacing:5px;
    font-weight:700;
    margin-bottom:30px;
    margin:18px 0 28px;
}

.spec-table .row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
    border-top:1px solid rgba(255,255,255,.15);
}

.spec-table span{
    color:#bdbdbd;
    font-size:13px;
    font-weight:600;
}

.spec-table strong{
    color:#49b733;
    font-size:14px;
    font-weight:700;
}




/* ===========================
   ARMOURED PROTECTION
=========================== */

.armour-section{
    background:#000;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:40px 0;
}

.armour-section .page-width{
    max-width:1440px;
    width:100%;
    margin:auto;
    padding:0 40px;
}

.armour-label{
    color:#49b733;
    font-size:13px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
    font-weight:700;
}

.armour-title{
    display:flex;
    align-items:flex-end;
    gap:20px;
    font-family:'Bebas Neue',sans-serif;
    font-size:58px;
    line-height:.9;
    color:#fff;
    margin:0 0 35px;
}

.armour-title span{
    color:#49b733;
}

.armour-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.armour-column:first-child{
    border-right:1px solid #232323;
    padding-right:25px;
}

.armour-column:last-child{
    padding-left:25px;
}

.armour-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:20px 0;
    border-bottom:1px solid #202020;
}

.armour-icon{
    width:54px;
    height:54px;
    border:1px solid #49b733;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.armour-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.armour-item h3{
    color:#fff;
    font-size:22px;
    margin:0 0 6px;
}

.armour-item p{
    color:#9b9b9b;
    font-size:14px;
    line-height:1.5;
}

@media(max-width:991px){

.armour-section{
    min-height:auto;
    padding:60px 20px;
}

.armour-title{
    display:block;
    font-size:46px;
}

.armour-grid{
    grid-template-columns:1fr;
    gap:0;
}

.armour-column:first-child{
    border:none;
    padding-right:0;
}

.armour-column:last-child{
    padding-left:0;
}

}




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

.final-cta{
    background:#070707;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    text-align:center;
}

.final-cta .page-width{
    max-width:1000px;
    margin:auto;
}

.cta-small{
    color:#52b437;
    letter-spacing:6px;
    font-size:14px;
    margin-bottom:20px;
    text-transform:uppercase;
}

.cta-title{
    font-family:'Bebas Neue',sans-serif;
    font-size:62px;
    color:#fff;
    line-height:.9;
    margin:0;
}

.cta-title.green{
    color:#4db733;
    margin-top:8px;
}

.cta-text{
    color:#bdbdbd;
    max-width:650px;
    margin:25px auto;
    font-size:18px;
    line-height:1.6;
}

.cta-btn{
    display:inline-block;
    background:#5bc238;
    color:#000;
    padding:16px 70px;
    transform:skew(-20deg);
    transition:.3s;
}

.cta-btn span{
    display:inline-block;
    transform:skew(20deg);
}

@media(max-width:768px){

.final-cta{
    min-height:auto;
    padding:60px 20px;
}

.cta-title{
    font-size:48px;
}

.cta-text{
    font-size:16px;
}

.cta-btn{
    padding:14px 45px;
}

}

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

header,
.shopify-section-header{
    background:#000 !important;
    padding:0 !important;
}

.header{
    max-width:1450px;
    margin:auto;
    padding:22px 40px !important;
    background:transparent !important;
}


.header__heading-link{
    font-weight:700;
    font-size:30px;
}

.header__inline-menu{
    margin-left:60px;
}



@media (max-width:990px){

.header{
    padding:14px 18px !important;
}

.header__heading-link{
    font-size:24px;
}

}


.header-right-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.buy-now-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 22px;
    background:#22c55e;
    color:#fff;
    border-radius: 6px;
    
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:all .3s ease;
}

.buy-now-btn:hover{
    background:#16a34a;
    color:#fff;
}


/* BLACK HEADER */
.shopify-section-header,
.header-section,
header-component,
.header,
.header__row,
.header__columns{
    background:#000 !important;
}

/* Shopify generated color class */
[class*="color-custom-top"]{
    background:#000 !important;
    --color-background:#000 !important;
    --color-background-rgb:0 0 0 !important;

    --color:#fff !important;
    --color-rgb:255 255 255 !important;

    --color-foreground:#fff !important;
    --color-foreground-rgb:255 255 255 !important;
}


/* ================= FOOTER ================= */

.hn-footer{
    background:#111;
    color:#fff;
    padding:80px 0;
}

.hn-footer-container{
    max-width:1440px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:70px;
    padding:0 48px;
}

.hn-footer-logo{
    width:140px !important;
    max-width:140px !important;
    min-width:140px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
    flex:none !important;
    align-self:flex-start !important;
}

.hn-footer-col:first-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.hn-footer-col:first-child img{
    width:140px !important;
    max-width:140px !important;
    height:auto !important;
    flex:none;
}
.hn-footer-col h4{
    color:#35d12e;
    font-size:22px;
    margin-bottom:30px;
    font-weight:700;
}

.hn-footer-col p,
.hn-footer-col a,
.hn-footer-col small{
    color:#d8d8d8;
    line-height:2;
    text-decoration:none;
    display:block;
}

.hn-footer-col a:hover{
    color:#35d12e;
}

.hn-footer-right h1{
    font-size:90px;
    color:#2f2f2f;
    margin-bottom:25px;
    font-weight:800;
}

.hn-buy-btn{
    display:inline-block;
    margin-top:30px;
    background:#35d12e;
    color:#000;
    padding:14px 30px;
    border-radius:8px;
    font-weight:700;
    text-decoration:none;
}

.hn-buy-btn:hover{
    background:#2cb827;
}

@media(max-width:991px){

.hn-footer-container{
    grid-template-columns:1fr;
    gap:45px;
}

.hn-footer-right h1{
    font-size:60px;
}

}




/* ==========================================
   HAPPY NATION FINAL MOBILE RESPONSIVE
   Paste this at the END of happynation.css
========================================== */

@media only screen and (max-width:768px){

*{
    box-sizing:border-box;
}

img{
    max-width:100%;
    height:auto;
}

/* HERO */

.power-section{
    display:flex !important;
    flex-direction:column !important;
    padding:40px 20px !important;
    gap:35px !important;
    max-width:100% !important;
    text-align:center;
}

.power-left,
.power-center,
.power-right{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.power-left{order:1 !important;}
.power-center{order:2 !important;}
.power-right{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
}

.badge{
    margin:0 auto 20px !important;
}

.power-big{
    font-size:72px !important;
}

.power-title{
    font-size:34px !important;
    line-height:1.1 !important;
}

.power-desc{
    max-width:100% !important;
    margin:20px auto !important;
    font-size:15px !important;
}

.charger-image{
    width:100% !important;
    max-width:280px !important;
    margin:0 auto !important;
}

.tags{
    justify-content:center !important;
    gap:8px !important;
}

.buttons{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:15px !important;
}

.btn-green,
.btn-outline{
    width:100% !important;
    max-width:280px !important;
}

/* WIRELESS */

.wireless-buds{
    padding:60px 20px !important;
}

.buds-content h2{
    font-size:42px !important;
}

.buds-content p{
    font-size:16px !important;
}

.buds-tags{
    justify-content:center !important;
}

/* TECHNICAL */

.technical-specs{
    padding:60px 20px !important;
}

.tech-container{
    display:flex !important;
    flex-direction:column !important;
    gap:40px !important;
}

.tech-left,
.tech-right{
    width:100% !important;
}

.tech-right{
    order:-1 !important;
}

.tech-left h2{
    font-size:48px !important;
}

.tech-left p{
    font-size:16px !important;
}

.tech-grid{
    grid-template-columns:1fr 1fr !important;
}

.tech-item{
    padding:20px !important;
}

.tech-item h3{
    font-size:34px !important;
}

.tech-right img{
    max-width:280px !important;
}

/* ARMOUR */

.armour-section{
    padding:60px 20px !important;
}

.armour-title{
    
    display:block !important;
}

.armour-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
}

.armour-column{
    padding:0 !important;
    border:none !important;
}

.armour-item{
    padding:25px 0 !important;
}

.armour-item h3{
    font-size:24px !important;
}

/* FOOTER */

.hn-footer{
    padding:60px 20px !important;
}

.hn-footer-container{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:40px !important;
    padding:0 !important;
    text-align:center;
}

.hn-footer-col{
    align-items:center !important;
}

.hn-footer-right h1{
    font-size:56px !important;
}

}
/* SPEC VIDEO MOBILE FIX */

@media only screen and (max-width:768px){

.spec-video{
    display:block !important;
    padding:60px 20px !important;
}

.spec-video-container{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:30px !important;
}

.video-spec-card{
    width:100% !important;
    max-width:100% !important;
    order:2 !important;
}

.video-box{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    order:1 !important;
}

.video-box video{
    display:block !important;
    width:100% !important;
    height:auto !important;
    border-radius:16px !important;
}
}
/* Fix "EVERY NUMBER" heading on mobile */
@media (max-width:768px){

.video-spec-card h2{
    
    line-height:0.9 !important;
    
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
}
}
/* ==========================================
   LAPTOP RESPONSIVE (1024px - 1366px)
========================================== */

@media screen and (min-width: 992px) and (max-width: 1366px) {

.power-section{
    display:grid;
    grid-template-columns:38% 42% 20%;
    align-items:center;
    gap:20px;
   
}

.power-container{
    padding:0;
}

.power-big{
    font-size:72px;
}

.power-title{
    font-size:34px;
    line-height:1.2;
}

.power-desc{
    font-size:15px;
    line-height:1.7;
    max-width:500px;
}

.charger-image{
    width:520px;
    max-width:100%;
    margin-top:0;
}

.power-right{
    margin-top:30px;
    gap:16px;
}

.spec-card{
    width:170px;
    padding:24px 16px;
}

.spec-card h2{
    font-size:32px;
}

.buttons{
    gap:14px;
}

.btn-green,
.btn-outline{
    padding:14px 28px;
}

/* Header */

.header{
    max-width:1280px;
    padding:18px 25px !important;
}

.header__inline-menu{
    margin-left:30px;
}

/* Technical section */

.tech-container{
    grid-template-columns:55% 45%;
    gap:50px;
}

.tech-left h2{
    font-size:64px;
}

.tech-left p{
    font-size:17px;
}

.tech-right img{
    max-width:460px;
}

/* Precision */

.precision-title{
    font-size:82px;
}

.precision-card{
    padding:28px;
}

/* Armour */

.armour-title{
    font-size:82px;
}

.armour-grid{
    gap:40px;
}

/* Footer */

.hn-footer-container{
    gap:40px;
}

}
/* ==============================
   HAPPY NATION COLLECTION FIX
============================== */

/* Desktop & Laptop */
@media (min-width: 990px) {

  /* Two equal columns */
  .product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }

  /* Equal width cards */
  .product-grid > *,
  .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Same card height */
  .card-wrapper,
  .card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  /* Same image area */
  .card__media {
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
  }

  /* Same image size */
  .card__media img {
    width: 100%;
    height: 320px;
    object-fit: contain;
  }

  /* Card content fills remaining space */
  .card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

/* Mobile */
@media (max-width: 989px) {

  .card__media {
    height: 260px;
  }

  .card__media img {
    height: 220px;
  }

}

.page-terms-conditions .rte{
    background:#111;
}

.page-privacy-policy .rte{
    background:#111;
}

.page-shipping-delivery-policy .rte{
    background:#111;
}

.page-cancellation-refund-policy .rte{
    background:#111;
}

/* ==================================================
   HAPPY NATION DESKTOP + LAPTOP RESPONSIVE
   Paste at END of happynation.css
==================================================*/

:root{
    --container: min(92vw, 1440px);
}

.power-section,
.precision-container,
.tech-container,
.spec-video-container,
.armour-section .page-width,
.hn-footer-container,
.header{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    box-sizing:border-box;
}

/* Prevent horizontal scrolling */
html,
body{
    overflow-x:hidden;
}

/* Images */
img{
    max-width:100%;
    height:auto;
}

/* ==========================
   LARGE DESKTOP
==========================*/



/* ==========================
   SMALL LAPTOP
==========================*/


/* ==========================
   SECTION SPACING
==========================*/

.power-section,
.wireless-buds,
.technical-specs,
.precision-section,
.armour-section,
.final-cta{
    padding-top:40px;
    padding-bottom:40px;
}
.power-section,
.wireless-buds,
.technical-specs,
.precision-section,
.armour-section,
.final-cta,
.hn-footer{
    width:100%;
}

.power-container,
.tech-container,
.precision-container,
.spec-video-container,
.armour-section .page-width,
.hn-footer-container{
    width:min(96vw,1700px);
    max-width:1700px;
    margin:auto;
}
html,
body{
    overflow-x:hidden;
}

.power-section{
    position:relative;
    overflow:hidden;
}

.power-left,
.power-center,
.power-right{
    min-width:0;
}

.charger-image{
    display:block;
    max-width:100%;
    height:auto;
}
/* ===== Website Container ===== */

.power-container,
.wireless-buds-container,
.tech-container,
.precision-container,
.spec-video-container,
.armour-section .page-width,
.hn-footer-container{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
}

@media (max-width: 1366px){
    .power-container,
    .wireless-buds-container,
    .tech-container,
    .precision-container,
    .spec-video-container,
    .armour-section .page-width,
    .hn-footer-container{
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 768px){
    .power-container,
    .wireless-buds-container,
    .tech-container,
    .precision-container,
    .spec-video-container,
    .armour-section .page-width,
    .hn-footer-container{
        padding-left: 20px;
        padding-right: 20px;
    }
}



/* ==================================================
   HAPPY NATION DESKTOP OPTIMIZATION (Generated)
   Keeps same layout while reducing section height.
================================================== */

@media (min-width: 992px){

.power-section{
    min-height:calc(100vh - 90px);
    padding:20px 40px 30px !important;
    gap:20px !important;
    grid-template-columns:36% 44% 20% !important;
}

.power-big{font-size:72px !important;}
.power-title{font-size:34px !important;}
.power-desc{font-size:15px !important;line-height:1.6 !important;margin-bottom:20px !important;}

.charger-image{max-width:470px !important;}

.spec-card{
    width:170px !important;
    padding:20px 15px !important;
}

.technical-specs{padding:40px 0 !important;}
.tech-left h2{font-size:58px !important;}
.tech-left p{font-size:16px !important;margin-bottom:35px !important;}
.tech-right img{max-width:450px !important;}
.tech-item{padding:12px !important;}
.tech-item h3{font-size:48px !important;}

.precision-section{padding:45px 0 !important;}
.precision-title{font-size:58px !important;margin-bottom:25px !important;}
.precision-grid{gap:18px !important;}
.precision-card{
    padding:22px !important;
    min-height:190px !important;
}

.spec-video-container{gap:35px !important;}
.video-spec-card{width:360px !important;}
.video-spec-card h2{font-size:54px !important;}

.armour-section{padding:45px 0 !important;}
.armour-title{font-size:60px !important;margin-bottom:35px !important;}
.armour-grid{gap:35px !important;}
.armour-item{padding:22px 0 !important;}
.armour-item h3{font-size:24px !important;}

.final-cta{
    padding:90px 20px !important;
}
.cta-title{font-size:62px !important;}
.cta-text{
    font-size:18px !important;
    margin:25px auto !important;
}

}