.allmode-portal .allmode_name,.allmode-portal .allmode_showall,.allmode-portal .allmode_title,.allmode-portal img,.allmode-portal li,.allmode-portal ul{margin:0;padding:0;text-transform:none;border:0}.allmode-portal .allmode_img img,.allmode-portal .allmode_item .allmode_img img{-moz-border-colors:none;-moz-border-image:none;border-radius:3px}.allmode-portal a{text-decoration:none}.allmode-portal :focus{outline:0}.allmode-portal .allmode_clear{clear:both;height:0}.allmode-portal{position:relative;padding-top:32px;overflow:hidden}.allmode-portal .allmode_name{margin:-32px 0 -4px;height:28px;font:700 11px/30px Tahoma,Geneva,sans-serif;border-top:3px solid #148cd7;line-height:15px}.allmode-portal .allmode_name a{font-weight:700;font-size:11px}.allmode-portal .allmode_showall{position:absolute;top:6px;left:2px;text-align:left;color:#7d7d7d}.allmode-portal .allmode_showall a{font:400 11px/17px Tahoma,Geneva,sans-serif;font-weight:700}.allmode-portal .allmode_date{float:left;font-size:9px;color:#999797}.allmode-portal .allmode_topbox{float:right;padding-top:10px;width:40%;overflow:hidden;border-top:2px solid #c8c8c8}.allmode-portal .allmode_topitem{padding-bottom:5px;min-width:90%;overflow:hidden}.allmode-portal .allmode_img img{float:right;border-color:#E5E5E5;border-style:solid;border-width:1px;margin:0 0 5px 5px;padding:3px 2px}.allmode-portal .allmode_topitem .allmode_title{margin:0 0 6px;font:700 11px/14px Tahoma,Geneva,sans-serif}.allmode-portal .allmode_topitem .allmode_title a{font-weight:400;color:#000fff;font-size:12px}.allmode-portal .allmode_topitem .allmode_text{font:400 12px/18px Tahoma,Geneva,sans-serif;color:#484848}.allmode-portal .allmode_topitem .allmode_readmore a{font:700 10px/18px Tahoma,Geneva,sans-serif}.allmode-portal .allmode_itemsbox{position:relative;float:left;margin-left:-10px;width:60%;border-top:2px solid #c8c8c8}.allmode-portal .allmode_items{margin:10px 0 0 16px;overflow:hidden}.allmode-portal .allmode_item{display:none;margin-bottom:2px;padding-bottom:1px;padding-top:4px;overflow:hidden;list-style:none;background:0 0;text-align:right;border-bottom:1px dotted #ccccccde;}.allmode-portal .allmode_item .allmode_img img{float:right;border-color:#E5E5E5;border-style:solid;border-width:1px;margin:0 0 5px 5px;padding:3px}.allmode_category{font-size:9px;color:#aaa}.allmode-portal .allmode_item .allmode_title{margin:0 0 3px;font:400 12px/15px Tahoma,Geneva,sans-serif}.allmode-portal .allmode_item .allmode_title a{color:#0211ff}.allmode-portal .allmode_pagenav{position:absolute;top:-24px;right:-6px;overflow:hidden;font:11px/17px Verdana,Geneva,sans-serif}.allmode-portal .allmode_pagenav_bottom{position:relative;top:0}.allmode-portal .allmode_pagenav a{display:block;float:right;margin:0 2px;padding:0 4px;height:17px;line-height:17px}.allmode-portal .allmode_pagenav a:hover{background-color:#f5f5f5;-moz-border-radius:2px;border-radius:2px}.allmode-portal .allmode_pagenav a.active_page{color:#333!important;font-weight:400;background-color:#d1d1d1;-moz-border-radius:2px;border-radius:2px}.allmode-portal .allmode_pagenav .next_link,.allmode-portal .allmode_pagenav .previous_link{color:#7d7d7d!important}.allmode-portal .allmode_pagenav .first_link,.allmode-portal .allmode_pagenav .last_link{display:none;font-size:14px}.allmode-portal .allmode_details a,.allmode-portal .allmode_img a:hover img,.allmode-portal .allmode_name,.allmode-portal .allmode_showall a,.allmode-portal .allmode_title a:hover,.allmode-portal .allmode_topitem .allmode_readmore a{color:#0D6AC8;border-color:#0D6AC8}.allmode-portal .allmode_name span{background-color:#0D6AC8}.portal_newcontent .allmode_topitem .allmode_text{padding-bottom:15px}.portal_color1_50 .allmode_topbox{border-top:0;width:100%;padding-top:0}.portal_color1_50 .allmode_itemsbox{border-top:0;width:100%;margin-top:-10px;padding-bottom:20px}.portal_color1_50{padding-top:0}.portal_color1_50 .allmode_topitem{min-width:1%;padding-bottom:1px}.portal_color1_50 .allmode_img img{margin:0 0 0 5px;padding:1px}.portal_color1_50 .allmode_clear{padding-bottom:15px}.portal_color1_50 .allmode_item .allmode_title,.portal_color1_50 .allmode_topitem .allmode_title{margin:0 0 3px}.portal_color1_50 .allmode_showall{bottom:0;top:inherit}.portal_color1_50 .allmode_item{border-top-color:#CCC;border-top-style:dotted;border-top-width:1px;border-bottom-width:0;margin-top:0;margin-bottom:0;padding-top:4px;padding-bottom:0}.portal_color1 .allmode_name span{background-color:#078CF9}.portal_color1 .allmode_details a,.portal_color1 .allmode_img a:hover img,.portal_color1 .allmode_name,.portal_color1 .allmode_pagenav a,.portal_color1 .allmode_showall a,.portal_color1 .allmode_title a:hover,.portal_color1 .allmode_topitem .allmode_readmore a{color:#078CF9;border-color:#078CF9}.portal_color2 .allmode_name span{background-color:#0fb414}.portal_color2 .allmode_details a,.portal_color2 .allmode_img a:hover img,.portal_color2 .allmode_name,.portal_color2 .allmode_name a,.portal_color2 .allmode_pagenav a,.portal_color2 .allmode_showall a,.portal_color2 .allmode_title a:hover,.portal_color2 .allmode_topitem .allmode_readmore a{color:#0fb414;border-color:#0fb414}.portal_color3 .allmode_name span{background-color:#C90000}.portal_color3 .allmode_details a,.portal_color3 .allmode_img a:hover img,.portal_color3 .allmode_name,.portal_color3 .allmode_name a,.portal_color3 .allmode_pagenav a,.portal_color3 .allmode_showall a,.portal_color3 .allmode_title a:hover,.portal_color3 .allmode_topitem .allmode_readmore a{color:#C90000;border-color:#C90000}.portal_color4 .allmode_name span{background-color:#32928e}.portal_color4 .allmode_details a,.portal_color4 .allmode_img a:hover img,.portal_color4 .allmode_name,.portal_color4 .allmode_name a,.portal_color4 .allmode_pagenav a,.portal_color4 .allmode_showall a,.portal_color4 .allmode_title a:hover,.portal_color4 .allmode_topitem .allmode_readmore a{color:#32928e;border-color:#32928e}.portal_color5 .allmode_name span{background-color:#A50575}.portal_color5 .allmode_details a,.portal_color5 .allmode_img a:hover img,.portal_color5 .allmode_name,.portal_color5 .allmode_name a,.portal_color5 .allmode_pagenav a,.portal_color5 .allmode_showall a,.portal_color5 .allmode_title a:hover,.portal_color5 .allmode_topitem .allmode_readmore a{color:#A50575;border-color:#A50575}.portal_color6 .allmode_name span{background-color:#64921f}.portal_color6 .allmode_details a,.portal_color6 .allmode_img a:hover img,.portal_color6 .allmode_name,.portal_color6 .allmode_name a,.portal_color6 .allmode_pagenav a,.portal_color6 .allmode_showall a,.portal_color6 .allmode_title a:hover,.portal_color6 .allmode_topitem .allmode_readmore a{color:#64921f;border-color:#64921f}.portal_color7 .allmode_name span{background-color:#EF4FB4}.portal_color7 .allmode_details a,.portal_color7 .allmode_img a:hover img,.portal_color7 .allmode_name,.portal_color7 .allmode_name a,.portal_color7 .allmode_pagenav a,.portal_color7 .allmode_showall a,.portal_color7 .allmode_title a:hover,.portal_color7 .allmode_topitem .allmode_readmore a{color:#EF4FB4;border-color:#EF4FB4}.portal_color8 .allmode_name span{background-color:#B2804A}.portal_color8 .allmode_details a,.portal_color8 .allmode_img a:hover img,.portal_color8 .allmode_name,.portal_color8 .allmode_name a,.portal_color8 .allmode_pagenav a,.portal_color8 .allmode_showall a,.portal_color8 .allmode_title a:hover,.portal_color8 .allmode_topitem .allmode_readmore a{color:#B2804A;border-color:#B2804A}.portal_color9 .allmode_name span{background-color:#F0B11B}.portal_color9 .allmode_details a,.portal_color9 .allmode_img a:hover img,.portal_color9 .allmode_name,.portal_color9 .allmode_pagenav a,.portal_color9 .allmode_showall a,.portal_color9 .allmode_title a:hover,.portal_color9 .allmode_topitem .allmode_readmore a{color:#F0B11B;border-color:#F0B11B}.portal_color10 .allmode_name span{background-color:#ed2b6a}.portal_color10 .allmode_details a,.portal_color10 .allmode_img a:hover img,.portal_color10 .allmode_name,.portal_color10 .allmode_pagenav a,.portal_color10 .allmode_showall a,.portal_color10 .allmode_title a:hover,.portal_color10 .allmode_topitem .allmode_readmore a{color:#ed2b6a;border-color:#ed2b6a}.portal_color11 .allmode_name span{background-color:#FF9D26}.portal_color11 .allmode_details a,.portal_color11 .allmode_img a:hover img,.portal_color11 .allmode_name,.portal_color11 .allmode_pagenav a,.portal_color11 .allmode_showall a,.portal_color11 .allmode_title a:hover,.portal_color11 .allmode_topitem .allmode_readmore a{color:#FF9013;border-color:#FF9013}.portal_color12 .allmode_name span{background-color:#597389}.portal_color12 .allmode_details a,.portal_color12 .allmode_img a:hover img,.portal_color12 .allmode_name,.portal_color12 .allmode_pagenav a,.portal_color12 .allmode_showall a,.portal_color12 .allmode_title a:hover,.portal_color12 .allmode_topitem .allmode_readmore a{color:#476f92;border-color:#476f92}.allmode-portal .allmode_title a:hover{color:#565656}.allmode-portal .allmode_details a{color:#7d7d7d}.allmode-portal .allmode_name a:hover,.allmode-portal .allmode_showall a:hover,.allmode-portal .allmode_topitem .allmode_readmore a:hover{color:#565656}.allmode_name span{padding:3px 15px 5px 25px;border-bottom-left-radius:15px;border-bottom-right-radius:5px}.allmode-portal .allmode_name a{color:#FFF}.some{max-height:240px}.topmoddesk{height:340px}.topmoddeskfront{height:290px}.tazeh-down-desk{height:653px}.review-desk{text-align:center;height:2084px}.taze-topmo{position:relative;height:19.2em;width:100%}#allmode423 li.allmode_item{height:43px}#innertop .topmoddesk .allmode_topitem{height:128px}

/* =====================================================================
   BEYTOOTE MAIN PORTAL MODULES - EDITORIAL V3 SCOPED
   Scope: ONLY direct desktop portal modules inside #innertop; sidebars/sliders excluded.
   IMPORTANT: layout proportions and original content heights are preserved.
   ===================================================================== */
@media only screen and (min-width:769px){

/* ---------- accent palette ---------- */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal{--bt-accent:#0D6AC8;--bt-soft:#f5f8fb;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color1{--bt-accent:#078CF9;--bt-soft:#f2f8ff;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color2{--bt-accent:#0fb414;--bt-soft:#f3fbf3;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color3{--bt-accent:#C90000;--bt-soft:#fff5f5;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color4{--bt-accent:#32928e;--bt-soft:#f2fbfa;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color5{--bt-accent:#A50575;--bt-soft:#fff4fb;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color6{--bt-accent:#64921f;--bt-soft:#f7faef;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color7{--bt-accent:#EF4FB4;--bt-soft:#fff4fb;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color8{--bt-accent:#B2804A;--bt-soft:#fcf8f3;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color9{--bt-accent:#F0B11B;--bt-soft:#fffaf0;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color10{--bt-accent:#ed2b6a;--bt-soft:#fff5f8;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color11{--bt-accent:#FF9013;--bt-soft:#fff8f0;}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color12{--bt-accent:#476f92;--bt-soft:#f3f7fa;}

/* ---------- outer module: one clean magazine card, no nested boxes ---------- */
#innertop > .grid-box.width100.grid-v > .module.mod-box:has(> .allmode-portal){
    border:1px solid #e0e4e8;
    border-radius:13px;
    background:#fff;
    box-shadow:0 2px 10px rgba(31,45,61,.055);
    overflow:hidden;
}

#innertop > .grid-box.width100.grid-v > .module > .allmode-portal{
    position:relative;
    direction:rtl;
    padding-top:38px;
    overflow:hidden;
    background:#fff;
    font-family:ttgm,Tahoma,Geneva,sans-serif;
}

/* ---------- section header ---------- */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name{
    position:relative;
    z-index:2;
    height:34px;
    margin:-38px 0 0;
    border:0;
    border-top:3px solid var(--bt-accent);
    border-bottom:1px solid #edf0f2;
    background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%);
    font:700 13px/31px ttgm,Tahoma,Geneva,sans-serif;
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name:after{
    content:"";
    position:absolute;
    top:-3px;
    right:0;
    width:150px;
    height:3px;
    background:var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name a{
    display:inline-block;
    color:#fff;
    font:700 13px/31px ttgm,Tahoma,Geneva,sans-serif;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span{
    position:relative;
    display:inline-block;
    min-width:145px;
    height:31px;
    padding:0 18px 0 26px;
    border-radius:0 0 0 16px;
    background:var(--bt-accent);
    color:#fff;
    box-shadow:0 3px 8px rgba(30,40,55,.10);
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span:after{
    content:"";
    position:absolute;
    left:-10px;
    top:0;
    width:20px;
    height:31px;
    background:var(--bt-accent);
    transform:skewX(-18deg);
    transform-origin:top;
    z-index:-1;
}

/* ---------- more link ---------- */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall{
    position:absolute;
    z-index:4;
    top:6px;
    left:10px;
    margin:0;
    padding:0;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall a{
    display:inline-block;
    height:21px;
    padding:0 9px;
    border:1px solid #e2e6e9;
    border-radius:12px;
    background:#fff;
    color:var(--bt-accent)!important;
    font:700 11px/20px ttgm,Tahoma,Geneva,sans-serif;
    box-shadow:0 1px 2px rgba(0,0,0,.025);
    transition:.18s ease;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall a:hover{
    border-color:var(--bt-accent);
    background:var(--bt-soft);
    transform:translateX(-2px);
}

/* ---------- featured item: preserve original 40% structure ---------- */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox{
    position:relative;
    float:right;
    width:40%;
    margin:0;
    padding:10px 10px 4px 0;
    border:0;
    overflow:hidden;
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox:before{
    content:"";
    position:absolute;
    top:10px;
    right:0;
    width:3px;
    height:54px;
    border-radius:3px;
    background:var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img{
    position:relative;
    display:block;
    margin:0 0 7px;
    overflow:hidden;
    border-radius:10px;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:22px;
    pointer-events:none;
    background:linear-gradient(to top,rgba(0,0,0,.12),rgba(0,0,0,0));
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img img{
    float:none;
    display:block;
    width:100%!important;
    height:122px!important;
    margin:0;
    padding:0;
    border:0;
    border-radius:10px;
    object-fit:cover;
    box-shadow:none;
    transition:transform .25s ease,filter .25s ease;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img a:hover img{
    border:0;
    transform:scale(1.025);
    filter:saturate(1.04) contrast(1.02);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem{
    min-width:0;
    padding:0 2px 2px 5px;
    overflow:hidden;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title{
    margin:0 0 3px!important;
    font:700 13px/1.85 ttgm,Tahoma,Geneva,sans-serif;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title a{
    color:#0929a9;
    font-size:13px;
    font-weight:700;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title a:hover{
    color:var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_text{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    max-height:40px;
    overflow:hidden;
    color:#555d66;
    font:400 11.8px/20px ttgm,Tahoma,Geneva,sans-serif;
    text-align:right;
}

/* ---------- news list: editorial rail instead of another card ---------- */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox{
    position:relative;
    float:left;
    width:60%;
    margin:0;
    padding:8px 14px 0 8px;
    border:0;
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox:after{
    content:"";
    position:absolute;
    top:9px;
    right:4px;
    bottom:4px;
    width:1px;
    background:#e8ebee;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_items{
    margin:0;
    padding:0;
    overflow:hidden;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item{
    position:relative;
    display:none;
    min-height:31px;
    margin:0;
    padding:5px 7px 5px 4px;
    border:0;
    border-bottom:1px solid #edf0f2;
    background:transparent;
    overflow:hidden;
    list-style:none;
    text-align:right;
    box-sizing:border-box;
    transition:background-color .16s ease,padding-right .16s ease;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:before{
    content:"";
    position:absolute;
    top:50%;
    right:-13px;
    width:6px;
    height:6px;
    margin-top:-3px;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--bt-accent);
    box-shadow:0 0 0 1px var(--bt-accent);
    z-index:2;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:last-child{
    border-bottom:0;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:hover{
    padding-right:10px;
    background:linear-gradient(90deg,#fff 0%,var(--bt-soft) 100%);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title{
    margin:0!important;
    font:400 12.2px/1.75 ttgm,Tahoma,Geneva,sans-serif;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title a{
    color:#082be3;
    font-weight:400;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title a:hover{
    color:#343b43;
}

/* thumbnails in sections that already use them */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_img img{
    float:right;
    width:auto!important;
    height:42px!important;
    max-width:78px;
    margin:0 0 2px 8px;
    padding:2px;
    border:1px solid #dfe4e8;
    border-radius:6px;
    background:#fff;
    object-fit:cover;
}

/* pagination: compact, keeps pajinate behavior untouched */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav{
    position:absolute;
    top:-23px;
    right:-5px;
    overflow:hidden;
    font:11px/18px ttgm,Tahoma,Geneva,sans-serif;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav a{
    display:block;
    float:right;
    min-width:18px;
    height:18px;
    margin:0 2px;
    padding:0 4px;
    border:1px solid transparent;
    border-radius:9px;
    color:var(--bt-accent)!important;
    line-height:18px;
    text-align:center;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav a:hover{
    border-color:#dfe3e7;
    background:var(--bt-soft);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav a.active_page{
    border-color:var(--bt-accent);
    background:var(--bt-accent);
    color:#fff!important;
}

/* Color 9 needs dark label text for contrast */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color9 .allmode_name a,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.portal_color9 .allmode_name span{
    color:#3d2b00;
}
}

/* =====================================================================
   BEYTOOTE MAIN PORTAL MODULES - EDITORIAL V4
   Stronger visual redesign + automatic height (no clipped final rows)
   Scoped ONLY to direct desktop modules inside #innertop.
   ===================================================================== */
@media only screen and (min-width:769px){

/* Critical fix: legacy fixed heights were clipping the final headlines. */
#innertop > .grid-box.width100.grid-v > .module.topmoddeskfront,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.topmoddeskfront{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}

/* Let every direct module grow with wrapped headlines / thumbnails. */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 10px 12px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal:after{
    content:"";
    display:block;
    clear:both;
}

/* Cleaner outer card. */
#innertop > .grid-box.width100.grid-v > .module.mod-box:has(> .allmode-portal){
    border:1px solid #dfe4e9;
    border-radius:15px;
    background:#fff;
    box-shadow:0 4px 16px rgba(29,42,56,.07);
    overflow:hidden;
}

/* ===== Header: remove the old ribbon/trapezoid look completely ===== */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name{
    position:relative;
    height:46px;
    margin:0 -10px 10px!important;
    padding:0 15px;
    border:0!important;
    border-bottom:1px solid #e8edf1!important;
    background:linear-gradient(90deg,var(--bt-soft) 0%,#fff 62%);
    font:700 14px/46px ttgm,Tahoma,Geneva,sans-serif;
    box-sizing:border-box;
    overflow:hidden;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:5px;
    height:100%;
    background:var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name:after{
    content:"";
    position:absolute;
    right:15px;
    bottom:0;
    width:72px;
    height:3px;
    border-radius:3px 3px 0 0;
    background:var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name a{
    display:inline-flex;
    align-items:center;
    height:46px;
    color:#202832!important;
    font:700 14px/46px ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span{
    position:relative;
    min-width:0;
    height:auto;
    padding:0 18px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#202832!important;
    box-shadow:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span:before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:9px;
    height:9px;
    margin-top:-5px;
    border:3px solid var(--bt-soft);
    border-radius:50%;
    background:var(--bt-accent);
    box-shadow:0 0 0 1px var(--bt-accent);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span:after{
    content:none!important;
    display:none!important;
}

/* More button: integrated with the new header. */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall{
    top:12px!important;
    left:12px!important;
    z-index:5;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall a{
    height:24px;
    padding:0 11px;
    border:1px solid #dce3e8;
    border-radius:13px;
    background:#fff;
    color:var(--bt-accent)!important;
    font:700 11px/23px ttgm,Tahoma,Geneva,sans-serif;
    box-shadow:0 2px 6px rgba(20,35,50,.06);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall a:hover{
    border-color:var(--bt-accent);
    background:var(--bt-soft);
    transform:none;
}

/* ===== Featured story: visually distinct card ===== */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox{
    position:relative;
    float:right;
    width:41%;
    margin:0;
    padding:9px;
    border:1px solid #e3e8ec;
    border-top:3px solid var(--bt-accent);
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 10px rgba(25,39,53,.055);
    overflow:hidden;
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox:before{
    content:none!important;
    display:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img{
    margin:0 0 8px;
    border-radius:9px;
    overflow:hidden;
    background:#f2f4f6;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img:after{
    height:35px;
    background:linear-gradient(to top,rgba(0,0,0,.18),rgba(0,0,0,0));
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img img{
    width:100%!important;
    height:142px!important;
    border-radius:9px;
    object-fit:cover;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem{
    padding:0 3px 3px!important;
    overflow:visible!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title{
    margin:0 0 4px!important;
    font:700 13.2px/1.9 ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title a{
    color:#102c75!important;
    font-size:13.2px!important;
    font-weight:700!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title a:hover{
    color:var(--bt-accent)!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_text{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    max-height:42px;
    margin-top:2px;
    overflow:hidden;
    color:#606b75;
    font:400 11.5px/21px ttgm,Tahoma,Geneva,sans-serif;
}

/* ===== Secondary headlines: real compact cards instead of old ruled list ===== */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox{
    position:relative;
    float:left;
    width:59%;
    margin:0;
    padding:0 9px 0 0;
    border:0;
    box-sizing:border-box;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox:after{
    content:none!important;
    display:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_items{
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item{
    position:relative;
    display:none;
    min-height:35px;
    margin:0 0 5px!important;
    padding:6px 15px 6px 7px!important;
    border:1px solid #e7ebef!important;
    border-radius:8px;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(25,39,53,.025);
    overflow:visible!important;
    list-style:none;
    text-align:right;
    box-sizing:border-box;
    transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:before{
    content:"";
    position:absolute;
    top:50%;
    right:6px;
    width:4px;
    height:15px;
    margin-top:-7px;
    border:0;
    border-radius:3px;
    background:var(--bt-accent);
    box-shadow:none;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:last-child{
    margin-bottom:0!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:hover{
    padding-right:17px!important;
    border-color:#d7dfe5!important;
    background:var(--bt-soft)!important;
    transform:translateX(-2px);
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title{
    margin:0!important;
    font:400 12.3px/1.9 ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title a{
    display:block;
    color:#123dcc!important;
    font-weight:400!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title a:hover{
    color:#202832!important;
}

/* Rows which already contain thumbnails become mini media cards. */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_img{
    float:right;
    margin:0 0 0 8px;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_img img{
    float:none!important;
    display:block;
    width:72px!important;
    height:43px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
    object-fit:cover;
    background:#f2f4f6;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:has(.allmode_img){
    min-height:55px;
    padding-top:5px!important;
    padding-bottom:5px!important;
}

/* If text wraps, never clip it because of old line/height rules. */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_right,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_title,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_title a{
    height:auto!important;
    max-height:none!important;
}

/* Keep pagination functional but visually secondary. */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    clear:both;
    padding-top:8px;
    text-align:center;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav a{
    display:inline-block;
    float:none!important;
    min-width:20px;
    height:20px;
    margin:0 2px;
    padding:0 5px;
    line-height:20px;
}

}

/* =====================================================================
   BEYTOOTE MAIN PORTAL MODULES - EDITORIAL V5 COMPACT
   هدف: جمع‌وجورتر شدن ماژول‌ها + تفکیک واضح‌تر بین هر بخش
   بدون برش تیتر/متن و بدون تغییر سایدبارها و اسلایدرها
   ===================================================================== */
@media only screen and (min-width:769px){

/* تفکیک واضح‌تر هر ماژول از ماژول بعدی */
#innertop > .grid-box.width100.grid-v > .module.mod-box:has(> .allmode-portal){
    margin-bottom:10px!important;
    border:1px solid #d7dde3!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 3px 9px rgba(24,39,55,.085)!important;
}

/* فضای داخلی کمتر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal{
    padding:0 7px 7px!important;
    background:#fff!important;
}

/* هدر کوتاه‌تر و مشخص‌تر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name{
    height:38px!important;
    margin:0 -7px 7px!important;
    padding:0 12px!important;
    border-bottom:1px solid #e4e9ed!important;
    background:linear-gradient(90deg,var(--bt-soft) 0%,#fff 68%)!important;
    font:700 13px/38px ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name:before{
    width:4px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name:after{
    right:12px!important;
    width:58px!important;
    height:2px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name a{
    height:38px!important;
    font:700 13px/38px ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span{
    padding-right:16px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name span:before{
    width:7px!important;
    height:7px!important;
    margin-top:-4px!important;
    border-width:2px!important;
}

/* دکمه بیشتر کوچک‌تر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall{
    top:8px!important;
    left:9px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_showall a{
    height:21px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font:700 10.5px/20px ttgm,Tahoma,Geneva,sans-serif!important;
    box-shadow:0 1px 4px rgba(20,35,50,.05)!important;
}

/* خبر شاخص فشرده‌تر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox{
    width:39%!important;
    padding:6px!important;
    border-width:1px!important;
    border-top-width:2px!important;
    border-radius:9px!important;
    box-shadow:0 2px 6px rgba(25,39,53,.045)!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img{
    margin-bottom:5px!important;
    border-radius:7px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img:after{
    height:24px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox>.allmode_img img{
    height:112px!important;
    border-radius:7px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem{
    padding:0 2px 1px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title{
    margin-bottom:2px!important;
    font:700 12.5px/1.7 ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_title a{
    font-size:12.5px!important;
}

/* توضیح خبر شاخص دیگر قطع نشود */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topitem .allmode_text{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    margin-top:1px!important;
    color:#66717b!important;
    font:400 10.8px/17px ttgm,Tahoma,Geneva,sans-serif!important;
}

/* ستون لینک‌ها کمی عریض‌تر و فشرده‌تر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox{
    width:61%!important;
    padding:0 7px 0 0!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item{
    min-height:28px!important;
    margin:0 0 3px!important;
    padding:3px 12px 3px 5px!important;
    border-color:#e5e9ed!important;
    border-radius:6px!important;
    box-shadow:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:before{
    right:5px!important;
    width:3px!important;
    height:12px!important;
    margin-top:-6px!important;
    border-radius:2px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:hover{
    padding-right:14px!important;
    transform:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_title{
    font:400 11.8px/1.65 ttgm,Tahoma,Geneva,sans-serif!important;
}

/* ردیف‌های دارای تصویر کوچک هم جمع‌وجور شوند */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_img{
    margin-left:6px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item .allmode_img img{
    width:62px!important;
    height:35px!important;
    border-radius:5px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:has(.allmode_img){
    min-height:43px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
}

/* تضمین: هیچ تیتر انتهایی به‌خاطر ارتفاع‌های قدیمی نصفه نشود */
#innertop > .grid-box.width100.grid-v > .module.topmoddeskfront,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal.topmoddeskfront,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_items,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_right,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_title,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_title a{
    height:auto!important;
    max-height:none!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_items,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_right,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_title a{
    overflow:visible!important;
}

/* صفحه‌بندی اگر وجود داشت فضای اضافه نگیرد */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_pagenav{
    padding-top:4px!important;
}

}

/* =====================================================================
   BEYTOOTE MAIN PORTAL MODULES - V6 TIGHT SHELL
   کاهش فاصله محتوای ماژول از قاب بیرونی، بدون حذف تفکیک بین ماژول‌ها
   ===================================================================== */
@media only screen and (min-width:769px){

/* قاب بیرونی بماند، اما دیگر فضای خالی بزرگ نسازد */
#innertop > .grid-box.width100.grid-v > .module.mod-box:has(> .allmode-portal){
    padding:5px!important;
    margin-bottom:8px!important;
    border:1px solid #d9dfe4!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(24,39,55,.065)!important;
    box-sizing:border-box!important;
}

/* فاصله داخلی خود AllMode نیز کمتر شود */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal{
    padding:0 4px 4px!important;
    background:transparent!important;
}

/* هدر تا نزدیکی لبه قاب بیاید؛ فقط یک حاشیه کنترل‌شده باقی بماند */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_name{
    margin:0 -4px 5px!important;
    border-radius:6px 6px 0 0!important;
}

/* فاصله بین دو ستون و لبه‌های داخلی کمتر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox{
    margin-bottom:1px!important;
}
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_itemsbox{
    padding-right:5px!important;
}

/* پایین ماژول هم خلوت‌تر */
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_item:last-child,
#innertop > .grid-box.width100.grid-v > .module > .allmode-portal .allmode_topbox{
    margin-bottom:0!important;
}

}

/* =====================================================================
   BEYTOOTE SIDEBAR - "مروری بر گذشته" - V10 CALM
   نقش فرعی و آرام: تصویر کوچک‌تر، رنگ‌های ملایم، بدون کارت و شلوغی
   ===================================================================== */
@media only screen and (min-width:769px){

/* فقط همین ماژول؛ سایر portal_color1_50 دست‌نخورده */
.module.portal_color1_50.late{
    padding:0 4px 5px!important;
    margin-bottom:10px!important;
    background:#fff!important;
    border:1px solid #e7eaed!important;
    border-radius:7px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

/* هدر کم‌کنتراست‌تر و آرام‌تر */
.module.portal_color1_50.late > .module-title{
    height:auto!important;
    min-height:29px!important;
    margin:0 0 7px!important;
    padding:0 4px!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #dce5ee!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#3c4650!important;
    font:700 11px/29px ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
.module.portal_color1_50.late > .module-title .color{
    color:#567b9f!important;
}
.module.portal_color1_50.late > .module-title .subtitle{
    display:none!important;
}

.module.portal_color1_50.late > .allmode-portal.late,
.module.portal_color1_50.late > .allmode-portal.late .allmode_topbox{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
}

/* تصویر عمداً کوچک‌تر از عرض ستون تا نقش فرعی داشته باشد */
.module.portal_color1_50.late .allmode_topbox > .allmode_img{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    background:transparent!important;
    border:0!important;
}
.module.portal_color1_50.late .allmode_topbox > .allmode_img img{
    float:none!important;
    display:block!important;
    width:88px!important;
    height:62px!important;
    max-width:82%!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:cover!important;
    border:1px solid #e2e5e8!important;
    border-radius:5px!important;
    box-shadow:none!important;
    opacity:.96!important;
    transition:opacity .15s ease!important;
}
.module.portal_color1_50.late .allmode_topbox > .allmode_img a:hover img{
    opacity:1!important;
}

/* تیتر آرام‌تر؛ آبی تیره به‌جای آبی درخشان */
.module.portal_color1_50.late .allmode_topbox > .allmode_topitem{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:4px 3px 0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.module.portal_color1_50.late .allmode_topitem .allmode_title,
.module.portal_color1_50.late .allmode_topitem .allmode_title a{
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font:400 10.6px/1.55 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:center!important;
}
.module.portal_color1_50.late .allmode_topitem .allmode_title a{
    display:block!important;
    color:#315b86!important;
}
.module.portal_color1_50.late .allmode_topitem .allmode_title a:hover{
    color:#0d6ac8!important;
}

/* جداکننده بسیار کم‌رنگ؛ ریتم عمودی بدون حس کارت */
.module.portal_color1_50.late .allmode_topbox > .allmode_clear{
    display:block!important;
    clear:both!important;
    height:1px!important;
    margin:7px 13px 8px!important;
    padding:0!important;
    background:#f0f2f4!important;
    border:0!important;
}
.module.portal_color1_50.late .allmode_topbox > .allmode_clear:last-of-type{
    margin-bottom:2px!important;
}

/* لیست پایین این ماژول عملاً خالی است */
.module.portal_color1_50.late #allmode145,
.module.portal_color1_50.late .allmode_itemsbox:has(> .allmode_items:empty){
    display:none!important;
}

}

/* =====================================================================
   BEYTOOTE MALLNEWS / SHOWCASE - V9
   فقط اسلایدر خبری چندتبّه با کلاس .mallnews
   ساختار Widgetkit و ارتفاع 325px حفظ می‌شود.
   ===================================================================== */
@media only screen and (min-width:769px){

/* قاب اصلی؛ یک قاب واحد و خلوت */
#innertop > .grid-box.width100.grid-v > .module.mallnews{
    padding:5px 5px 4px!important;
    margin-bottom:8px!important;
    border:1px solid #d9dfe4!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 6px rgba(24,39,55,.06)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

#innertop .module.mallnews .wk-slideshow-showcasebuttons,
#innertop .module.mallnews .wk-slideshow,
#innertop .module.mallnews .slides-container{
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
}

/* رنگ هر اسلاید */
#innertop .module.mallnews .allmode-portal{--mall-accent:#0d6ac8;}
#innertop .module.mallnews .allmode-portal.portal_color1{--mall-accent:#078cf9;}
#innertop .module.mallnews .allmode-portal.portal_color2{--mall-accent:#0fb414;}
#innertop .module.mallnews .allmode-portal.portal_color3{--mall-accent:#c90000;}
#innertop .module.mallnews .allmode-portal.portal_color4{--mall-accent:#32928e;}
#innertop .module.mallnews .allmode-portal.portal_color5{--mall-accent:#a50575;}
#innertop .module.mallnews .allmode-portal.portal_color6{--mall-accent:#64921f;}
#innertop .module.mallnews .allmode-portal.portal_color7{--mall-accent:#ef4fb4;}
#innertop .module.mallnews .allmode-portal.portal_color8{--mall-accent:#bf8445;}
#innertop .module.mallnews .allmode-portal.portal_color9{--mall-accent:#00aeff;}
#innertop .module.mallnews .allmode-portal.portal_color10{--mall-accent:#f30;}

/* خود اسلاید؛ ارتفاع Widgetkit تغییر نکند */
#innertop .module.mallnews .wk-content,
#innertop .module.mallnews .allmode-portal{
    height:325px!important;
    min-height:325px!important;
    max-height:325px!important;
    box-sizing:border-box!important;
}
#innertop .module.mallnews .allmode-portal{
    position:relative!important;
    padding:38px 6px 5px!important;
    overflow:hidden!important;
    background:#fff!important;
}

/* تیتر اسلاید: ساده، روشن و مشخص */
#innertop .module.mallnews .allmode_name{
    position:absolute!important;
    z-index:3!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:34px!important;
    margin:0!important;
    padding:0 13px 0 76px!important;
    border:0!important;
    border-bottom:1px solid #e7ebef!important;
    background:linear-gradient(90deg,#fff 0,#fff 66%,color-mix(in srgb,var(--mall-accent) 7%,#fff) 100%)!important;
    color:#252d36!important;
    font:700 12px/34px ttgm,Tahoma,Geneva,sans-serif!important;
    box-sizing:border-box!important;
    text-align:right!important;
}
#innertop .module.mallnews .allmode_name:before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin:0 0 0 6px;
    vertical-align:middle;
    border:2px solid var(--mall-accent);
    border-radius:50%;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--mall-accent) 11%,transparent);
}
#innertop .module.mallnews .allmode_name a,
#innertop .module.mallnews .allmode_name span{
    display:inline!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#252d36!important;
    font:inherit!important;
    line-height:inherit!important;
    box-shadow:none!important;
}

/* دکمه بیشتر در همان ردیف عنوان */
#innertop .module.mallnews .allmode_showall{
    position:absolute!important;
    z-index:5!important;
    top:6px!important;
    left:7px!important;
    right:auto!important;
    margin:0!important;
    padding:0!important;
}
#innertop .module.mallnews .allmode_showall a{
    display:block!important;
    height:21px!important;
    padding:0 9px!important;
    border:1px solid #dce2e7!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--mall-accent)!important;
    font:700 10px/21px ttgm,Tahoma,Geneva,sans-serif!important;
    box-shadow:0 1px 2px rgba(30,45,60,.05)!important;
}
#innertop .module.mallnews .allmode_showall a:hover{
    border-color:var(--mall-accent)!important;
    background:color-mix(in srgb,var(--mall-accent) 5%,#fff)!important;
}

/* دو ستون محتوایی */
#innertop .module.mallnews .allmode_topbox{
    float:right!important;
    width:41%!important;
    height:278px!important;
    margin:0!important;
    padding:6px 7px 0 3px!important;
    border:0!important;
    border-left:1px solid #edf0f2!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
#innertop .module.mallnews .allmode_itemsbox{
    float:left!important;
    width:59%!important;
    height:278px!important;
    margin:0!important;
    padding:6px 5px 0 7px!important;
    border:0!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

/* خبر شاخصِ معمولی */
#innertop .module.mallnews .allmode_topbox > .allmode_img{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
#innertop .module.mallnews .allmode_topbox > .allmode_img img{
    float:none!important;
    display:block!important;
    width:100%!important;
    height:112px!important;
    margin:0 0 6px!important;
    padding:0!important;
    border:0!important;
    border-top:3px solid var(--mall-accent)!important;
    border-radius:7px!important;
    object-fit:cover!important;
    box-shadow:none!important;
}
#innertop .module.mallnews .allmode_topbox > .allmode_topitem{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 2px 3px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
#innertop .module.mallnews .allmode_topitem .allmode_title{
    height:auto!important;
    max-height:none!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:visible!important;
    font:700 11.5px/1.7 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
#innertop .module.mallnews .allmode_topitem .allmode_title a{
    color:#063d9c!important;
    font:inherit!important;
}
#innertop .module.mallnews .allmode_topitem .allmode_title a:hover{
    color:var(--mall-accent)!important;
}
#innertop .module.mallnews .allmode_topitem .allmode_text{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    max-height:54px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#626b74!important;
    font:400 10.5px/18px ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}

/* اسلایدهایی مثل «امروز در بیتوته» و «فرهنگ» که دو خبر شاخص دارند */
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img){
    padding-top:7px!important;
}
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img) > .allmode_img{
    float:right!important;
    clear:right!important;
    width:44%!important;
    margin:0 0 7px!important;
}
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img) > .allmode_img img{
    width:100%!important;
    height:78px!important;
    margin:0!important;
    border-top-width:2px!important;
    border-radius:6px!important;
}
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img) > .allmode_topitem{
    float:left!important;
    width:56%!important;
    height:78px!important;
    padding:4px 6px 0 0!important;
    overflow:hidden!important;
}
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img) > .allmode_topitem .allmode_title{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.75!important;
}
#innertop .module.mallnews .allmode_topbox:has(> .allmode_img ~ .allmode_img) > .allmode_clear{
    clear:both!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

/* فهرست خبرها */
#innertop .module.mallnews .allmode_items{
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
#innertop .module.mallnews .allmode_item{
    position:relative!important;
    display:none;
    min-height:25px!important;
    margin:0!important;
    padding:3px 8px 3px 3px!important;
    border:0!important;
    border-bottom:1px solid #edf0f2!important;
    background:transparent!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    text-align:right!important;
    transition:background .15s ease!important;
}
#innertop .module.mallnews .allmode_item[style*="list-item"]{
    display:list-item!important;
}
#innertop .module.mallnews .allmode_item:before{
    content:"";
    position:absolute;
    top:10px;
    right:0;
    width:3px;
    height:3px;
    border-radius:50%;
    background:var(--mall-accent);
}
#innertop .module.mallnews .allmode_item:last-child{
    border-bottom:0!important;
}
#innertop .module.mallnews .allmode_item:hover{
    background:color-mix(in srgb,var(--mall-accent) 4%,#fff)!important;
}
#innertop .module.mallnews .allmode_item .allmode_right{
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
}
#innertop .module.mallnews .allmode_item .allmode_title{
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font:400 10.7px/19px ttgm,Tahoma,Geneva,sans-serif!important;
}
#innertop .module.mallnews .allmode_item .allmode_title a{
    display:block!important;
    color:#064ec5!important;
    font:inherit!important;
}
#innertop .module.mallnews .allmode_item .allmode_title a:hover{
    color:var(--mall-accent)!important;
}

/* ردیف‌هایی که تصویر کوچک دارند */
#innertop .module.mallnews .allmode_item:has(.allmode_img){
    min-height:42px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
}
#innertop .module.mallnews .allmode_item .allmode_img{
    float:right!important;
    width:57px!important;
    height:34px!important;
    margin:0 0 0 7px!important;
    padding:0!important;
}
#innertop .module.mallnews .allmode_item .allmode_img img{
    float:none!important;
    display:block!important;
    width:55px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dce1e5!important;
    border-radius:5px!important;
    object-fit:cover!important;
}

/* اگر فهرست 7 خبر یا بیشتر دارد، آن را هوشمندانه فشرده می‌کنیم
   تا ارتفاع ثابت اسلایدر باعث بریدن ردیف‌های پایانی نشود. */
#innertop .module.mallnews .allmode_items:has(> .allmode_item:nth-child(7)) > .allmode_item{
    height:25px!important;
    min-height:25px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
}
#innertop .module.mallnews .allmode_items:has(> .allmode_item:nth-child(7)) > .allmode_item .allmode_title a{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:20px!important;
}

/* نوار تب‌های پایین؛ به جای نوشته‌های رها و قدیمی */
#innertop .module.mallnews .wk-slideset{
    height:31px!important;
    margin-top:3px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
}
#innertop .module.mallnews .wk-slideset > div,
#innertop .module.mallnews .wk-slideset .sets{
    height:29px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
#innertop .module.mallnews .wk-slideset .set{
    display:flex!important;
    direction:rtl!important;
    align-items:stretch!important;
    gap:2px!important;
    width:100%!important;
    height:29px!important;
    margin:0!important;
    padding:3px!important;
    border:1px solid #e0e5e9!important;
    border-radius:7px!important;
    background:#f6f8fa!important;
    box-sizing:border-box!important;
    transform:none!important;
}
#innertop .module.mallnews .wk-slideset .set > li{
    position:static!important;
    float:none!important;
    flex:1 1 0!important;
    width:auto!important;
    height:21px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
}
#innertop .module.mallnews .wk-slideset .set > li > div{
    height:21px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#5b6570!important;
    font:700 9.5px/21px ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:center!important;
    white-space:nowrap!important;
    transition:all .15s ease!important;
}
#innertop .module.mallnews .wk-slideset .set > li:hover > div{
    background:#e9eef3!important;
    color:#183b64!important;
}
#innertop .module.mallnews .wk-slideset .set > li.active > div{
    background:#0d6ac8!important;
    color:#fff!important;
    box-shadow:0 1px 3px rgba(13,106,200,.18)!important;
}

}

/* =====================================================================
   BEYTOOTE TGM TABS - V11
   ماژول «پربیننده‌ها / تازه‌ترین‌ها»
   Scope فقط روی .module.tgm-p0 تا در صفحات مختلف با همین نقش پایدار بماند.
   ارتفاع Widgetkit دستکاری نمی‌شود تا محتوای متفاوت صفحات بریده نشود.
   ===================================================================== */
@media only screen and (min-width:769px){

/* قاب کلی: یک سطح واحد، نه کارت‌های متعدد */
.module.tgm-p0{
    width:100%!important;
    margin:0 0 10px!important;
    padding:4px!important;
    border:1px solid #e1e6ea!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(25,42,60,.045)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.module.tgm-p0 .wk-slideshow-tabs{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* --------------------------------------------------
   تب‌های بالا
   -------------------------------------------------- */
.module.tgm-p0 .wk-slideshow-tabs > .nav-container{
    float:none!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 5px!important;
    padding:3px!important;
    border:1px solid #e6e9ec!important;
    border-radius:7px!important;
    background:#f6f8fa!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .wk-slideshow-tabs > .nav-container > .nav{
    display:flex!important;
    flex-direction:row!important;
    direction:rtl!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    list-style:none!important;
}
.module.tgm-p0 .wk-slideshow-tabs > .nav-container > .nav > li{
    float:none!important;
    flex:1 1 50%!important;
    width:auto!important;
    height:29px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .wk-slideshow-tabs > .nav-container > .nav > li > span{
    display:block!important;
    width:100%!important;
    height:29px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#59636e!important;
    font:700 10.7px/29px ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    transition:background .15s ease,color .15s ease!important;
}
.module.tgm-p0 .wk-slideshow-tabs > .nav-container > .nav > li:hover > span{
    background:#eaf0f5!important;
    color:#244c75!important;
}
.module.tgm-p0 .wk-slideshow-tabs > .nav-container > .nav > li.active > span{
    background:#3f83c7!important;
    color:#fff!important;
    box-shadow:0 1px 2px rgba(40,95,150,.14)!important;
}

/* --------------------------------------------------
   بدنه اسلاید - ارتفاع‌های inline خود Widgetkit حفظ می‌شوند
   -------------------------------------------------- */
.module.tgm-p0 .wk-slideshow-tabs > .slides-container{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .wk-slideshow-tabs .wk-content,
.module.tgm-p0 .allmode-portal.portal_color1_50{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

/* reset محدود برای ساختار قدیمی portal_color1_50 */
.module.tgm-p0 .allmode-portal.portal_color1_50 .allmode_topbox,
.module.tgm-p0 .allmode-portal.portal_color1_50 .allmode_itemsbox{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .allmode-portal.portal_color1_50 .allmode_items{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    box-sizing:border-box!important;
}

/* --------------------------------------------------
   تب «پربیننده‌ها»: هر عکس + عنوان یک ردیف آرام
   -------------------------------------------------- */
.module.tgm-p0 .allmode_topbox > .allmode_img{
    float:right!important;
    width:56px!important;
    height:39px!important;
    margin:0 0 0 7px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_img img{
    float:none!important;
    display:block!important;
    width:54px!important;
    height:37px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e0e4e8!important;
    border-radius:5px!important;
    object-fit:cover!important;
    box-shadow:none!important;
    opacity:.96!important;
    transition:opacity .15s ease!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_img a:hover img{
    opacity:1!important;
    border-color:#cbd8e4!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_topitem{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    min-height:39px!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0 1px!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_topitem .allmode_title,
.module.tgm-p0 .allmode_topbox > .allmode_topitem .allmode_title a{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font:400 10.5px/1.55 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_topitem .allmode_title a{
    display:block!important;
    color:#245b98!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_topitem .allmode_title a:hover{
    color:#0d6ac8!important;
}

/* separator همان clear موجود در HTML است؛ DOM را تغییر نمی‌دهیم */
.module.tgm-p0 .allmode_topbox > .allmode_clear{
    clear:both!important;
    display:block!important;
    height:1px!important;
    margin:4px 1px 5px!important;
    padding:0!important;
    border:0!important;
    background:#edf0f2!important;
}
.module.tgm-p0 .allmode_topbox > .allmode_clear:last-child{
    margin-bottom:3px!important;
}

/* در بعضی صفحات تب دوم فقط یک مطلب تصویری شاخص دارد؛ کمی بزرگ‌تر ولی فرعی */
.module.tgm-p0 .allmode_topbox:has(> .allmode_clear:only-of-type) > .allmode_img{
    width:72px!important;
    height:49px!important;
}
.module.tgm-p0 .allmode_topbox:has(> .allmode_clear:only-of-type) > .allmode_img img{
    width:70px!important;
    height:47px!important;
}
.module.tgm-p0 .allmode_topbox:has(> .allmode_clear:only-of-type) > .allmode_topitem{
    min-height:49px!important;
}

/* --------------------------------------------------
   تب «تازه‌ترین‌ها»: لیست متنی ساده و خوانا
   نمایش/مخفی‌سازی jQuery را دستکاری نمی‌کنیم.
   -------------------------------------------------- */
.module.tgm-p0 .allmode_itemsbox > .allmode_items > .allmode_item{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:6px 9px 6px 5px!important;
    border:0!important;
    border-bottom:1px solid #edf0f2!important;
    background:#fff!important;
    list-style:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transition:background .12s ease!important;
}
.module.tgm-p0 .allmode_itemsbox > .allmode_items > .allmode_item:hover{
    background:#f8fafc!important;
}
.module.tgm-p0 .allmode_itemsbox > .allmode_items > .allmode_item::before{
    content:"";
    position:absolute;
    right:1px;
    top:50%;
    width:3px;
    height:3px;
    margin-top:-2px;
    border-radius:50%;
    background:#8eabc7;
}
.module.tgm-p0 .allmode_item .allmode_right{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
.module.tgm-p0 .allmode_item .allmode_title,
.module.tgm-p0 .allmode_item .allmode_title a{
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font:400 10.5px/1.6 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
.module.tgm-p0 .allmode_item .allmode_title a{
    display:block!important;
    color:#245b98!important;
}
.module.tgm-p0 .allmode_item .allmode_title a:hover{
    color:#0d6ac8!important;
}

/* اگر آیتم متنی خودش thumbnail داشت، همان الگوی جمع‌وجور را رعایت کند */
.module.tgm-p0 .allmode_item > .allmode_img{
    float:right!important;
    width:50px!important;
    height:34px!important;
    margin:0 0 0 6px!important;
    padding:0!important;
}
.module.tgm-p0 .allmode_item > .allmode_img img{
    display:block!important;
    width:48px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e0e4e8!important;
    border-radius:5px!important;
    object-fit:cover!important;
}

/* --------------------------------------------------
   Pajinate: سه nav تکراری تولید می‌شود؛ فقط bottom را وقتی وجود دارد نگه می‌داریم
   -------------------------------------------------- */
.module.tgm-p0 .allmode_itemsbox:has(> .allmode_pagenav_bottom) > .allmode_pagenav:not(.allmode_pagenav_bottom){
    display:none!important;
}
.module.tgm-p0 .allmode_pagenav_bottom{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    display:flex!important;
    direction:rtl!important;
    justify-content:center!important;
    align-items:center!important;
    gap:3px!important;
    width:100%!important;
    height:auto!important;
    margin:7px 0 2px!important;
    padding:0!important;
    overflow:visible!important;
    font:400 9.5px/23px ttgm,Tahoma,Geneva,sans-serif!important;
}
.module.tgm-p0 .allmode_pagenav_bottom a{
    float:none!important;
    display:block!important;
    min-width:23px!important;
    height:23px!important;
    margin:0!important;
    padding:0 5px!important;
    border:1px solid #dfe5ea!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#526d88!important;
    line-height:23px!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.module.tgm-p0 .allmode_pagenav_bottom a:hover{
    background:#f3f7fa!important;
    color:#0d6ac8!important;
}
.module.tgm-p0 .allmode_pagenav_bottom a.active_page{
    border-color:#79a7d1!important;
    background:#eaf3fb!important;
    color:#1e5f9d!important;
    font-weight:700!important;
}

}

/* ======================================================================
   BEYTOOTE — BOTTOM-A / V15 COMPACT EDITORIAL
   پایین سایت: مرتب، مجله‌ای، متناسب با بیتوته، بدون Hero و بدون فاصله‌های کاذب
   Scope: فقط #bottom-a
   ====================================================================== */

#bottom-a{
    margin-top:14px!important;
    padding-top:11px!important;
    border-top:1px solid #e1e7eb!important;
    background:transparent!important;
}
#bottom-a > .grid-box.width50{
    box-sizing:border-box!important;
}
#bottom-a > .grid-box:first-child{padding-left:5px!important;}
#bottom-a > .grid-box:last-child{padding-right:5px!important;}

/* قاب دو ماژول */
#bottom-a > .grid-box > .module.mod-box{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 12px 11px!important;
    border:1px solid #dfe5e9!important;
    border-top:3px solid #2b75a7!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(39,64,82,.06)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
#bottom-a > .grid-box:last-child > .module.mod-box{
    border-top-color:#bd5058!important;
}

#bottom-a .allmode-portal{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:39px 0 0!important;
    background:#fff!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}

/* هدر: عنوان قدیمیِ پر از خط تیره فقط از نظر بصری جایگزین می‌شود */
#bottom-a .allmode_name{
    position:absolute!important;
    top:0!important;
    right:-12px!important;
    left:-12px!important;
    height:37px!important;
    margin:0!important;
    padding:0 13px!important;
    border:0!important;
    border-bottom:1px solid #e3e9ed!important;
    background:#f6f9fb!important;
    text-align:right!important;
    font:700 13px/37px ttgm,Tahoma,Geneva,sans-serif!important;
    box-sizing:border-box!important;
}
#bottom-a > .grid-box:last-child .allmode_name{
    background:#fbf7f7!important;
}
#bottom-a .allmode_name:before{
    content:"";
    display:inline-block;
    width:4px;
    height:16px;
    margin:0 0 -3px 7px;
    border-radius:3px;
    background:#2b75a7;
}
#bottom-a > .grid-box:last-child .allmode_name:before{background:#bd5058;}
#bottom-a .allmode_name a,
#bottom-a .allmode_name span{
    color:#263d50!important;
    text-decoration:none!important;
}
#bottom-a .allmode_name span{
    padding:0!important;
    border:0!important;
    background:none!important;
    font-size:0!important;
}
#bottom-a > .grid-box:first-child .allmode_name span:after{
    content:"سیاست و اقتصاد با بیتوته";
    font:700 13px/37px ttgm,Tahoma,Geneva,sans-serif;
    color:#263d50;
}
#bottom-a > .grid-box:last-child .allmode_name span:after{
    content:"همچنین در بیتوته بخوانید";
    font:700 13px/37px ttgm,Tahoma,Geneva,sans-serif;
    color:#263d50;
}

/*
   خبرهای تصویری بالا
   عمداً Grid/Flex روی زوج image/title نداریم؛ ساختار HTML قدیمی به صورت
   image + title + clear تکرار می‌شود و float امن‌ترین راه برای حفظ زوج‌هاست.
*/
#bottom-a .allmode_topbox{
    float:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 0 4px!important;
    border:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
#bottom-a .allmode_topbox > .allmode_img{
    float:right!important;
    width:122px!important;
    height:76px!important;
    margin:0 0 0 11px!important;
    padding:6px 0!important;
    border:0!important;
    border-bottom:1px solid #e9edef!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
#bottom-a .allmode_topbox > .allmode_img img{
    display:block!important;
    float:none!important;
    width:120px!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dde4e8!important;
    border-radius:6px!important;
    object-fit:cover!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    transition:opacity .15s ease!important;
}
#bottom-a .allmode_topbox > .allmode_img a:hover img{opacity:.88!important;}

#bottom-a .allmode_topbox > .allmode_topitem{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    min-height:76px!important;
    height:auto!important;
    margin:0!important;
    padding:6px 2px 6px 0!important;
    border:0!important;
    border-bottom:1px solid #e9edef!important;
    background:transparent!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
}
#bottom-a .allmode_topbox > .allmode_clear{
    display:block!important;
    clear:both!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}
#bottom-a .allmode_topbox .allmode_title,
#bottom-a .allmode_topbox .allmode_title a{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font:600 11.8px/1.72 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
#bottom-a .allmode_topbox .allmode_title a{
    display:block!important;
    color:#27465d!important;
    transition:color .15s ease!important;
}
#bottom-a > .grid-box:first-child .allmode_topbox .allmode_title a:hover{color:#176fa8!important;}
#bottom-a > .grid-box:last-child .allmode_topbox .allmode_title a:hover{color:#b33d47!important;}

/* لیست پایین */
#bottom-a .allmode-portal > .allmode_itemsbox{
    position:relative!important;
    float:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:6px 0 0!important;
    padding:29px 0 0!important;
    border:0!important;
    background:#fff!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
#bottom-a .allmode-portal > .allmode_itemsbox:before{
    content:"خبرهای بیشتر";
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    height:23px;
    padding-left:9px;
    background:#fff;
    color:#64798a;
    font:700 10.8px/23px ttgm,Tahoma,Geneva,sans-serif;
}
#bottom-a .allmode-portal > .allmode_itemsbox:after{
    content:"";
    position:absolute;
    top:11px;
    right:76px;
    left:0;
    height:1px;
    background:#e5eaed;
}
#bottom-a .allmode_itemsbox > .allmode_items{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:20px!important;
    row-gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
/* خط عمودی بسیار ظریف بین دو ستون */
#bottom-a .allmode_itemsbox > .allmode_items:after{
    content:"";
    position:absolute;
    top:3px;
    bottom:3px;
    left:50%;
    width:1px;
    background:#f0f2f4;
    pointer-events:none;
}
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    height:auto!important;
    margin:0!important;
    padding:6px 12px 6px 2px!important;
    border:0!important;
    border-bottom:1px dotted #dfe5e8!important;
    background:transparent!important;
    list-style:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transition:background .12s ease!important;
}
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:hover{background:#fafcfd!important;}
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:before{
    content:"";
    position:absolute;
    top:13px;
    right:2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#6d98b6;
}
#bottom-a > .grid-box:last-child .allmode_itemsbox > .allmode_items > .allmode_item:before{background:#c6757b;}

#bottom-a .allmode_item .allmode_right{
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}
#bottom-a .allmode_item .allmode_title,
#bottom-a .allmode_item .allmode_title a{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font:400 10.9px/1.66 ttgm,Tahoma,Geneva,sans-serif!important;
    text-align:right!important;
}
#bottom-a .allmode_item .allmode_title a{
    display:block!important;
    color:#354e62!important;
}
#bottom-a > .grid-box:first-child .allmode_item .allmode_title a:hover{color:#176fa8!important;}
#bottom-a > .grid-box:last-child .allmode_item .allmode_title a:hover{color:#b33d47!important;}

/* اگر در بعضی صفحات برای آیتم‌های پایین تصویر وجود داشت */
#bottom-a .allmode_item > .allmode_img{
    float:right!important;
    width:42px!important;
    height:29px!important;
    margin:0 0 0 6px!important;
    padding:0!important;
}
#bottom-a .allmode_item > .allmode_img img{
    display:block!important;
    width:40px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e1e6e9!important;
    border-radius:4px!important;
    object-fit:cover!important;
}

/* هیچ تیتر یا ردیفی به خاطر استایل قدیمی بریده نشود */
#bottom-a .allmode_title,
#bottom-a .allmode_title a,
#bottom-a .allmode_topitem,
#bottom-a .allmode_item,
#bottom-a .allmode_right{
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
}

/* ======================================================================
   BEYTOOTE — BOTTOM-A / V16 ALIGNED SELECTED
   هدف: سه خبر تصویری در هر دو ستون + ۱۰ لینک منتخب + هم‌ترازی واقعی
   بدون Hero بزرگ و بدون کارت‌بازی شلوغ
   ====================================================================== */

/* دو ستون در دسکتاپ واقعاً هم‌ارتفاع باشند */
@media (min-width:768px){
    #bottom-a{
        display:flex!important;
        align-items:stretch!important;
        gap:10px!important;
    }
    #bottom-a > .grid-box.width50{
        float:none!important;
        width:auto!important;
        flex:1 1 0!important;
        padding:0!important;
    }
    #bottom-a > .grid-box > .module.mod-box{
        height:100%!important;
    }
}

