/**
 * Responsif global — halaman user (mobile-first safeguards)
 */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body.animsition,
body.definite-addr-page,
body.definite-cart-page,
body.definite-account-page,
body.definite-order-detail-page,
body.definite-payment-page,
body.definite-auth-page,
body.trx-wrap {
	overflow-x: hidden;
	max-width: 100%;
}

.definite-user-shell,
.definite-order-shell,
.definite-payment-shell,
.definite-addr-shell,
.trx-shell,
.container,
.container-menu-desktop,
.wrap-menu-desktop {
	max-width: 100%;
}

img,
video,
iframe {
	max-width: 100%;
	height: auto;
}

/* Header & topbar */
@media (max-width: 576px) {
	.top-bar .content-topbar,
	.menu-mobile .topbar-mobile li .right-top-bar {
		flex-wrap: wrap;
		height: auto;
		min-height: 40px;
		padding: 6px 0;
	}

	.left-top-bar {
		font-size: 11px;
		line-height: 1.35;
		padding: 4px 12px;
		word-break: break-word;
	}

	.right-top-bar a {
		font-size: 11px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.wrap-header-mobile {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Login (setlogin) */
@media (max-width: 480px) {
	.limiter {
		padding: 0;
	}

	.container-login100 {
		padding: 12px;
	}

	.wrap-login100 {
		width: 100%;
		max-width: 100%;
		padding: 40px 20px 28px;
		border-radius: 12px;
	}

	.login100-form-title img {
		max-width: 160px;
		height: auto;
	}

	.text-center.p-t-115 {
		padding-top: 48px !important;
	}
}

/* Register / form toko — padding kartu */
@media (max-width: 767px) {
	.size-210.bor10,
	.size-210.p-lr-70,
	.p-lr-70.p-lr-15-lg {
		padding-left: 18px !important;
		padding-right: 18px !important;
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	section.bg0.p-t-104,
	section.bg0.p-t-75 {
		padding-top: 32px !important;
	}

	.sec-product-detail.bg0.p-t-65 {
		padding-top: 24px !important;
	}
}

/* Transaksi — tab scroll horizontal */
@media (max-width: 768px) {
	.trx-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		gap: 4px;
		padding-bottom: 2px;
	}

	.trx-tabs .nav-item {
		flex: 0 0 auto;
	}

	.trx-tabs .nav-link {
		white-space: nowrap;
		font-size: 11px;
		padding: 8px 10px;
	}

	.trx-panel {
		padding: 12px;
	}

	.wafixed {
		right: 14px;
		bottom: 14px;
	}
}

/* Tabel umum — scroll aman (bukan keranjang; keranjang pakai kartu) */
@media (max-width: 767px) {
	.definite-order-table-wrap,
	.trx-table-wrap:not(:empty) {
		-webkit-overflow-scrolling: touch;
	}

	body:not(.definite-cart-page) .wrap-table-shopping-cart {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Payment / rekening — teks panjang & tombol */
@media (max-width: 576px) {
	.definite-payment-bank-row,
	.definite-payment-bank-row strong,
	.definite-payment-bank-name {
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.definite-payment-bank-top {
		flex-wrap: wrap;
		gap: 8px;
	}

	.definite-payment-bank-copy {
		width: 100%;
		justify-content: center;
	}
}

/* Modal keranjang sidebar */
@media (max-width: 576px) {
	.wrap-header-cart {
		width: 100%;
		max-width: 100%;
	}
}