/*==================================================
=         FEATURED PRODUCT - PSK INDUSTRIAL         =
==================================================*/

.psk-feature-product{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:linear-gradient(135deg,#001a43 0%,#00306f 100%);
    box-shadow:0 25px 60px rgba(0,26,67,.18);
}

.psk-feature-product::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    top:-220px;
    left:-180px;
}

.psk-feature-product::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,122,26,.08);
    bottom:-150px;
    right:-120px;
}

.psk-feature-inner{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    z-index:2;
}

/*=========================
Visual
=========================*/

.psk-feature-visual{

    flex:0 0 45%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:60px;

    position:relative;

    min-height:460px;

}

.psk-feature-visual img{

    max-width:100%;

    max-height:380px;

    object-fit:contain;

    position:relative;

    z-index:2;

    transition:.45s;

}

.psk-feature-product:hover .psk-feature-visual img{

    transform:scale(1.05);

}

.psk-feature-visual .ring{

    width:340px;

    height:340px;

    border-radius:50%;

    border:2px dashed rgba(255,255,255,.18);

    position:absolute;

    animation:pskRotate 25s linear infinite;

}

@keyframes pskRotate{

    from{transform:rotate(0deg);}

    to{transform:rotate(360deg);}

}

.psk-feature-badge{

    position:absolute;

    top:30px;

    right:30px;

    background:#ff7a1a;

    color:#001a43;

    font-weight:800;

    font-size:13px;

    padding:10px 18px;

    border-radius:999px;

    z-index:3;

    box-shadow:0 10px 30px rgba(255,122,26,.35);

}

/*=========================
Content
=========================*/

.psk-feature-copy{

    flex:1;

    color:#fff;

    padding:60px 60px 60px 0;

}

.psk-feature-copy h3{

    color:#ffb066;

    font-size:15px;

    font-weight:700;

    margin-bottom:12px;

}

.psk-feature-copy h2{

    font-size:40px;

    font-weight:900;

    line-height:1.3;

    margin-bottom:18px;

}

.psk-feature-copy p{

    color:#c6d3ea;

    font-size:16px;

    line-height:2;

    max-width:560px;

    margin-bottom:35px;

}

/*=========================
Specs
=========================*/

.psk-feature-specs{

    display:grid;

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

    gap:18px;

    margin-bottom:35px;

    list-style:none;

    padding:0;

}

.psk-feature-specs li{

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    border-radius:16px;

    padding:18px;

    text-align:center;

}

.psk-feature-specs b{

    display:block;

    color:#fff;

    font-size:18px;

    margin-bottom:8px;

}

.psk-feature-specs span{

    color:#b9c8df;

    font-size:13px;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.psk-feature-inner{

flex-direction:column;

}

.psk-feature-copy{

padding:0 35px 50px;

text-align:center;

}

.psk-feature-copy p{

margin:auto auto 30px;

}

.psk-feature-specs{

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

}

}

@media(max-width:576px){

.psk-feature-copy h2{

font-size:30px;

}

.psk-feature-specs{

grid-template-columns:1fr;

}

.psk-feature-visual{

padding:40px;

min-height:300px;

}

.psk-feature-visual img{

max-height:250px;

}

}
/* ======================================================
   Brands
====================================================== */

.psk-brand-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:22px;
    margin-top:20px;
}

.psk-brand-card{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    min-height:120px;
    padding:24px;
    transition:.25s;
}

.psk-brand-card:hover{
    transform:translateY(-6px);
    border-color:var(--amber);
    box-shadow:var(--shadow);
}

.psk-brand-logo{
    width:100%;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.psk-brand-logo img{
    max-width:150px;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.8;
    transition:.3s;
}

.psk-brand-card:hover img{
    filter:none;
    opacity:1;
    transform:scale(1.05);
}

.psk-brand-logo span{
    font-size:15px;
    font-weight:700;
    color:var(--navy);
    text-align:center;
}
/* ======================================================
   Four Brand Banner
====================================================== */

.psk-banner-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:24px;
}

.psk-banner {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 15px;
    border-radius: 18px 48px 48px 18px;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .3s ease, box-shadow .3s ease;
}
.psk-banner>*{
    position:relative;
    z-index:2;
}
.psk-banner:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.psk-banner::before {
    content: "";
    position: absolute;
    inset: 0 0 0 64%;
    background: linear-gradient(115deg, rgb(255 255 255) 12%, rgb(0 85 216) 100%);
    transition: .3s;
    border: 7px solid #ffffff;
    border-radius: 0 3rem 3rem 0;
}
.psk-banner:hover::before{
    background:
        linear-gradient(
            180deg,
            rgba(255,122,26,.18),
            rgba(3,15,45,.80) );
}
.psk-banner:nth-child(1)::before {
    background: linear-gradient(115deg, rgb(255 255 255) 12%, rgb(98 143 218) 100%);
}
.psk-banner:nth-child(2)::before {
    background: linear-gradient(115deg, rgb(255 255 255) 12%, rgb(232 141 57) 100%);
}
.psk-banner:nth-child(3)::before {
    background: linear-gradient(115deg, rgb(255 255 255) 8%, rgb(51 128 0) 100%);
}
.psk-banner:nth-child(4)::before {
    background: linear-gradient(115deg, rgb(255 255 255) 8%, rgb(94 180 228) 100%);
}
.psk-banner b{

    display:block;

    font-size:22px;

    font-weight:900;

    margin-bottom:8px;

    line-height:1.4;

}

.psk-banner span{

    font-size:13px;

    color:rgba(255,255,255,.88);

}

.psk-btag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    align-self:flex-start;

    padding:6px 14px;

    border-radius:999px;

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(10px);

    font-size:11px;

    font-weight:700;

    letter-spacing:.3px;

}

/* رنگ‌های پیش‌فرض */

.psk-banner.banner-green{

    background-color:#0b6b53;

}

.psk-banner.banner-blue{

    background-color:#163b82;

}

.psk-banner.banner-dark{

    background-color:#0b2346;

}

.psk-banner.banner-orange{

    background-color:#9a4c10;

}