/* ═══════════════════════════════════════════════
   QUICK SPECIFICATIONS SECTION — Standalone CSS
   Link: <link rel="stylesheet" href="quick-specs.css">
   ═══════════════════════════════════════════════ */

:root {
  --qs-navy: #0c3b91;
  --qs-text: #1a1a1a;
  --qs-border: #e0e0e0;
  --qs-white: #ffffff;
  --qs-bg: #f4f6f8;
}



.quick-specs{
    background:var(--qs-white);
}

.quick-specs__item{
    padding:35px 20px;
    text-align:center;
    border-right:1px solid var(--qs-border);
}

.quick-specs__item:last-child{
    border-right:none;
}

.quick-specs__icon{
    margin-bottom:18px;
}

.quick-specs__icon i{
    font-size:30px;
    color:var(--qs-navy);
    line-height:1;
}

.quick-specs__label{
    font-size:28px;
    font-weight:700;
    color:var(--qs-text);
    margin-bottom:8px;
}

.quick-specs__value{
    font-size:18px;
    font-weight:500;
    color:var(--qs-text);
    margin:0;
}


/*====================================
Product Image Box
====================================*/

.napco-product-image-box{

    margin-top:35px;

    background:#fff;

    border:1px solid #e8edf5;

    border-radius:15px;

    padding:10px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    overflow:hidden;

}

.napco-product-image-box img{

    width:100%;

    max-width:300px;

    transition:.4s ease;

    filter:drop-shadow(0 18px 35px rgba(0,0,0,.15));

}

.napco-product-image-box:hover img{

    transform:scale(1.04);

}



/* ── Section ── */
.quick-specs {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 20px;
}

.quick-specs__wrapper {
  display: flex;
  align-items: stretch;
  background: var(--qs-white);
  border: 1px solid var(--qs-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* ── Left Heading ── */
.quick-specs__heading {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 32px;
  border-right: 1px solid var(--qs-border);
  min-width: 160px;
}

.quick-specs__heading span {
  font-size: 30px;
  font-weight: 700;
  color: #0c3b91;
 
  font-family:'Poppins', sans-serif;
  line-height: 1.25;
  letter-spacing: 0.02em;
}

/* ── Spec Grid ── */
.quick-specs__grid {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.quick-specs__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 12px;
  border-right: 1px solid var(--qs-border);
}

.quick-specs__item:last-child {
  border-right: none;
}

/* ── Icon ── */
.quick-specs__icon {
  width: 44px;
  height: 44px;
  color: var(--qs-navy);
  margin-bottom: 10px;
}

.quick-specs__icon svg {
  width: 100%;
  height: 100%;
}

/* ── Text ── */
.quick-specs__label {
  font-size: 16px;
  font-weight: 700;
  color: var(--qs-text);
  margin-bottom: 4px;
}

.quick-specs__value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--qs-text);
}

/* ── Tablet ── */
@media (max-width: 1024px) {
  .quick-specs__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .quick-specs__item {
    border-bottom: 1px solid var(--qs-border);
  }

  .quick-specs__item:nth-child(3),
  .quick-specs__item:nth-child(6) {
    border-right: none;
  }

  .quick-specs__item:nth-child(4),
  .quick-specs__item:nth-child(5) {
    border-right: 1px solid var(--qs-border);
  }

  .quick-specs__item:nth-last-child(-n+3) {
    border-bottom: none;
  }
}

/* ── Mobile ── */
@media (max-width: 640px) {
  .quick-specs__wrapper {
    flex-direction: column;
  }
  .quick-specs__heading span {
    font-size: 24px;
  }

  .quick-specs__heading {
    flex-direction: row;
    gap: 6px;
    padding: 20px 24px;
    border-right: none;
    border-bottom: 1px solid var(--qs-border);
  }

  .quick-specs__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .quick-specs__item {
    border-right: 1px solid var(--qs-border);
    border-bottom: 1px solid var(--qs-border);
    padding: 20px 10px;
  }

  .quick-specs__item:nth-child(2n) {
    border-right: none;
  }

  .quick-specs__item:nth-last-child(-n+2) {
    border-bottom: none;
  }
}

@media (max-width: 380px) {
  .quick-specs__grid {
    grid-template-columns: 1fr;
  }

  .quick-specs__item {
    border-right: none !important;
  }

  .quick-specs__item:last-child {
    border-bottom: none;
  }
}


