/* =========================================================
   PlatterWala Website — Feature Strip
   Step 7
========================================================= */

.pw-feature-strip{
    width:100%;
    max-width:1480px;
    margin:0 auto;
    padding:18px 22px 28px;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.pw-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.pw-feature-card{
    min-height:92px;
    padding:15px 18px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:13px;
    background:
        linear-gradient(135deg,rgba(20,20,20,.97),rgba(48,30,18,.96));
    box-shadow:0 4px 15px rgba(0,0,0,.13);
    display:flex;
    align-items:center;
    gap:14px;
}

.pw-feature-icon{
    width:54px;
    height:54px;
    flex:0 0 54px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#171717;
    color:#ff6b00;
    border:2px solid #ff6b00;
    font-size:28px;
    line-height:1;
}

.pw-feature-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.pw-feature-content strong{
    color:#fff;
    font-size:16px;
    line-height:1.15;
    font-weight:850;
}

.pw-feature-content span{
    color:#ddd;
    font-size:12px;
    line-height:1.25;
}

/* Tablet */

@media (max-width:1100px){
    .pw-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* Mobile */

@media (max-width:767px){

    .pw-feature-strip{
        padding:12px 10px 78px;
    }

    .pw-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .pw-feature-card{
        min-height:82px;
        padding:10px;
        border-radius:11px;
        gap:9px;
    }

    .pw-feature-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
        font-size:21px;
        border-width:1px;
    }

    .pw-feature-content strong{
        font-size:12px;
    }

    .pw-feature-content span{
        font-size:10px;
    }
}

/* Remove only the old preview placeholder; never hide page content. */
.pw-new-preview-body .pw-preview-next{display:none !important;}

/* Preview host */
.pw-feature-preview-slot{
    display:block;
    width:100%;
}

/* v1.0.6: Safe direct footer rendering */
#pw-feature-strip-direct{
    display:block !important;
    width:100% !important;
    clear:both !important;
    position:relative !important;
    z-index:10 !important;
}

#pw-feature-strip-direct .pw-feature-strip{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}