/* Layout */
.solutions-inner { 
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	gap:40px
  }
  .solutions-col{ flex: 45%;}
  .solutions-accordion { display: grid; gap: 8px; }
  .solutions-cat-description{  font-family:'Kanit'; color:#7B7B7B; font-size:24px; text-transform:uppercase; font-weight:400;  margin-bottom: 5px;}
  .solutions-cat{ font-size:32px; font-family:'Kanit'; font-weight:300;	text-transform: uppercase; margin:0 0 1em 0; color:#000 !important;}
  .solutions-title{ font-size:24px;  font-family: 'Kanit'; font-weight: 400;}
  .solutions-description{ font-size:18px; color:#7B7B7B; margin-bottom: 40px;    margin-top: -25px !important;}
  .sol-acc-item { border-top: 1px solid #C4C4C4; padding: 10px 0; }
  .sol-acc-item.is-active {border-top: 1px solid #3378B0; padding: 10px 0; }
  .sol-acc-item p{ margin:0;}
  .sol-acc-title {font-size:24px; font-family:'Kanit'; font-weight:400; display:block; cursor:pointer; margin:0;  }
  .sol-acc-trigger { width: 100%; text-align: left; }
  .sol-acc-panel{  padding:10px 0; color: #7B7B7B; }
  .solutions-actions { margin-top: 18px; display:flex; gap:24px;}
  .sol-acc-panel .wp-block-list, .solutions-content .wp-block-list{
	padding: 0;
	margin: 0;
	padding-left: 25px;
	color: #7B7B7B;
  }
  
  /* Right: panels (image + content) */
  .solutions-col.right { position: relative; min-height: 600px; align-items: center; display: flex; flex-direction:column;}
  .solutions-col.right .solutions-cat{display:none;}
  .solutions-panel {
	position: absolute;
	opacity: 0; pointer-events: none;
	transform: translateY(6px);
	transition: opacity .28s ease, transform .28s ease;
	display: grid; grid-template-rows: auto 1fr; gap: 16px;
	height: 100%;
	  align-items: center;
	  display: flex;
  }
  .solutions-panel.is-active {opacity: 1; transform: translateY(0); pointer-events: auto;}
  .solutions-media img { display:block; width:100%; height:auto; }
  .solutions-content { font-size: 16px; line-height: 1.6; color:#7B7B7B}
  .sol-nav{ display:none; }
  
  .app-download img{ max-height:44px; width: auto;}
  
  @media (max-width: 900px){
	.solutions-cat-description{ font-size:16px; text-align: left;}
	.sol-nav{ display:block; width: 100%;}
	.solutions-wrap{ margin-bottom:40px;}
	.solutions-inner {display: block;  }
	.solutions-col.left { display: none; }       
	.solutions-col.right { min-height: auto;width: 100%; align-items: start;}
	.solutions-col.right .solutions-cat{display:block;}
	.solutions-actions{ justify-content: center;}
	.solutions-slider { position: relative; overflow: hidden; }
	.solutions-track  { display: flex; flex-direction: column; transition: transform .35s ease; will-change: transform; }
  
	.solutions-panel { display: none; }
	.solutions-panel.is-active { display: block; }
  
	.is-mobile .solutions-panel {
	  position: relative;
	  pointer-events: auto !important;
	  transform: none !important;
  
	}
	.sol-nav{
	  margin-top: 25px; display:flex; align-items:center; justify-content:space-between; gap:12px;
	}
	.sol-nav .dots{ display:flex; gap:8px; }
	.sol-nav .dot{ width:15px; height:15px; border-radius:50%; background:#c8cdd2; border:0; padding:0; }
	.sol-nav .dot.is-active{ background:#0a7aa8; }
	.sol-nav .arrows{ display:flex; gap:8px; margin-left:8px; }
	.sol-btn{ width: 44px;  height: 44px; border-radius:50%; border:none !important; background:transparent; cursor:pointer; color:#000 !important;        padding: 0 !important;}
	.sol-btn img{max-width:44px; min-width:44px;}
  /* 允許垂直滾動為主，兼容 pointer 手勢 */
  .solutions-col.right { touch-action: pan-y; }
  
  /* 圖片避免被拖拉／長按預覽（iOS） */
  .solutions-media img { -webkit-user-drag: none; user-select: none; }
  }
  @media (min-width: 901px){
	.solutions-panel .solutions-meta{ display:none; }
  }
  
  @media (max-width: 900px){
	.solutions-col.left{ display:none; padding: 25px; width: 100%;}
	.solutions-panel{ display:none;        position: relative; }
	.solutions-panel.is-active{ display:block; }
  }