.cha-horizontal-accordion{display:flex;height:420px;overflow:hidden;gap:30px}
.cha-horizontal-accordion .accordion-item {flex: 0 0 105px; /* حالت بسته */
  background-size: cover;background-position: center;position: relative;transition: flex 0.45s cubic-bezier(.2,.9,.3,1), box-shadow 0.3s, background-image 0.3s ease;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 18px;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);overflow: hidden;}
.cha-horizontal-accordion .accordion-item.active {flex: 0 0 600px; /* حالت باز */}
.accordion-title{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 6px #00000080;transition:all .4s ease;writing-mode:vertical-rl;transform:rotate(180deg);position:relative;z-index:2;white-space:nowrap}
.accordion-item.active .accordion-title{writing-mode:horizontal-tb;transform:rotate(0deg);position:absolute;top:30px;left:24px;right:24px;text-align:left;font-size: 35px;}
.accordion-content{position:absolute;
    left:24px;
    top:15%;
    right:24px;

    opacity:0;
    transition:opacity .3s ease .05s;

    /* 🔴 تغییرات مهم */
    display:block;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow:hidden;

    min-width:0;

    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    white-space:normal;}
.accordion-item.active .accordion-content{opacity:1;
    max-height:300px; /* ⬅ کمی بزرگ‌تر */
    padding:10px 16px 16px;}
.accordion-content p{margin:0 0 16px;color:#fffffff2}
.accordion-btn{display:inline-block;background:#ffffff2e;color:#fff;padding:10px 18px;border-radius:30px;text-decoration:none;width: max-content;background: #C09592;}

/* ===== Safari Fix for Accordion Content ===== */
.accordion-content p,
.accordion-content a {
    max-width:100%;
    box-sizing:border-box;

    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {

.cha-horizontal-accordion{flex-direction:column;height:auto;gap:16px}
.cha-horizontal-accordion .accordion-item{flex:none;width:100%;height:70px;border-radius:16px;transition:height .4s ease,background-image .3s ease;align-items:flex-start;justify-content:flex-start}
.cha-horizontal-accordion .accordion-item.active{height:260px;flex:0 0 420px}

    /* Title */
.accordion-title{writing-mode:horizontal-tb;transform:none;font-size:18px;padding:16px;width:100%}
.accordion-item.active .accordion-title{position:relative;font-size:22px;top:auto;left:auto;right:auto;padding-bottom:8px}
.accordion-item.active .accordion-title.gradient-title{left: 0px !important;}
    /* Content */
.accordion-content{position:relative;
    top:auto;
    left:auto;
    right:auto;

    padding:0 16px 16px;

    opacity:0;
    max-height:0;
    overflow:hidden;

    transition:opacity .3s ease, max-height .4s ease;

    box-sizing:border-box;
    width:100%;
    min-width:0;

    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    white-space:normal;}
.accordion-item.active .accordion-content{opacity:1;max-height:200px;padding: 10px 16px 16px;}
.accordion-content p{font-size:14px}
.accordion-btn{margin-top:8px;font-size:14px;padding:8px 14px}
}