/* چهار پنل دسترسی سریع صفحه اصلی؛ قاب‌های یک‌اندازه، عنوان مرتب و پیش‌نمایش هنگام هاور */
.afz-home-quick-row{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:20px 0;
    direction:rtl;
    align-items:stretch;
}
.afz-home-quick-row-single{grid-template-columns:minmax(0,1fr)}
.afz-home-quick-panel{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:stretch;
    min-width:0;
    min-height:142px;
    padding:43px 10px 10px;
    overflow:visible;
    border:1px solid #b9d9cd;
    border-color:color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 38%,#fff);
    border-top:2px solid var(--afz-home-quick-color,var(--azin-main-color,#19b99a));
    border-radius:12px;
    background:#fff;
    box-shadow:none;
}
.afz-home-quick-title{
    position:absolute;
    top:9px;
    right:12px;
    z-index:3;
    max-width:calc(100% - 24px);
    margin:0;
    padding:5px 13px 6px;
    border:1px solid color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 22%,#fff);
    border-radius:8px;
    color:#fff;
    background:var(--afz-home-quick-color,var(--azin-main-color,#19b99a));
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    line-height:1.5;
}
.afz-home-quick-title span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afz-home-quick-items{
    display:flex;
    flex:1 1 auto;
    align-items:stretch;
    min-width:0;
    overflow:visible;
    direction:rtl;
}
.afz-home-quick-item,
.afz-home-quick-more{
    position:relative;
    display:flex;
    flex:1 1 0;
    min-width:0;
    max-width:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
    padding:2px 7px 1px;
    color:#273b35!important;
    text-align:center;
    text-decoration:none!important;
    background:transparent;
    transition:background-color .14s ease,color .14s ease;
}
.afz-home-quick-item:not(:first-child)::before{
    content:"";
    position:absolute;
    top:5px;
    right:0;
    bottom:5px;
    width:1px;
    background:color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 17%,#fff);
}
.afz-home-quick-thumb-frame{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:94px;
    height:61px;
    max-width:100%;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 22%,#fff);
    border-radius:7px;
    background:color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 4%,#fff);
}
/* در پنل دسترسی سریع هیچ نشان فرمت جداگانه‌ای روی تصویر کوچک نمایش داده نمی‌شود. */
.afz-home-quick-item .product-label,
.afz-home-quick-item .file-type-badge,
.afz-home-quick-item .download-format-badge{display:none!important}
.afz-home-quick-image{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:100%;
    object-fit:contain;
    object-position:center center;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.afz-home-quick-no-image{background:linear-gradient(135deg,color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 5%,#fff),color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 10%,#fff))}
.afz-home-quick-item-title{
    display:-webkit-box;
    max-width:100%;
    min-height:29px;
    overflow:hidden;
    color:#33443e;
    font-family:inherit;
    font-size:var(--afz-home-quick-product-title-font-size,10px);
    font-weight:650;
    line-height:1.45;
    text-align:center;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
}
/* عنوان زیر تصویر در همه حالت‌ها تیره می‌ماند و با رنگ شاخص ستون تغییر نمی‌کند. */
.afz-home-quick-item:hover .afz-home-quick-item-title,
.afz-home-quick-item:focus-visible .afz-home-quick-item-title{color:#33443e!important}

/* پیش‌نمایش بزرگ‌تر و سبک؛ تصویر فقط هنگام اولین هاور دریافت می‌شود. */
.afz-home-quick-hovercard{
    position:absolute;
    right:50%;
    bottom:calc(100% + 8px);
    z-index:100;
    display:block;
    width:184px;
    max-width:min(184px,70vw);
    padding:5px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 30%,#fff);
    border-radius:9px;
    background:#fff;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(50%,5px);
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.afz-home-quick-hover-image{
    display:block;
    width:100%;
    height:116px;
    object-fit:contain;
    object-position:center;
    border-radius:5px;
    background:#fff;
}
.afz-home-quick-hover-title{
    /* عنوان روی خود تصویر قرار می‌گیرد؛ رنگ آن از تنظیم هاله هاور محصولات می‌آید، نه رنگ ستون. */
    position:absolute;
    right:5px;
    bottom:5px;
    left:5px;
    z-index:2;
    display:-webkit-box;
    box-sizing:border-box;
    min-height:48px;
    max-height:72%;
    padding:24px 8px 7px;
    overflow:hidden;
    border-radius:0 0 5px 5px;
    color:#fff;
    background:linear-gradient(to top,var(--afz-home-quick-hover-halo,rgba(17,24,39,.82)) 0%,var(--afz-home-quick-hover-halo,rgba(17,24,39,.82)) 42%,transparent 100%);
    font-family:inherit;
    font-size:var(--afz-home-quick-product-title-font-size,10px);
    font-weight:700;
    line-height:1.5;
    direction:rtl;
    text-align:right;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
    pointer-events:none;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
@media(hover:hover) and (pointer:fine){
    .afz-home-quick-item:hover,
    .afz-home-quick-item:focus-visible{z-index:35}
    .afz-home-quick-item:hover .afz-home-quick-hovercard,
    .afz-home-quick-item:focus-visible .afz-home-quick-hovercard{
        opacity:1;
        visibility:visible;
        transform:translate(50%,0);
    }
}

.afz-home-quick-more{
    flex:0 0 76px;
    width:76px;
    max-width:76px;
    gap:0;
    color:#fff!important;
    font-size:9px;
    font-weight:700;
}
/* دایره موارد بیشتر جداکننده ندارد؛ جداکننده‌ها فقط میان آیتم‌های محصول‌اند. */
.afz-home-quick-more::before{display:none!important;content:none!important}
.afz-home-quick-more-icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:3px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:var(--afz-home-quick-color,var(--azin-main-color,#19b99a));
    font-size:16px;
    line-height:1.2;
    transition:background-color .14s ease;
}
.afz-home-quick-more-icon>span{color:#fff;font-size:8px;font-weight:700;white-space:nowrap}
.afz-home-quick-more:hover .afz-home-quick-more-icon,
.afz-home-quick-more:focus-visible .afz-home-quick-more-icon{background:color-mix(in srgb,var(--afz-home-quick-color,var(--azin-main-color,#19b99a)) 84%,#000 16%)}
.afz-home-quick-row:not(.afz-home-quick-row-single) .afz-home-quick-item:nth-of-type(n+7){display:none}
.afz-home-quick-row-single .afz-home-quick-item{max-width:none}
.afz-home-quick-row-single .afz-home-quick-item:nth-of-type(n+12){display:none}
.afz-home-quick-row:hover{z-index:120}
.afz-home-quick-panel:hover,.afz-home-quick-panel:focus-within{z-index:121}

@media(max-width:1199px){
    .afz-home-quick-panel{min-height:136px;padding-top:41px}
    .afz-home-quick-thumb-frame{width:88px;height:58px}
    .afz-home-quick-more{flex-basis:70px;width:70px;max-width:70px}
    .afz-home-quick-more-icon{width:54px;height:54px}
}
@media(max-width:767px){
    .afz-home-quick-row,.afz-home-quick-row-single{grid-template-columns:minmax(0,1fr);gap:11px;margin:15px 0}
    .afz-home-quick-row:has(> .afz-home-quick-panel.afz-home-quick-hide-mobile:nth-child(1)):has(> .afz-home-quick-panel.afz-home-quick-hide-mobile:nth-child(2)){display:none}
    .afz-home-quick-hide-mobile{display:none!important}
    .afz-home-quick-panel{min-height:125px;padding:40px 7px 8px;border-radius:10px}
    .afz-home-quick-item{max-width:none;padding:2px 4px}
    .afz-home-quick-row .afz-home-quick-item:nth-of-type(n+4),
    .afz-home-quick-row-single .afz-home-quick-item:nth-of-type(n+4){display:none}
    .afz-home-quick-thumb-frame{width:74px;height:52px}
    .afz-home-quick-item-title{min-height:25px}
    .afz-home-quick-more{flex-basis:64px;width:64px;max-width:64px}
    .afz-home-quick-more-icon{width:50px;height:50px}
    .afz-home-quick-more-icon>span{font-size:7px}
    .afz-home-quick-hovercard{display:none!important}
}