/*=========================================
SF-929 QUICK SPECIFICATION SECTION
=========================================*/

.sf929-specification-section{

    width:100%;
    padding:80px 0;
    background:var(--white);
    font-family:var(--heading-font);

}

.sf929-specification-container{

    width:min(1320px,92%);
    margin:auto;

}


/*=========================================
HEADING
=========================================*/

.sf929-heading-wrapper{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:10px;

}

.sf929-heading-line{

    width:120px;
    height:3px;
    background:var(--green);
    position:relative;

}

.sf929-heading-line::before{

    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border:3px solid var(--green);
    background:#fff;
    transform:rotate(45deg);
    top:50%;
    margin-top:-8px;

}

.sf929-heading-line:first-child::before{

    right:-8px;

}

.sf929-heading-line:last-child::before{

    left:-8px;

}

.sf929-machine-code{

    font-size:72px;
    font-weight:700;
    color:var(--primary);
    line-height:1;

}

.sf929-machine-title{

    text-align:center;
    text-transform:uppercase;
    font-size:48px;
    color:#222;
    font-weight:700;
    margin-bottom:45px;

}


/*=========================================
RIBBON
=========================================*/

.sf929-ribbon-wrapper{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:45px;

}

.sf929-ribbon-line{

    flex:1;
    height:3px;
    background:var(--primary);
    position:relative;

}

.sf929-ribbon-line::after{

    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background:var(--primary);
    transform:rotate(45deg);
    right:0;
    top:50%;
    margin-top:-6px;

}

.sf929-ribbon-wrapper .sf929-ribbon-line:first-child::after{

    right:-5px;

}

.sf929-ribbon-wrapper .sf929-ribbon-line:last-child::after{

    left:-5px;

}

.sf929-ribbon-wrapper .sf929-ribbon-line:last-child{

    transform:scaleX(-1);

}

.sf929-ribbon-title{

    background:var(--primary);
    color:#fff;
    padding:14px 70px;
    font-size:30px;
    font-weight:700;
    /* text-transform:uppercase; */
    clip-path:polygon(6% 0,100% 0,94% 100%,0% 100%);
    position:relative;
    letter-spacing:.5px;

}

.sf929-ribbon-title::before{

    content:"//";
    position:absolute;
    left:-28px;
    color:var(--green);
    font-size:46px;
    font-weight:700;

}

.sf929-ribbon-title::after{

    content:"//";
    position:absolute;
    right:-28px;
    color:var(--green);
    font-size:46px;
    font-weight:700;

}


/*=========================================
TOP GRID
=========================================*/

.sf929-specification-grid{

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:18px;
    margin-bottom:28px;

}


/*=========================================
CARD
=========================================*/

.sf929-spec-card{

    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    padding:28px 20px;
    text-align:center;
    transition:.35s;
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:center;

}

.sf929-spec-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.sf929-icon-box{

    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;

}

.sf929-icon-box i{

    font-size:64px;
    color:var(--primary);

}

.sf929-spec-card h4{

    font-size:18px;
    font-weight:700;
    color:var(--primary);
    line-height:1.35;
    text-transform:uppercase;
    margin-bottom:18px;
    height: 70px;

}

.sf929-divider{

    width:80px;
    height:2px;
    background:var(--green);
    position:relative;
    margin-bottom:20px;

}

.sf929-divider::after{

    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--green);
    left:50%;
    transform:translateX(-50%);
    top:-4px;

}

.sf929-spec-card p{

    font-size:15px;
    line-height:1.8;
    color:var(--text);
    margin:0;

}


/*=========================================
BOTTOM GRID
=========================================*/

.sf929-bottom-grid{

    display:grid;
    grid-template-columns:1.2fr 1.5fr 1.2fr;
    gap:20px;

}


/*=========================================
BOTTOM CARD
=========================================*/

.sf929-bottom-card{

    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    padding:30px;
    display:flex;
    align-items:center;
    gap:25px;

}

.sf929-bottom-icon{

    flex:0 0 95px;

}

.sf929-bottom-icon i{

    font-size:60px;
    color:var(--green);

}

.sf929-bottom-content h4{

    font-size:22px;
    color:var(--primary);
    font-weight:700;
    margin-bottom:15px;
    text-transform:uppercase;

}