/* قاب متعادل‌تر و کمی شخصیت‌دارتر */
#bottom-a > .grid-box > .module.mod-box{
    padding:0 13px 13px!important;
    border:1px solid #dce4e9!important;
    border-top:3px solid #2a78aa!important;
    border-radius:10px!important;
    box-shadow:0 3px 11px rgba(38,61,80,.075)!important;
}
#bottom-a > .grid-box:last-child > .module.mod-box{
    border-top-color:#c2525b!important;
}

/* هدر کمی شکیل‌تر، بدون بزرگنمایی */
#bottom-a .allmode_name{
    height:40px!important;
    line-height:40px!important;
    right:-13px!important;
    left:-13px!important;
    padding:0 14px!important;
    background:linear-gradient(to left,#f4f8fb 0,#fbfcfd 72%)!important;
}
#bottom-a > .grid-box:last-child .allmode_name{
    background:linear-gradient(to left,#fbf5f6 0,#fdfcfc 72%)!important;
}
#bottom-a .allmode_name:before{
    width:4px!important;
    height:17px!important;
    margin-left:8px!important;
}
#bottom-a > .grid-box:first-child .allmode_name span:after,
#bottom-a > .grid-box:last-child .allmode_name span:after{
    font-size:13.2px!important;
    line-height:40px!important;
}
#bottom-a .allmode-portal{
    padding-top:42px!important;
}

