
            .tedadbala-home-panel,
            .tedadbala-home-panel *,
            .tedadbala-home-panel *:before,
            .tedadbala-home-panel *:after{box-sizing:border-box}

            .tedadbala-home-panel{
                --tdb-navy:#061a3a;
                --tdb-orange:#ff7800;
                --tdb-text:#172033;
                --tdb-muted:#687386;
                --tdb-line:#e9edf3;
                --tdb-soft:#f7f8fa;
                direction:rtl;
                width:100%;
                max-width:1456px;
                margin:18px auto;
                padding:0 12px;
                color:var(--tdb-text);
                font-family:inherit
            }

            .tedadbala-home-panel a{text-decoration:none;color:inherit}

            .tedadbala-home-panel-inner{
                position:relative;
                display:flex;
                flex-direction:row;
                gap:12px;
                align-items:stretch;
                height:300px;
                padding:0;
                isolation:isolate
            }

            .tedadbala-home-panel-inner:before{
                content:"";
                position:absolute;
                inset:-16px;
                z-index:-1;
                border-radius:28px;
                background:
                    radial-gradient(circle at 88% 14%,rgba(255,120,0,.075),transparent 28%),
                    radial-gradient(circle at 10% 90%,rgba(56,145,255,.07),transparent 30%);
                pointer-events:none
            }

            .tedadbala-home-panel-title{
                position:absolute!important;
                width:1px!important;
                height:1px!important;
                padding:0!important;
                margin:-1px!important;
                overflow:hidden!important;
                clip:rect(0,0,0,0)!important;
                white-space:nowrap!important;
                border:0!important
            }

            /* ستون دسته‌بندی */
            .tedadbala-category-sidebar{
                width:280px;
                flex:0 0 280px;
                height:300px;
                background:rgba(248,249,251,.94);
                border:1px solid rgba(228,232,239,.9);
                border-radius:18px;
                overflow:hidden;
                position:relative;
                box-shadow:0 10px 30px rgba(16,24,40,.055);
                backdrop-filter:blur(8px);
                transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease
            }

            .tedadbala-category-sidebar:hover{
                border-color:#ffd1a8;
                box-shadow:0 17px 38px rgba(16,24,40,.09);
                transform:translateY(-2px)
            }

            .tedadbala-category-list{
                list-style:none;
                margin:0;
                padding:8px 0 59px;
                height:100%;
                overflow-y:auto;
                scrollbar-width:thin;
                scrollbar-color:#9ba3ae transparent
            }

            .tedadbala-category-list::-webkit-scrollbar{width:7px}
            .tedadbala-category-list::-webkit-scrollbar-track{background:transparent}
            .tedadbala-category-list::-webkit-scrollbar-thumb{
                background:#a0a7b1;
                border-radius:999px;
                border:2px solid #f7f8fa
            }

            .tedadbala-category-list li{margin:0;position:relative}

            .tedadbala-category-list a{
                display:flex;
                align-items:center;
                gap:11px;
                min-height:47px;
                padding:7px 15px 7px 11px;
                font-size:15px;
                font-weight:850;
                line-height:1.3;
                color:#253044;
                position:relative;
                transition:background .16s ease,color .16s ease,padding .16s ease
            }

            .tedadbala-category-list a:before{
                content:"";
                position:absolute;
                top:8px;
                bottom:8px;
                right:0;
                width:3px;
                border-radius:999px;
                background:var(--tdb-orange);
                opacity:0;
                transform:scaleY(.4);
                transition:.16s ease
            }

            .tedadbala-category-list a:hover,
            .tedadbala-category-list li.is-personalized a{
                background:#fff;
                color:#111827;
                padding-right:18px
            }

            .tedadbala-category-list a:hover:before,
            .tedadbala-category-list li.is-personalized a:before{
                opacity:1;
                transform:scaleY(1)
            }

            .tedadbala-cat-icon{
                width:28px;
                height:28px;
                display:flex;
                align-items:center;
                justify-content:center;
                flex:0 0 28px;
                border-radius:9px;
                color:#344054;
                background:#fff;
                box-shadow:0 4px 12px rgba(16,24,40,.06);
                transition:.16s ease
            }

            .tedadbala-category-list a:hover .tedadbala-cat-icon,
            .tedadbala-category-list li.is-personalized .tedadbala-cat-icon{
                background:#fff2e7;
                color:#e86500
            }

            .tedadbala-cat-icon svg{width:19px;height:19px}
            .tedadbala-cat-title{
                flex:1;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
                text-align:right
            }

            .tedadbala-cat-arrow{
                width:18px;
                height:18px;
                display:flex;
                align-items:center;
                justify-content:center;
                color:#8d96a5;
                flex:0 0 18px;
                transition:transform .16s ease,color .16s ease
            }

            .tedadbala-category-list a:hover .tedadbala-cat-arrow{
                transform:translateX(-2px);
                color:#e86500
            }

            .tedadbala-cat-arrow svg{width:16px;height:16px}

            .tedadbala-personal-badge{
                display:none;
                flex:0 0 auto;
                padding:3px 6px;
                border-radius:999px;
                background:#fff1e4;
                color:#d95d00;
                font-size:8.5px;
                font-weight:950
            }

            .tedadbala-category-list li.is-personalized .tedadbala-personal-badge{
                display:inline-flex
            }

            .tedadbala-cat-viewall{
                position:absolute;
                right:50%;
                bottom:11px;
                transform:translate(50%,0);
                z-index:4;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                height:37px;
                padding:0 20px;
                border-radius:12px;
                background:#111827;
                color:#fff!important;
                font-size:12px;
                font-weight:900;
                box-shadow:0 9px 22px rgba(16,24,40,.15);
                transition:background .18s ease,transform .18s ease,box-shadow .18s ease
            }

            .tedadbala-cat-viewall:hover{
                background:var(--tdb-orange);
                transform:translate(50%,-2px);
                box-shadow:0 12px 25px rgba(255,120,0,.24)
            }

            /* سه کارت میانی؛ همان ساختار قبلی */
            .tedadbala-feature-cards{
                display:flex;
                flex-direction:row;
                gap:12px;
                flex:1 1 auto;
                height:300px;
                min-width:0
            }

            .tedadbala-feature-card{
                flex:1 1 0;
                min-width:0;
                height:300px;
                background:#f7f7f7;
                border:1px solid #eceff3;
                border-radius:18px;
                overflow:hidden;
                display:flex;
                flex-direction:column;
                position:relative;
                isolation:isolate;
                box-shadow:0 9px 25px rgba(16,24,40,.045);
                transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease
            }

            .tedadbala-feature-card:before{
                content:"";
                position:absolute;
                inset:0;
                z-index:-1;
                background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,0) 52%);
                pointer-events:none
            }

            .tedadbala-feature-card:after{
                content:"";
                position:absolute;
                right:16px;
                left:16px;
                bottom:10px;
                height:16px;
                z-index:-1;
                border-radius:50%;
                background:rgba(16,24,40,.09);
                filter:blur(12px);
                opacity:0;
                transition:.2s ease
            }

            .tedadbala-feature-card:hover,
            .tedadbala-feature-card.is-personalized{
                background:#fff;
                border-color:#ffd1a8;
                box-shadow:0 18px 38px rgba(16,24,40,.11);
                transform:translateY(-4px)
            }

            .tedadbala-feature-card:hover:after{opacity:1}

            .tedadbala-card-header{
                padding:23px 17px 0;
                text-align:right;
                position:relative;
                z-index:2;
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:8px
            }

            .tedadbala-card-heading{
                margin:0;
                font-size:19px;
                font-weight:950;
                color:#172033;
                line-height:1.35;
                letter-spacing:-.25px
            }

            .tedadbala-card-personal{
                display:none;
                align-items:center;
                gap:4px;
                padding:5px 7px;
                border-radius:999px;
                background:#fff1e4;
                color:#dc6100;
                font-size:9px;
                font-weight:950;
                white-space:nowrap
            }

            .tedadbala-card-personal svg{width:12px;height:12px}

            .tedadbala-feature-card.is-personalized .tedadbala-card-personal{
                display:inline-flex
            }

            .tedadbala-card-image{
                flex:1;
                display:flex;
                align-items:flex-end;
                justify-content:center;
                padding:8px 11px 14px;
                overflow:hidden
            }

            .tedadbala-card-image img{
                display:block;
                max-width:100%;
                max-height:211px;
                width:auto;
                height:auto;
                object-fit:contain;
                transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .25s ease
            }

            .tedadbala-feature-card:hover .tedadbala-card-image img{
                transform:scale(1.035) translateY(-2px);
                filter:saturate(1.04)
            }

            /* اسلایدر؛ همان ابعاد و ساختار */
            .tedadbala-slider-wrap{
                width:380px;
                flex:0 0 380px;
                height:300px;
                border-radius:18px;
                overflow:hidden;
                background:#f7f7f7;
                border:1px solid #e8ecf2;
                position:relative;
                box-shadow:0 11px 30px rgba(16,24,40,.07);
                transition:box-shadow .2s ease,transform .2s ease
            }

            .tedadbala-slider-wrap:hover{
                box-shadow:0 19px 42px rgba(16,24,40,.13);
                transform:translateY(-3px)
            }

            .tedadbala-main-slider{width:100%;height:100%;position:relative;overflow:hidden}

            .tedadbala-slide{
                position:absolute;
                inset:0;
                opacity:0;
                pointer-events:none;
                transform:scale(1.018);
                transition:opacity .38s ease,transform .55s cubic-bezier(.2,.8,.2,1)
            }

            .tedadbala-slide.tedadbala-slide-active{
                opacity:1;
                pointer-events:auto;
                transform:scale(1)
            }

            .tedadbala-slide a,
            .tedadbala-slide img{display:block;width:100%;height:100%}

            .tedadbala-slide img{
                object-fit:cover;
                transition:transform 5.8s linear
            }

            .tedadbala-slide.tedadbala-slide-active img{
                transform:scale(1.018)
            }

            .tedadbala-slider-dots{
                position:absolute;
                right:0;
                left:0;
                bottom:10px;
                z-index:5;
                display:flex;
                align-items:center;
                justify-content:center;
                gap:6px;
                direction:ltr
            }

            .tedadbala-slider-dot{
                width:8px;
                height:8px;
                border-radius:999px;
                border:0;
                background:rgba(2,21,55,.34);
                padding:0;
                cursor:pointer;
                transition:width .18s ease,background .18s ease,transform .18s ease
            }

            .tedadbala-slider-dot:hover{transform:scale(1.2)}

            .tedadbala-slider-dot.tedadbala-dot-active{
                width:21px;
                background:#fff;
                box-shadow:0 2px 8px rgba(16,24,40,.18)
            }

            .tedadbala-slider-arrow{
                position:absolute;
                top:50%;
                z-index:6;
                width:39px;
                height:39px;
                border-radius:12px;
                border:1px solid rgba(255,255,255,.7);
                background:rgba(255,255,255,.94);
                color:#253044;
                display:flex;
                align-items:center;
                justify-content:center;
                box-shadow:0 9px 22px rgba(16,24,40,.16);
                backdrop-filter:blur(7px);
                cursor:pointer;
                opacity:0;
                visibility:hidden;
                transform:translateY(-50%) scale(.92);
                transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .18s ease,color .18s ease
            }

            .tedadbala-slider-wrap:hover .tedadbala-slider-arrow,
            .tedadbala-slider-arrow:focus-visible{
                opacity:1;
                visibility:visible;
                transform:translateY(-50%) scale(1)
            }

            .tedadbala-slider-arrow:hover{
                background:var(--tdb-orange);
                color:#fff
            }

            .tedadbala-slider-arrow svg{width:19px;height:19px}
            .tedadbala-slider-prev{left:12px}
            .tedadbala-slider-next{right:12px}
            .tedadbala-slider-next svg{transform:rotate(180deg)}

            @media(max-width:1240px){
                .tedadbala-category-sidebar{width:250px;flex-basis:250px}
                .tedadbala-slider-wrap{width:340px;flex-basis:340px}
                .tedadbala-card-heading{font-size:17px}
            }

            @media(max-width:1024px){
                .tedadbala-home-panel-inner{
                    display:grid;
                    grid-template-columns:250px minmax(0,1fr);
                    height:auto
                }

                .tedadbala-category-sidebar{grid-column:1;height:300px}
                .tedadbala-feature-cards{grid-column:2;height:300px}
                .tedadbala-slider-wrap{
                    grid-column:1/-1;
                    width:100%;
                    height:300px;
                    margin-top:0
                }

                .tedadbala-slide img{object-fit:cover}
            }

            @media(max-width:720px){
                .tedadbala-home-panel{padding:0 8px;margin:12px auto}
                .tedadbala-home-panel-inner{
                    display:flex;
                    flex-direction:column;
                    height:auto;
                    gap:10px
                }

                .tedadbala-category-sidebar{
                    width:100%;
                    flex-basis:auto;
                    height:auto;
                    min-height:0;
                    border-radius:16px
                }

                .tedadbala-category-list{
                    display:flex;
                    gap:8px;
                    overflow-x:auto;
                    overflow-y:hidden;
                    height:auto;
                    padding:10px 10px 11px;
                    scrollbar-width:none
                }

                .tedadbala-category-list::-webkit-scrollbar{display:none}
                .tedadbala-category-list li{flex:0 0 auto}

                .tedadbala-category-list a{
                    min-height:42px;
                    padding:6px 10px;
                    border:1px solid #e7eaf0;
                    border-radius:12px;
                    background:#fff;
                    font-size:12px
                }

                .tedadbala-category-list a:before,
                .tedadbala-cat-arrow{display:none}

                .tedadbala-cat-icon{
                    width:26px;
                    height:26px;
                    flex-basis:26px;
                    border-radius:8px
                }

                .tedadbala-cat-title{max-width:130px}
                .tedadbala-cat-viewall{display:none}

                .tedadbala-feature-cards{
                    width:100%;
                    height:auto;
                    overflow-x:auto;
                    gap:10px;
                    padding:1px 1px 10px;
                    scroll-snap-type:x mandatory;
                    scrollbar-width:none
                }

                .tedadbala-feature-cards::-webkit-scrollbar{display:none}

                .tedadbala-feature-card{
                    flex:0 0 74%;
                    height:265px;
                    scroll-snap-align:start;
                    border-radius:16px
                }

                .tedadbala-card-header{padding:18px 14px 0}
                .tedadbala-card-heading{font-size:17px}
                .tedadbala-card-image img{max-height:190px}

                .tedadbala-slider-wrap{
                    width:100%;
                    flex-basis:auto;
                    height:265px;
                    border-radius:16px
                }

                .tedadbala-slider-arrow{
                    opacity:1;
                    visibility:visible;
                    width:36px;
                    height:36px
                }
            }

            @media(prefers-reduced-motion:reduce){
                .tedadbala-home-panel *,
                .tedadbala-home-panel *:before,
                .tedadbala-home-panel *:after{
                    scroll-behavior:auto!important;
                    transition-duration:.01ms!important;
                    animation-duration:.01ms!important;
                    animation-iteration-count:1!important
                }
            }
        