.sf929-bottom-content p{

    font-size:15px;
    color:var(--text);
    line-height:1.8;

}

.sf929-bottom-content ul{

    margin:0;
    padding:0;
    list-style:none;

}

.sf929-bottom-content li{

    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:18px;
    color:var(--text);
    line-height:1.8;
    margin-bottom:10px;

}

.sf929-bottom-content li i{

    color:var(--green);
    font-size:18px;
    margin-top:4px;

}


/*=========================================
BLUE MACHINE CARD
=========================================*/

.sf929-machine-card{

    background:linear-gradient(135deg,var(--primary),#082d73);
    border-radius:12px;
    color:#fff;
    padding:35px;
    display:flex;
    align-items:center;
    gap:25px;

}

.sf929-machine-icon{

    width:120px;
    height:120px;
    border:2px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;

}

.sf929-machine-icon i{

    font-size:72px;
    color:#fff;

}

.sf929-machine-content span{

    display:block;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:10px;
    opacity:.9;
    font-weight:600;

}

.sf929-machine-content h4{

    font-size:22px;
    line-height:1.5;
    font-weight:700;
    margin:0;

}
/*=========================================
TABLET RESPONSIVE
=========================================*/

@media (max-width:1200px){

    .sf929-machine-code{

        font-size:58px;

    }

    .sf929-machine-title{

        font-size:38px;

    }

    .sf929-ribbon-title{

        font-size:28px;
        padding:12px 50px;

    }

    .sf929-specification-grid{

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

    }

    .sf929-spec-card{

        min-height:340px;

    }

    .sf929-bottom-grid{

        grid-template-columns:1fr;

    }

}



@media (max-width:991px){

    .sf929-specification-section{

        padding:70px 0;

    }

    .sf929-heading-wrapper{

        gap:15px;

    }

    .sf929-heading-line{

        width:80px;

    }

    .sf929-machine-code{

        font-size:48px;

    }

    .sf929-machine-title{

        font-size:30px;
        line-height:1.4;
        margin-bottom:35px;

    }

    .sf929-ribbon-wrapper{

        gap:15px;
        margin-bottom:35px;

    }

    .sf929-ribbon-title{

        font-size:24px;
        padding:12px 40px;

    }

    .sf929-ribbon-title::before,
    .sf929-ribbon-title::after{

        display:none;

    }

    .sf929-specification-grid{

        grid-template-columns:repeat(2,1fr);
        gap:20px;

    }

    .sf929-spec-card{

        min-height:auto;
        padding:30px 22px;

    }

    .sf929-icon-box{

        width:80px;
        height:80px;
        margin-bottom:20px;

    }

    .sf929-icon-box i{

        font-size:54px;

    }

    .sf929-spec-card h4{

        font-size:20px;

    }

    .sf929-spec-card p{

        font-size:17px;

    }

    .sf929-bottom-grid{

        gap:20px;

    }

    .sf929-bottom-card{

        padding:25px;

    }

    .sf929-bottom-icon{

        flex:0 0 80px;

    }

    .sf929-bottom-icon i{

        font-size:60px;

    }

    .sf929-bottom-content h4{

        font-size:26px;

    }

    .sf929-bottom-content p{

        font-size:17px;

    }

    .sf929-bottom-content li{

        font-size:17px;

    }

    .sf929-machine-card{

        padding:30px;

    }

    .sf929-machine-icon{

        width:95px;
        height:95px;

    }

    .sf929-machine-icon i{

        font-size:55px;

    }

    .sf929-machine-content h4{

        font-size:28px;

    }

}



@media (max-width:768px){

    .sf929-heading-wrapper{

        flex-direction:column;
        gap:12px;

    }

    .sf929-heading-line{

        width:130px;

    }

    .sf929-machine-code{

        font-size:42px;

    }

    .sf929-machine-title{

        font-size:26px;

    }

    .sf929-ribbon-wrapper{

        flex-direction:column;
        gap:15px;

    }

    .sf929-ribbon-line{

        display:none;

    }

    .sf929-ribbon-title{

        width:100%;
        max-width:420px;
        text-align:center;

    }

    .sf929-specification-grid{

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

    }

    .sf929-bottom-card{

        flex-direction:column;
        text-align:center;

    }

    .sf929-bottom-content li{

        justify-content:center;
        text-align:left;

    }

    .sf929-machine-card{

        flex-direction:column;
        text-align:center;

    }

}
/*=========================================
MOBILE RESPONSIVE
=========================================*/

@media (max-width:576px){

    .sf929-specification-section{

        padding:50px 0;

    }

    .sf929-specification-container{

        width:94%;

    }

    /*=========================
    Heading
    =========================*/

    .sf929-heading-wrapper{

        gap:10px;

    }

    .sf929-heading-line{

        width:80px;
        height:2px;

    }

    .sf929-heading-line::before{

        width:8px;
        height:8px;
        border-width:2px;
        margin-top:-6px;

    }

    .sf929-machine-code{

        font-size:36px;
        line-height:1.1;

    }

    .sf929-machine-title{

        font-size:22px;
        line-height:1.5;
        margin-bottom:25px;
        padding:0 5px;

    }

    /*=========================
    Ribbon
    =========================*/

    .sf929-ribbon-wrapper{

        margin-bottom:25px;

    }

    .sf929-ribbon-title{

        width:100%;
        max-width:100%;
        font-size:18px;
        padding:12px 18px;
        clip-path:none;
        border-radius:6px;

    }

    /*=========================
    Top Cards
    =========================*/

    .sf929-specification-grid{

        grid-template-columns:1fr;
        gap:18px;

    }

    .sf929-spec-card{

        min-height:auto;
        padding:25px 20px;

    }

    .sf929-icon-box{

        width:70px;
        height:70px;
        margin-bottom:18px;

    }

    .sf929-icon-box i{

        font-size:46px;

    }

    .sf929-spec-card h4{

        font-size:18px;
        line-height:1.4;
        margin-bottom:15px;

    }

    .sf929-divider{

        width:70px;
        margin-bottom:15px;

    }

    .sf929-spec-card p{

        font-size:16px;
        line-height:1.7;

    }

    /*=========================
    Bottom Cards
    =========================*/

    .sf929-bottom-grid{

        gap:18px;

    }

    .sf929-bottom-card{

        padding:22px 18px;
        border-radius:10px;

    }

    .sf929-bottom-icon{

        flex:0 0 auto;

    }

    .sf929-bottom-icon i{

        font-size:52px;

    }

    .sf929-bottom-content h4{

        font-size:22px;
        margin-bottom:12px;

    }

    .sf929-bottom-content p{

        font-size:16px;
        line-height:1.7;

    }

    .sf929-bottom-content ul{

        width:100%;

    }

    .sf929-bottom-content li{

        font-size:15px;
        line-height:1.7;
        justify-content:flex-start;

    }

    .sf929-bottom-content li i{

        font-size:15px;
        margin-top:5px;

    }

    /*=========================
    Machine Card
    =========================*/

    .sf929-machine-card{

        padding:25px 20px;
        border-radius:10px;

    }

    .sf929-machine-icon{

        width:80px;
        height:80px;

    }

    .sf929-machine-icon i{

        font-size:42px;

    }

    .sf929-machine-content span{

        font-size:14px;
        margin-bottom:8px;

    }

    .sf929-machine-content h4{

        font-size:22px;
        line-height:1.5;

    }

}



/*=========================================
EXTRA SMALL DEVICES
=========================================*/

@media (max-width:380px){

    .sf929-machine-code{

        font-size:30px;

    }

    .sf929-machine-title{

        font-size:19px;

    }

    .sf929-ribbon-title{

        font-size:16px;
        padding:10px 14px;

    }

    .sf929-spec-card{

        padding:22px 16px;

    }

    .sf929-icon-box i{

        font-size:40px;

    }

    .sf929-spec-card h4{

        font-size:17px;

    }

    .sf929-spec-card p{

        font-size:15px;

    }

    .sf929-bottom-card{

        padding:18px 15px;

    }

    .sf929-bottom-content h4{

        font-size:20px;

    }

    .sf929-bottom-content p{

        font-size:15px;

    }

    .sf929-bottom-content li{

        font-size:14px;

    }

    .sf929-machine-content h4{

        font-size:20px;

    }

}

/* SF-929D */
.quick-specs__grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

@media(max-width:1200px){
    .quick-specs__grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){
    .quick-specs__grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .quick-specs__grid{
        grid-template-columns:1fr;
    }
}