/* دقیقاً سه خبر تصویری در هر دو ماژول */
#bottom-a .allmode_topbox > :nth-child(n+10){
    display:none!important;
}

/* ردیف‌های تصویری یک‌اندازه و منظم */
#bottom-a .allmode_topbox{
    padding:8px 0 6px!important;
}
#bottom-a .allmode_topbox > .allmode_img{
    width:120px!important;
    height:72px!important;
    margin:0 0 0 11px!important;
    padding:5px 0!important;
    border-bottom:1px solid #e8edf0!important;
}
#bottom-a .allmode_topbox > .allmode_img img{
    width:118px!important;
    height:62px!important;
    border-radius:7px!important;
    border-color:#dce4e8!important;
}
#bottom-a .allmode_topbox > .allmode_topitem{
    min-height:72px!important;
    padding:5px 7px 5px 2px!important;
    border-bottom:1px solid #e8edf0!important;
    position:relative!important;
}
#bottom-a .allmode_topbox > .allmode_topitem:before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:3px;
    height:20px;
    margin-top:-10px;
    border-radius:3px;
    background:#b7cfde;
}
#bottom-a > .grid-box:last-child .allmode_topbox > .allmode_topitem:before{
    background:#dfb5b9;
}
#bottom-a .allmode_topbox .allmode_title,
#bottom-a .allmode_topbox .allmode_title a{
    font:600 12px/1.72 ttgm,Tahoma,Geneva,sans-serif!important;
    color:#274458!important;
}

