/*-----cat product-----*/
/* --- بخش بالا --- */
.pcat-hero{
    padding: 0 0 50px 0;
    --pc-dark:#3C6592;
    --pc-green:#5ED5B3;
    --pc-border:#F9FAFC;
}

.em-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin:0 0 20px;
        flex-direction: row;
   
}
.pcat-hero-row{
    display:flex;
    align-items:center;
    gap:40px;
}
.pcat-hero-text{ flex:1; text-align:right; }
.pcat-hero-img{ flex:1; margin:0; }
.pcat-hero-img img{ width:100%;     height: 360px;}

.pcat-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px; height:56px;
    margin-right:auto;
    margin-bottom:18px;
    border-radius:50%;
    background:#F2F4F7;
}
.pcat-icon img{ width:24px; height:24px; object-fit:contain; }

.pcat-sub{ display:block; color:var(--pc-green); font-size:16px; margin-bottom:4px; }
.pcat-title{  font-size:32px; font-weight:800; color:var(--pc-dark); }
.pcat-desc{ font-size:14px; line-height:2.1;     color: #979DA8; text-align:justify; }

.cat-btns{ display: flex;
    align-items: center;
    gap: 85px;margin-top:26px; }

.cat__actions {
    background: #3C6592;
    height: 61px;
    width: 187px;
    border-radius: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
     color: #fff;
}

.alt-btn-cat{
        font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    white-space: nowrap;
     color: #081530;
}

/* --- زیردسته ها --- */
.pcat-list{ padding:60px 0; background:#F7F8FA; }
.pcat-list-title{ margin:0 0 8px; font-size:26px; font-weight:800; color:#081530; text-align:center; }
.pcat-list-sub{ margin:0 0 40px; font-size:14px; color: #979DA8; text-align:center; }

.pcat-grid{
    display:flex;
    flex-wrap:wrap;
    background:#fff;
    border:1px solid #E8E8E8;
}
.pcat-item{
    flex:0 0 50%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:26px 28px;
    border-bottom:1px solid #E8E8E8;
    border-left:1px solid #E8E8E8;
    transition:background .3s;
}
.pcat-item:nth-child(2n){ border-left:0; }
.pcat-item:hover{ background:#FAFBFC; }

.pcat-item-text h3{ margin:0 0 6px; font-size:18px; font-weight:800; color:#131E3A; }
.pcat-item-text span{ display:block; font-size:13px; color:#9AA0AC; }
.pcat-item-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 38px;
    margin-top: 14px;
    border: 1px solid #3C6592;
    border-radius: 48px;
    color: #131E3A;
    transition: all .25s;
}
.pcat-item:hover .pcat-item-btn{ background:#131E3A; border-color:#131E3A; color:#fff; }

.pcat-item-img{ margin:0; width:130px; }
.pcat-item-img img{ width:100%; height:auto; object-fit:contain; }

/* --- درباره --- */
.pcat-about{     padding: 50px 0 0 0;}
.pcat-about-title{ margin:0 0 20px; font-size:26px; font-weight:800; color:#131E3A; }
.pcat-about-text{ font-size:14px; line-height:2.2; color:#979DA8; text-align:justify; }

@media (max-width:991px){
    .pcat-hero-row{ flex-direction:column-reverse; }

}

@media (max-width:767px){
    .pcat-item{
        flex:0 0 50%;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:0;
        padding:24px 16px;
        text-align:center;
    }
    .pcat-item:nth-child(2n){ border-left:0; }

    /* تصویر بالا */
    .pcat-item-img{
        order:-1;
        width:110px;
        margin-bottom:18px;
    }

    /* متن و دکمه پایین */
    .pcat-item-text{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .pcat-item-text h3{ font-size:15px; margin-bottom:6px; }
    .pcat-item-text span{ font-size:12px; }
    .pcat-item-btn{
        width:54px;
        height:36px;
        margin-top:20px;
    }

.pcat-about-title,.nw-title ,.pcat-list-title ,.pcat-title {
 
    font-size: 20px;
}

 .nw-arrow, .nw-divider {
        display: none;
    }
.nw-section {
    padding: 30px 0;
  
}
    .nw-body {
        gap: 15px;
    }
}
@media (max-width:360px){
    .pcat-item{ flex:0 0 100%; }
    .pcat-item:nth-child(2n){ border-left:0; }
}
.col-cat-products
{
        justify-content: center;
    display: flex;
    margin: auto;
}
.pcat-img-back{
    background: url(../image/Group2403.png);
    width: 570px;
    height: 390px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}
/*------------------*/

/* --- آرشیو محصولات --- */
.parch-grid{
    display:flex;
    flex-wrap:wrap;
    border-top:1px solid #E8E8E8;
    border-right:1px solid #E8E8E8;
}
.parch-item{
    flex:0 0 25%;
    max-width:25%;
    border-bottom:1px solid #E8E8E8;
    border-left:1px solid #E8E8E8;
}

@media (max-width:991px){
    .parch-item{ flex:0 0 50%; max-width:50%; }
}
@media (max-width:575px){
    .parch-item{ flex:0 0 100%; max-width:100%; }
}

/* ---------- Product item hover shadow (category page) ---------- */
.pcat-item {
    position: relative;
    transition: background .3s, box-shadow .3s;
}
.pcat-item:hover,
.pcat-item:focus-visible {
    background: #fff;
    box-shadow: 0 16px 32px -14px rgba(11, 21, 46, .22);
    z-index: 2;
}
.pcat-item:focus-visible .pcat-item-btn {
    background: #131E3A;
    border-color: #131E3A;
    color: #fff;
}

/* ---------- Category hero buttons: hover effects (same feel as home slider) ---------- */
/* Primary pill: lifts, darkens, soft glow, light sweep + arrow */
.cat__actions {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.cat__actions::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 45%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .25), transparent);
    transform: skewX(-20deg);
    transition: left .6s ease;
    pointer-events: none;
    z-index: -1;
}
.cat__actions::after {
    content: "←";
    display: inline-block;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-width .3s ease, opacity .3s ease, transform .3s ease;
}
.cat__actions:hover,
.cat__actions:focus-visible {
    background-color: #2E5177;
    color: #fff;
  
    box-shadow: 0 12px 26px -10px rgba(60, 101, 146, .65);
}
.cat__actions:hover::before,
.cat__actions:focus-visible::before {
    left: 120%;
}
.cat__actions:hover::after,
.cat__actions:focus-visible::after {
    max-width: 20px;
    opacity: 1;
    transform: translateX(-2px);
}

/* Secondary text button: colour change + underline growing from the right (RTL) */
.alt-btn-cat {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    text-decoration: none;
    transition: color .3s ease;
}
.alt-btn-cat::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #5BC1A4;
    transition: width .35s ease;
}
.alt-btn-cat:hover,
.alt-btn-cat:focus-visible {
    color: #3C6592;
}
.alt-btn-cat:hover::after,
.alt-btn-cat:focus-visible::after {
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .cat__actions,
    .cat__actions::before,
    .cat__actions::after,
    .alt-btn-cat::after { transition: none; }
    .cat__actions:hover,
    .cat__actions:focus-visible { transform: none; }
}

/* ---------- Product list: text on the right, image on the left ---------- */
@media (min-width: 768px) {
    /* Text starts at the right edge of every item, so all items line up;
       the image is pushed to the far left → maximum space between them */
    .pcat-item {
        justify-content: space-between;
        gap: 24px;
    }
    .pcat-item-text {
        order: 1;
        flex: 0 1 auto;
        min-width: 0;
        text-align: right;
    }
    .pcat-item-img {
        order: 2;
    }
}


/*---------------- لیست محصولات دسته: عکس راست، متن چپ با فاصله ثابت ----------------*/
/* متن همه کارت‌ها از یک خط شروع می‌شود و با کارت‌های پایین هم‌تراز است */
.pcat-item {
  justify-content: flex-start;
  gap: 32px;
}

.pcat-item-img {
  order: 0;
  flex: 0 0 130px;
  margin: 0;
}

/* نوشته‌ها گوشه چپ کارت، لبه چپ همه کارت‌ها هم‌تراز */
.pcat-item-text {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  text-align: end;
}

.pcat-item-text > * {
  text-align: end;
}

.pcat-item-text .pcat-item-btn {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

@media (max-width: 575px) {
  .pcat-item { gap: 20px; }
  .pcat-item-img { flex-basis: 100px; }
}