.ua-tab-widget * {
	box-sizing: border-box;
}

/* Damla1 stilleri widget kapsamına taşındı */
.ua-tab-widget { margin-top: 0; }
.ua-tab-widget .services-section { padding: 20px 0 60px 0; }

.ua-tab-widget .section-title {
	font-size: 38px;
	font-weight: 400;
	color: #222222;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.3;
}

.ua-tab-widget .services-tabs-wrapper { margin-top: 40px; position: relative; max-width: 100%; margin-left: 0; margin-right: auto; }
.ua-tab-widget .services-tabs { max-width: 100%; box-sizing: border-box; width: auto; }
.ua-tab-widget .scroll-indicator { display:none; }

@media (max-width: 768px) {
	.ua-tab-widget .services-tabs-wrapper { margin-top: 30px; position: relative; }
	.ua-tab-widget .services-tabs { position: relative; }
	.ua-tab-widget .services-tabs-wrapper .scroll-indicator { display: flex !important; position: relative; left: 0; right: 0; top: 0; margin: 10px 0 1px 0; transform: none; justify-content: space-between; align-items: center; padding: 0 8px; pointer-events: none; z-index: 50; }
	.ua-tab-widget .scroll-btn { display:flex !important; align-items:center; justify-content:center; width:32px; height:32px; border-radius:1px !important; background:linear-gradient(135deg,#8BC4D8 0%,#7BB4C8 50%,#6BA4B8 100%); color:#fff; border:none; cursor:pointer; font-size:14px; transition:all .3s ease; box-shadow:0 2px 6px rgba(74,93,142,.2); pointer-events:auto; position:relative; z-index:51; }
	.ua-tab-widget .scroll-btn:hover { background:linear-gradient(135deg,#9BC4E8 0%,#8BC4D8 50%,#7BB4C8 100%); transform:scale(1.1); box-shadow:0 4px 12px rgba(74,93,142,.3) }
	.ua-tab-widget .scroll-btn:active { transform:scale(.95) }
	.ua-tab-widget .scroll-btn:disabled { opacity:.4; cursor:not-allowed; transform:none }
	/* Mobilde li içindeki ikonları ve sağ ok ikonlarını içeri al */
	.ua-tab-widget .tab-link { padding: 20px 15px !important; }
	.ua-tab-widget .tab-icon { margin-left: 8px; }
	.ua-tab-widget .service-list li { padding: 10px 12px 10px 12px !important; }
	.ua-tab-widget .service-list li .list-arrow { margin-left: auto; margin-right: 4px; }
}

.ua-tab-widget .services-tabs { display:flex; flex-wrap:nowrap; list-style:none; margin:0; padding:0; gap:0; border:none; width:auto; box-sizing:border-box; }
.ua-tab-widget .services-tabs[data-alignment="left"] { justify-content:flex-start; margin-left:0; margin-right:auto; }
.ua-tab-widget .services-tabs[data-alignment="center"] { justify-content:center; margin-left:auto; margin-right:auto; }
.ua-tab-widget .services-tabs[data-alignment="right"] { justify-content:flex-end; margin-left:auto; margin-right:0; }
.ua-tab-widget .tab-item { margin:0; padding:0; border:1px solid #e0e0e0; border-right:none; background:transparent; position:relative; flex:0 0 auto; width:170px; min-width:170px; max-width:170px; box-sizing:border-box; }
.ua-tab-widget .tab-item:first-child { border-left:1px solid #e0e0e0; }
.ua-tab-widget .tab-item:last-child { border-right:1px solid #e0e0e0; }
.ua-tab-widget .tab-link { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px 15px; text-decoration:none; color:#666; transition:all .3s ease; position:relative; border-bottom:3px solid transparent; margin-bottom:-2px; background:rgba(139,196,216,.05); border:none; cursor:pointer; min-height:100px; gap:10px; }
.ua-tab-widget .tab-image { display:none !important; visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; }
.ua-tab-widget .tab-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:rgba(139,196,216,.15); border-radius:8px; color:#0096c7; font-size:20px; transition:all .3s ease; flex-shrink:0; }
.ua-tab-widget .tab-item:hover .tab-link { background:linear-gradient(135deg, rgba(74,93,142,.08) 0%, rgba(61,79,126,.06) 50%, rgba(47,65,110,.05) 100%) }
.ua-tab-widget .tab-item:hover .tab-icon { background:linear-gradient(135deg, rgba(74,93,142,.2) 0%, rgba(61,79,126,.15) 50%, rgba(47,65,110,.1) 100%); color:#4A5D8E }
.ua-tab-widget .tab-item:hover .tab-title { color:#4A5D8E }
.ua-tab-widget .tab-item.active .tab-link { border-bottom-color:#00b4d8; background:linear-gradient(135deg,#4A5D8E 0%,#3D4F7E 50%,#2F416E 100%) }
.ua-tab-widget .tab-item.active .tab-icon { background:rgba(255,255,255,.2); color:#fff }
.ua-tab-widget .scroll-btn { border-radius: 1px !important; pointer-events:auto; width:36px; height:36px; display:flex; align-items:center; justify-content:center; }
.ua-tab-widget .tab-item .tab-title { font-size:16px; font-weight:400; color:#666; margin-bottom:8px; transition:color .3s ease; text-align:center }
.ua-tab-widget .tab-item.active .tab-title { color:#fff }
.ua-tab-widget .tab-item .tab-subtitle { font-size:12px; font-weight:300; color:#999; text-align:center; line-height:1.4 }
.ua-tab-widget .tab-item.active .tab-subtitle { color:rgba(255,255,255,.9) }

.ua-tab-widget .tab-content-wrapper { position:relative; min-height:600px; margin-top:40px; width:100%; max-width:100%; overflow:hidden; box-sizing:border-box }
.ua-tab-widget .tab-content { display:none; opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; max-width:100%; pointer-events:none; transition:opacity .3s ease, visibility .3s ease; box-sizing:border-box; overflow:hidden }
.ua-tab-widget .tab-content.active { display:block; opacity:1; visibility:visible; position:relative; pointer-events:auto }

@media (min-width: 1025px) {
	.ua-tab-widget .service-content { display:grid; grid-template-columns:1fr 1.5fr; gap:30px; align-items:start; min-height:500px; }
	.ua-tab-widget .service-image { display:block; position:relative; width:100%; max-width:400px; }
	.ua-tab-widget .service-image img { display:block; width:100%; height:auto; border-radius:8px; object-fit:cover; aspect-ratio:2/3; }
}

@media (max-width: 1024px) {
	.ua-tab-widget .tab-content-wrapper { min-height:0 !important; height:auto !important; margin-top:0 !important }
	.ua-tab-widget .tab-content { display:none !important; position:relative !important; min-height:0 !important; height:auto !important; opacity:1 !important; visibility:visible !important; }
	.ua-tab-widget .tab-content.active { display:block !important; }
	.ua-tab-widget .service-content { display:flex !important; flex-direction:column !important; gap:0 !important; min-height:0 !important; height:auto !important; grid-template-columns:none !important }
	.ua-tab-widget .service-content > .service-image { display:none !important; visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; position:static !important }
	.ua-tab-widget .service-image, .ua-tab-widget .service-image img { display:none !important; visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; position:static !important }
	.ua-tab-widget .service-info { width:100% !important; max-width:100% !important }
	/* Scroll indicator buttons on tab area sides */
    .ua-tab-widget .services-tabs-wrapper { position: relative; }
    .ua-tab-widget .services-tabs { position: relative; }
    .ua-tab-widget .services-tabs-wrapper .scroll-indicator { display:flex !important; position:relative; left:0; right:0; top:0; margin:10px 0 1px 0; transform:none; justify-content:space-between; align-items:center; padding:0 8px; pointer-events:none; z-index:50; }
    .ua-tab-widget .scroll-btn { pointer-events:auto; position:relative; z-index:51; }
}

.ua-tab-widget .service-info { padding:20px 0; width:100%; max-width:100%; box-sizing:border-box }
.ua-tab-widget .service-header { margin-bottom:20px; position:relative; padding-bottom:10px; display:block }
.ua-tab-widget .service-header::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e0e0e0 }
.ua-tab-widget .service-title { font-size:28px; font-weight:400; color:#fff; margin:0; line-height:1.3; display:inline-block; padding:8px 16px; border-radius:4px; background:linear-gradient(135deg,#4A5D8E 0%,#3D4F7E 50%,#2F416E 100%); position:relative }
.ua-tab-widget .service-description { font-size:16px; font-weight:300; color:#666; margin-bottom:30px; line-height:1.8 }
.ua-tab-widget .service-list-container { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px }
.ua-tab-widget .service-list { list-style:none; padding:0; margin:0 }
.ua-tab-widget .service-list li { padding:10px 15px; font-size:15px; font-weight:300; color:#555; display:flex; align-items:center; gap:12px; line-height:1.6; transition:all .2s ease; border-radius:4px; background:rgba(139,196,216,.05); border:1px solid rgba(139,196,216,.2); margin-bottom:8px; position:relative }
.ua-tab-widget .service-list li i { color:#4A5D8E; font-size:16px }
.ua-tab-widget .list-arrow { color:#4A5D8E; font-size:12px; opacity:.6; transition:all .2s ease; margin-left:auto }
.ua-tab-widget .service-list li:hover { color:#4A5D8E; background:rgba(139,196,216,.15); border-color:rgba(139,196,216,.4); transform:translateX(5px) }
.ua-tab-widget .service-list li:hover .list-arrow { opacity:1; transform:translateX(3px) }
.ua-tab-widget .view-all-btn { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,#8BC4D8 0%,#7BB4C8 50%,#6BA4B8 100%); color:#fff; padding:15px 30px; text-decoration:none; font-weight:400; font-size:15px; border-radius:4px; transition:all .3s ease; text-transform:uppercase; letter-spacing:.5px }
.ua-tab-widget .view-all-btn:hover { background:linear-gradient(135deg,#9BC4E8 0%,#8BC4D8 50%,#7BB4C8 100%); transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,180,216,.3) }

@media (max-width: 1200px) { 
	.ua-tab-widget .services-tabs { display:flex; flex-wrap:nowrap; }
	.ua-tab-widget .tab-item { width:170px; min-width:170px; max-width:170px; }
}
/* Desktop'ta mobil içerikleri gizle ve tab-content-wrapper göster */
@media (min-width: 1025px) {
	.ua-tab-widget .tab-content-mobile { display:none !important; }
	.ua-tab-widget .tab-link .tab-arrow { display:none !important; }
	.ua-tab-widget .tab-content-wrapper { display:block !important; }
}

@media (max-width: 1024px) {
	/* Mobilde desktop içerikleri gizle */
	.ua-tab-widget .tab-content-wrapper { display:none !important; }
	.ua-tab-widget .scroll-indicator { display:none !important; }
	
	/* Mobil accordion stili - tam ekran */
	.ua-tab-widget .services-section { padding-left:0 !important; padding-right:0 !important; }
	.ua-tab-widget .services-tabs-wrapper { margin-left:0 !important; margin-right:0 !important; padding:0 !important; width:100% !important; max-width:100% !important; }
    .ua-tab-widget .services-tabs { display:flex; flex-direction:column; gap:0; padding:0; margin:0; width:100% !important; max-width:100% !important; position:relative; border:none; }
	.ua-tab-widget .tab-item { width:100% !important; min-width:100% !important; max-width:100% !important; border:1px solid #e0e0e0 !important; border-bottom:none !important; margin-bottom:0 !important; border-left:none !important; border-right:none !important; }
	.ua-tab-widget .tab-item:first-child { border-top:1px solid #e0e0e0 !important; }
	.ua-tab-widget .tab-item:last-child { border-bottom:1px solid #e0e0e0 !important; }
	.ua-tab-widget .tab-link { width:100%; padding:20px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; white-space:normal; background:transparent; min-height:auto; gap:15px; }
	.ua-tab-widget .tab-link .tab-icon { margin:0; flex-shrink:0; }
	.ua-tab-widget .tab-link .tab-title { margin:0; flex:1; text-align:left; color:#666; font-weight:400; }
	.ua-tab-widget .tab-link .tab-subtitle { display:none; }
	.ua-tab-widget .tab-link .tab-arrow { display:block !important; flex-shrink:0; margin-left:auto; transition:transform 0.3s ease; color:#666; }
	.ua-tab-widget .tab-item.active .tab-link { background:linear-gradient(135deg,#4A5D8E 0%,#3D4F7E 50%,#2F416E 100%) !important }
	.ua-tab-widget .tab-item.active .tab-link .tab-title { color:#fff !important; font-weight:400 }
	.ua-tab-widget .tab-item.active .tab-link .tab-icon { background:rgba(255,255,255,.2) !important; color:#fff !important }
	.ua-tab-widget .tab-item.active .tab-link .tab-arrow { transform:rotate(180deg); color:#fff; }
	/* Mobilde varsayılan olarak tüm içerikleri kapat */
	.ua-tab-widget .tab-content-mobile { display:none !important; padding:0; background:#fff; border-top:none; max-height:0; overflow:hidden; transition:max-height 0.3s ease, padding 0.3s ease; }
	/* Sadece aktif olanı göster */
	.ua-tab-widget .tab-item.active .tab-content-mobile { display:block !important; padding:20px; border-top:1px solid #e0e0e0; max-height:5000px; }
	.ua-tab-widget .service-image-mobile { display:none !important; }
	.ua-tab-widget .service-info-mobile { width:100%; text-align:center; padding:0 15px; box-sizing:border-box; }
	.ua-tab-widget .service-header-mobile { margin-bottom:15px; text-align:center; }
	.ua-tab-widget .service-title-mobile { font-size:22px; font-weight:400; color:#222; margin:0 auto; text-align:center; }
	.ua-tab-widget .service-description-mobile { font-size:15px; font-weight:300; color:#666; margin-bottom:20px; line-height:1.6; text-align:center; }
	.ua-tab-widget .service-list-mobile { list-style:none; padding:0; margin:0 auto 20px auto; max-width:100%; }
	.ua-tab-widget .service-list-mobile li { padding:12px 15px; font-size:14px; font-weight:300; color:#555; display:flex; align-items:center; gap:12px; line-height:1.6; border-radius:4px; background:rgba(139,196,216,.05); border:1px solid rgba(139,196,216,.2); margin-left:auto; margin-right:auto; margin-bottom:8px; max-width:100%; }
	.ua-tab-widget .service-list-mobile li i { color:#4A5D8E; font-size:16px; }
	.ua-tab-widget .service-list-mobile li .list-arrow { color:#4A5D8E; font-size:12px; opacity:.6; margin-left:auto; }
	.ua-tab-widget .service-info-mobile .view-all-btn { display:flex !important; align-items:center; justify-content:center; margin:0 auto !important; width:auto; }
}

@media (max-width: 768px) {
	.ua-tab-widget .section-title { font-size:32px }
	.ua-tab-widget .service-title { font-size:24px }
	.ua-tab-widget .service-description { font-size:15px }
}

@media (max-width: 576px) {
	.ua-tab-widget .section-title { font-size:26px; margin-bottom:30px }
	.ua-tab-widget .tab-link { padding:12px 15px }
	.ua-tab-widget .tab-item .tab-title { font-size:14px }
	.ua-tab-widget .tab-item .tab-subtitle { font-size:11px }
	.ua-tab-widget .service-title { font-size:22px }
	.ua-tab-widget .service-list li { font-size:14px; padding:10px 0 }
}