/* خبر اول کمی برجسته‌تر، فقط در حد تأکید تحریریه */
#bottom-a .allmode_topbox > .allmode_img:first-child,
#bottom-a .allmode_topbox > .allmode_topitem:nth-child(2){
    background:#f8fbfd!important;
}
#bottom-a > .grid-box:last-child .allmode_topbox > .allmode_img:first-child,
#bottom-a > .grid-box:last-child .allmode_topbox > .allmode_topitem:nth-child(2){
    background:#fdf9f9!important;
}
#bottom-a .allmode_topbox > .allmode_img:first-child{
    border-radius:0 7px 7px 0!important;
}
#bottom-a .allmode_topbox > .allmode_topitem:nth-child(2){
    border-radius:7px 0 0 7px!important;
}
#bottom-a .allmode_topbox > .allmode_topitem:nth-child(2) .allmode_title a{
    font-weight:700!important;
    color:#1f4058!important;
}

/* فقط ۱۰ لینک منتخب؛ تعداد دو ستون برابر می‌شود */
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:nth-child(n+11){
    display:none!important;
}

#bottom-a .allmode-portal > .allmode_itemsbox{
    margin-top:8px!important;
    padding-top:31px!important;
}
#bottom-a .allmode-portal > .allmode_itemsbox:before{
    content:"منتخب‌های بیشتر"!important;
    height:25px!important;
    padding:0 10px!important;
    border:1px solid #e0e7eb!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#607889!important;
    line-height:23px!important;
    font-size:10.8px!important;
}
#bottom-a > .grid-box:first-child .allmode-portal > .allmode_itemsbox:before{
    color:#2d6f9b!important;
    border-color:#d7e6ef!important;
}
#bottom-a > .grid-box:last-child .allmode-portal > .allmode_itemsbox:before{
    color:#aa4b54!important;
    border-color:#efdcde!important;
}
#bottom-a .allmode-portal > .allmode_itemsbox:after{
    top:12px!important;
    right:100px!important;
    background:#e5eaed!important;
}

