/* --- カートの金額表示とサイドバー幅の修正 --- */

/* 1. サイドバーを金額が収まる広さ（400px）まで拡張 */
#sidebar, .left-column {
    flex: 0 0 400px !important; 
    min-width: 380px !important;
    padding: 25px !important;
}

/* 2. カート内のテキストが改行されないように強制する */
.cart-info, #cart-details, .total-amount {
    white-space: nowrap !important; /* 文字を途中で折り返さない */
    overflow: visible !important;
}

/* 3. 金額部分のフォントサイズとレイアウトの微調整 */
.total-price, .amount {
    display: inline-block !important;
    font-size: 1.2em; /* 金額を少し強調 */
    margin-top: 10px;
}

/* 4. メインコンテンツとのバランス調整 */
#main, .right-column {
    flex: 1 !important;
    padding-left: 40px !important; /* サイドバーとの間に十分な余白を */
}