.elementor-1130 .elementor-element.elementor-element-5582b4b{--display:flex;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1130 .elementor-element.elementor-element-f233684{width:100%;max-width:100%;text-align:center;}.elementor-1130 .elementor-element.elementor-element-f233684 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #FFEBD5 0%, #FB85006B 100%);}.elementor-1130 .elementor-element.elementor-element-f233684 .elementor-heading-title{font-size:28px;color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-995c568{width:100%;max-width:100%;}.elementor-1130 .elementor-element.elementor-element-995c568 > .elementor-widget-container{padding:15px 15px 0px 15px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .row{row-gap:50px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product{text-align:center;background-color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:0px 0px 0px 0px;box-shadow:0px 5px 15px 0px rgba(0, 0, 0, .07);}.elementor-1130 .elementor-element.elementor-element-995c568 .product-cover img{object-fit:cover;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product:hover{background-color:#fff;box-shadow:0px 0px 10px 0px rgba(255, 159.23641304347828, 0, 0.5);}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-cover img{border-radius:30px 30px 30px 30px;min-height:100px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-cover{margin-bottom:10px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .title-wrap a *{color:var( --e-global-color-text );font-size:15px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product:hover .title-wrap a *{color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price > span > bdi{color:#35495c;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price ins span bdi{color:#35495c;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price .woocommerce-Price-currencySymbol{color:#35495c;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap{margin:10px 0px 20px 0px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price > span > bdi, .elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price ins span bdi{font-size:18px;font-weight:bold;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price del{color:#b7b7b7;margin:0px 7px 0px 7px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price del .woocommerce-Price-currencySymbol{color:#b7b7b7;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .price-wrap .price del span bdi{font-size:15px;font-weight:300;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label span{font-size:14px;padding:3px 13px 3px 13px;border-radius:7px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label .new{color:#fff;background-color:var( --e-global-color-primary );}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label .soldout{color:#FFFFFF;background-color:#c00;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label .onsale{color:#fff;background-color:#ffb93a;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot a{color:#fff;background-color:var( --e-global-color-primary );border-radius:50px;padding:7px 30px 7px 30px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot{margin:0px 0px -32px 0px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot a.added_to_cart{color:#fff;background-color:#46c780;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot a:hover{color:#fff;background-color:#000;}.elementor-1130 .elementor-element.elementor-element-995c568 .ahura-pagination a, .elementor-1130 .elementor-element.elementor-element-995c568 .ahura-pagination span{color:var( --e-global-color-text );background-color:#fff;border-radius:5px 5px 5px 5px;}.elementor-1130 .elementor-element.elementor-element-995c568 .ahura-pagination a:hover, .ahura-pagination span:hover{background-color:#7272723B;}.elementor-1130 .elementor-element.elementor-element-995c568 .ahura-pagination span.current{color:#fff;background-color:var( --e-global-color-secondary );}.elementor-1130 .elementor-element.elementor-element-a3732e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1130 .elementor-element.elementor-element-a3732e4 > .elementor-shape-top .elementor-shape-fill, .elementor-1130 .elementor-element.elementor-element-a3732e4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-1130 .elementor-element.elementor-element-a3732e4 > .elementor-shape-top svg, .elementor-1130 .elementor-element.elementor-element-a3732e4 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:75px;}.elementor-1130 .elementor-element.elementor-element-a3732e4 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1130 .elementor-element.elementor-element-a3732e4 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-1130 .elementor-element.elementor-element-a3732e4 > .elementor-shape-bottom svg, .elementor-1130 .elementor-element.elementor-element-a3732e4 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:89px;}.elementor-1130 .elementor-element.elementor-element-1b256e5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-1b256e5 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-1130 .elementor-element.elementor-element-74341d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article{background-color:#fff;border-radius:20px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, .06);}.elementor-1130 .elementor-element.elementor-element-f7a2c50{width:100%;max-width:100%;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4{background-color:#FFB70347;border-radius:20px;padding:0px 0px 0px 0px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article .fimage img{border-radius:0px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article h3{color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article .title-tag{color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article h3, .elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article .title-tag{font-size:18px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article p{color:#6b7074;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article .meta span span{color:var( --e-global-color-text );}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 .cat-more-link{font-size:16px;color:#fff;background-color:var( --e-global-color-primary );border-radius:20px;padding:5px 15px 5px 15px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .ahura-pagination a, .elementor-1130 .elementor-element.elementor-element-f7a2c50 .ahura-pagination span{color:#4c4c4c;background-color:#f0f0f0;border-radius:50px 50px 50px 50px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .ahura-pagination a:hover, .elementor-1130 .elementor-element.elementor-element-f7a2c50 .ahura-pagination span:hover{color:#fff;background-color:#FFB7038C;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .ahura-pagination span.current{color:#fff;background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-cover img{min-height:200px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label span{border-radius:7px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot a{border-radius:50px;padding:7px 15px 7px 15px;}.elementor-1130 .elementor-element.elementor-element-a3732e4{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-1130 .elementor-element.elementor-element-5582b4b{--content-width:100%;}.elementor-1130 .elementor-element.elementor-element-a3732e4{--content-width:95%;}}@media(max-width:767px){.elementor-1130 .elementor-element.elementor-element-5582b4b{--margin-top:020px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1130 .elementor-element.elementor-element-f233684 .elementor-heading-title{font-size:18px;}.elementor-1130 .elementor-element.elementor-element-995c568 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .row{row-gap:45px;}.elementor-1130 .elementor-element.elementor-element-995c568 .product-cover img{object-fit:contain;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product{border-radius:10px 10px 10px 10px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-cover img{min-height:150px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-label span{border-radius:7px;}.elementor-1130 .elementor-element.elementor-element-995c568 .products-list .product .product-foot a{border-radius:50px;padding:7px 15px 7px 15px;}.elementor-1130 .elementor-element.elementor-element-a3732e4{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1130 .elementor-element.elementor-element-1b256e5{width:initial;max-width:initial;columns:1;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .postbox4 article .fimage img{height:100px;}.elementor-1130 .elementor-element.elementor-element-f7a2c50 .excerpt{margin:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-1b256e5 */<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نمایش متن با دکمه</title>
    <style>
        .expandable-text {
            position: relative;
            overflow: hidden;
            line-height: 1.6;
        }
        
        .expandable-text.collapsed {
            max-height: 120px; /* ارتفاع برای 3-4 خط متن */
        }
        
        .expandable-text.expanded {
            max-height: none;
        }
        
        .expand-toggle {
            display: none;
        }
        
        .expand-label {
            display: inline-block;
            margin-top: 10px;
            padding: 5px 15px;
            background-color: #f0f0f0;
            color: #333;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .expand-label:hover {
            background-color: #e0e0e0;
        }
        
        .expand-toggle:checked + .expandable-text {
            max-height: none;
        }
        
        .expand-toggle:checked ~ .expand-label .more {
            display: none;
        }
        
        .expand-toggle:checked ~ .expand-label .less {
            display: inline;
        }
        
        .expand-label .less {
            display: none;
        }
    </style>
</head>
<body>
    <div class="text-container">
        <input type="checkbox" id="expander" class="expand-toggle">
        <div class="expandable-text collapsed">
            <p>این یک متن نمونه است که در حالت عادی فقط بخشی از آن نمایش داده می‌شود. با کلیک روی دکمه "نمایش بیشتر" می‌توانید تمام متن را مشاهده کنید. این روش برای نمایش خلاصه‌ای از مقالات یا توضیحات محصولات بسیار مفید است.</p>
            <p>متن دوم برای نمایش قابلیت‌های این سیستم. وقتی متن طولانی باشد، این روش به کاربران کمک می‌کند تا در صورت تمایل کل متن را ببینند و در غیر این صورت فقط خلاصه‌ای از آن را مشاهده کنند.</p>
            <p>این پاراگراف سوم است که فقط در حالت گسترده شده نمایش داده می‌شود. می‌توانید ارتفاع اولیه را در CSS تنظیم کنید تا تعداد خطوط مورد نظرتان را نمایش دهد.</p>
        </div>
        <label for="expander" class="expand-label">
            <span class="more">نمایش بیشتر</span>
            <span class="less">نمایش کمتر</span>
        </label>
    </div>
</body>
</html>/* End custom CSS */