/* یک پنل مشترک آرام برای لینک‌ها؛ نه کارت جداگانه برای هر لینک */
#bottom-a .allmode_itemsbox > .allmode_items{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:18px!important;
    padding:4px 9px!important;
    border:1px solid #edf1f3!important;
    border-radius:8px!important;
    background:#fcfdfd!important;
}
#bottom-a .allmode_itemsbox > .allmode_items:after{
    top:8px!important;
    bottom:8px!important;
    background:#e9edef!important;
}
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item{
    min-height:42px!important;
    padding:7px 11px 7px 2px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px dotted #dde5e9!important;
}
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:before{
    top:50%!important;
    margin-top:-2px!important;
    width:4px!important;
    height:4px!important;
}
#bottom-a .allmode_item .allmode_title,
#bottom-a .allmode_item .allmode_title a{
    font:400 11px/1.68 ttgm,Tahoma,Geneva,sans-serif!important;
    color:#344e61!important;
}

/* آخرین ردیف‌ها خط اضافه نداشته باشند */
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:nth-child(9),
#bottom-a .allmode_itemsbox > .allmode_items > .allmode_item:nth-child(10){
    border-bottom:0!important;
}

/* موبایل/عرض کم: ستون‌ها زیر هم و بدون اجبار ارتفاع */
@media (max-width:767px){
    #bottom-a{
        display:block!important;
    }
    #bottom-a > .grid-box.width50{
        width:100%!important;
        padding:0 0 10px!important;
    }
    #bottom-a > .grid-box > .module.mod-box{
        height:auto!important;
    }
}