:root{--ink:#161b2d;--muted:#6f7483;--purple:#5637dd;--purple2:#7357ef;--cyan:#10a8d0;--coral:#ff5a67;--yellow:#ffc928;--surface:#f5f6f8;--line:#e5e7ed;--white:#fff;--radius:16px;--shadow:0 16px 45px rgba(28,31,53,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:9999}.utility-bar{background:#f6f6f8;border-bottom:1px solid var(--line);font-size:12px;color:#575b69}.utility-bar .container{display:flex;align-items:center;justify-content:space-between;height:36px}.utility-bar ul{display:flex;gap:20px;list-style:none;margin:0}.site-header{position:relative;background:#fff;z-index:30}.header-row{display:flex;align-items:center;gap:16px;min-height:84px}.site-brand{font-size:27px;font-weight:800;letter-spacing:-1.5px;min-width:135px}.site-brand strong{color:#6724a8}.custom-logo{display:block;max-height:48px;width:auto}.category-toggle{height:44px;border:0;border-radius:11px;padding:0 18px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.category-toggle span{margin-right:7px}.product-search{display:flex;flex:1;border:1px solid var(--line);height:46px;border-radius:24px;overflow:hidden;background:#f8f8fa}.product-search input{flex:1;border:0;background:transparent;padding:0 20px;outline:0}.product-search button{width:52px;border:0;background:var(--purple);color:#fff;font-size:22px;cursor:pointer}.header-actions{display:flex;gap:7px}.header-actions>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;font-size:20px}.header-actions>a:hover{background:var(--surface)}.header-actions small{font-size:9px}.cart-count{position:absolute;right:3px;top:2px;min-width:17px;height:17px;border-radius:9px;background:var(--coral);color:#fff;text-align:center;font:bold 10px/17px Inter}.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.main-nav .container{display:flex;justify-content:space-between;align-items:center}.main-nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0}.main-nav a{display:block;padding:14px 0;font-weight:600;font-size:13px}.main-nav a:hover{color:var(--purple)}.quote-link{color:var(--purple)!important}.category-drawer{display:none;position:absolute;left:50%;transform:translateX(-50%);top:83px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px;width:min(760px,calc(100% - 40px))}.category-drawer.open{display:block}.category-drawer ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0}.category-drawer a{display:block;padding:9px 12px;border-radius:8px}.category-drawer a:hover{background:var(--surface);color:var(--purple)}.mobile-toggle{display:none;border:0;background:none;font-size:24px}
.market-hero{padding:26px 0 16px;background:#fff}.hero-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:14px}.hero-categories,.hero-banner,.hot-deal{border-radius:var(--radius);overflow:hidden}.hero-categories{border:1px solid var(--line);padding:17px;background:#fff}.hero-categories h2{font-size:15px;margin:0 0 10px}.hero-categories ul{list-style:none;margin:0;padding:0}.hero-categories a{display:flex;justify-content:space-between;padding:8px 3px;font-size:12px;color:#444a5c}.hero-categories a:hover{color:var(--purple);padding-left:8px}.hero-banner{position:relative;min-height:360px;padding:54px 47% 45px 42px;background:radial-gradient(circle at 78% 46%,#fff 0 13%,transparent 14%),linear-gradient(130deg,#f0efff,#f8f8fb 50%,#e9e6ff);isolation:isolate}.hero-banner:after{content:"";position:absolute;width:235px;height:235px;right:48px;top:53px;border-radius:40% 60% 55% 45%;background:linear-gradient(145deg,var(--purple),#947eff);box-shadow:0 35px 60px rgba(86,55,221,.28);z-index:-1}.eyebrow,.section-head>div>span,.solution-band>div>div>span,.page-heading>span{display:block;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1.3px}.hero-banner h1{font-size:38px;line-height:1.12;letter-spacing:-1.7px;margin:11px 0 15px}.hero-banner h1 em{font-style:normal;color:var(--purple)}.hero-banner p{font-size:13px;color:#5f6473}.hero-buttons{display:flex;gap:9px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;font-weight:700;font-size:12px}.button.primary{background:var(--purple);color:#fff}.button.light{background:#fff;border:1px solid var(--line)}.hero-art{position:absolute;right:63px;top:100px;width:200px;height:165px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.hero-art span{background:#fff;color:var(--purple);font-weight:800;font-size:11px;padding:12px;border-radius:12px;box-shadow:0 12px 20px rgba(0,0,0,.08)}.hero-art span:first-child{grid-column:1/-1;font-size:24px;text-align:center;background:var(--ink);color:#fff}.hot-deal{padding:26px 22px;background:var(--ink);color:#fff}.deal-label{display:inline-block;padding:5px 9px;border-radius:15px;background:var(--coral);font-weight:700;font-size:10px}.hot-deal h2{font-size:24px;line-height:1.2;margin:18px 0 10px}.hot-deal p{color:#b9becc;font-size:12px}.hot-deal ul{list-style:none;padding:0;margin:24px 0;font-size:12px}.hot-deal li{padding:5px 0}.hot-deal>a{color:#ffe17b;font-weight:700;font-size:12px}.trust-strip{padding:14px 0 30px}.trust-strip .container{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px}.trust-strip .container>div{display:flex;gap:12px;align-items:center;padding:18px 24px;border-right:1px solid var(--line)}.trust-strip .container>div:last-child{border:0}.trust-strip b{width:34px;height:34px;border-radius:10px;background:#eeebff;color:var(--purple);display:grid;place-items:center}.trust-strip span{display:flex;flex-direction:column}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px;color:var(--muted)}
.product-section,.articles-section{padding:48px 0}.product-section:nth-of-type(even){background:#fafafd}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-head h2{font-size:28px;margin:4px 0 0;letter-spacing:-.8px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.section-head>a{font-size:12px;font-weight:700;padding:9px 14px;background:var(--surface);border-radius:20px}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{position:relative;display:block;aspect-ratio:1/1;background:#f7f7f8;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:10px}.mode-badge{position:absolute;left:9px;top:9px;border-radius:12px;padding:4px 8px;color:#fff;font-size:9px;font-weight:800}.mode-rent{background:var(--cyan)}.mode-sell{background:var(--purple)}.mode-both{background:var(--coral)}.product-content{padding:13px}.product-category{font-size:9px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-content h3{font-size:12px;line-height:1.35;height:33px;margin:5px 0}.product-rating{height:16px}.star-rating{font-size:10px}.product-price{color:var(--purple);font-weight:800;font-size:12px;margin-top:7px}.rental-price small{color:var(--muted);font-weight:500}.empty-products{grid-column:1/-1;min-height:160px;border:1px dashed #ccd0da;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-products strong{color:var(--ink)}
.solution-band{background:linear-gradient(115deg,#15192c,#272047);color:#fff;padding:65px 0}.solution-band>.container{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.solution-band h2{font-size:34px;line-height:1.2;margin:9px 0}.solution-band p{color:#bdc1d0}.solution-list{display:flex;flex-direction:column}.solution-list a{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18);padding:17px 3px;font-weight:600}.solution-list b{color:#a999ff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-grid article{border-radius:14px;overflow:hidden}.article-image{display:block;aspect-ratio:16/9;background:var(--surface);border-radius:14px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-grid span{display:block;color:var(--muted);font-size:10px;margin-top:12px}.article-grid h3{font-size:17px;line-height:1.4;margin:5px 0}.article-grid article>a:last-child{font-size:11px;color:var(--purple);font-weight:700}
.site-footer{background:#f4f4f7;padding:56px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:55px}.footer-brand{font-size:28px;font-weight:800;color:var(--purple)}.site-footer h3{font-size:14px;margin:0 0 16px}.site-footer p,.site-footer li{font-size:12px;color:#626776}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{padding:4px 0}.newsletter{background:var(--purple);color:#fff;border-radius:15px;padding:22px}.newsletter p{color:#ded9ff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dddfe5;margin-top:42px;padding:17px 0;font-size:10px;color:#777c89}
.page-shell,.shop-shell,.content-layout{padding-top:55px;padding-bottom:70px}.page-shell.narrow{max-width:850px}.page-heading{margin-bottom:35px}.page-heading h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:8px 0}.entry-content{font-size:16px}.entry-content h2{margin-top:35px}.single-hero{border-radius:18px;margin-bottom:30px}.post-card{display:grid;grid-template-columns:270px 1fr;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.post-card img{border-radius:13px}.post-card h2{margin:5px 0}.not-found{text-align:center;padding:100px 0}.not-found>span{font-size:80px;font-weight:800;color:#e3e0fb}.not-found h1{font-size:38px}.woocommerce .products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;border:1px solid var(--line);padding:12px;border-radius:14px}.woocommerce ul.products li.product img{border-radius:10px;background:#f8f8fa}.woocommerce button.button,.woocommerce a.button,.woocommerce #respond input#submit{background:var(--purple)!important;color:#fff!important;border-radius:9px!important}.woocommerce div.product{padding-top:30px}.woocommerce div.product .product_title{font-size:34px}.woocommerce-message,.woocommerce-info{border-top-color:var(--purple)}
@media(max-width:1050px){.hero-grid{grid-template-columns:210px 1fr}.hot-deal{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-banner{padding-right:45%}.footer-grid{grid-template-columns:repeat(2,1fr)}.woocommerce .products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.container{width:min(100% - 24px,1240px)}.utility-bar,.main-nav,.category-toggle{display:none}.header-row{min-height:70px;gap:7px}.mobile-toggle{display:block}.site-brand{min-width:auto;font-size:21px}.product-search{height:42px}.product-search input{min-width:0;padding:0 12px}.header-actions>a:not(.cart-link){display:none}.header-actions>a{width:40px}.category-drawer{top:70px}.category-drawer.open{display:block}.category-drawer ul{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-categories{display:none}.hero-banner{min-height:430px;padding:36px 28px 220px}.hero-banner:after{width:170px;height:170px;right:35px;top:auto;bottom:30px}.hero-art{right:48px;top:auto;bottom:51px;width:145px;height:120px}.hero-banner h1{font-size:33px}.trust-strip .container{grid-template-columns:1fr 1fr}.trust-strip .container>div{border-bottom:1px solid var(--line);padding:14px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-section,.articles-section{padding:38px 0}.section-head{align-items:start}.section-head h2{font-size:24px}.section-head p{display:none}.solution-band>.container{grid-template-columns:1fr;gap:25px}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{gap:10px}.woocommerce .products{grid-template-columns:repeat(2,1fr)!important}.page-heading h1{font-size:34px}.post-card{grid-template-columns:1fr}}
@media(max-width:420px){.product-grid{gap:8px}.product-content{padding:10px}.header-actions small{display:none}.trust-strip .container{grid-template-columns:1fr}.trust-strip .container>div{border-right:0}.hero-buttons{flex-direction:column;align-items:flex-start}.woocommerce .products{grid-template-columns:1fr!important}}

/* ==================================================
   EOMART PRODUCT CAROUSEL
   ================================================== */

.section-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.section-actions > a {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 9px 14px;
	border-radius: 20px;
	background: var(--surface);
	font-size: 12px;
	font-weight: 700;
}

.carousel-nav {
	display: flex;
	align-items: center;
	gap: 6px;
}

.carousel-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: #ffffff;
	color: var(--ink);
	font-family: inherit;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
	transition: 0.2s ease;
}

.carousel-button:hover {
	border-color: var(--purple);
	background: var(--purple);
	color: #ffffff;
	transform: translateY(-1px);
}

.carousel-button:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	transform: none;
}

.product-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product-carousel .product-grid {
	display: flex;
	grid-template-columns: none;
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 2px 15px;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	overscroll-behavior-inline: contain;
}

.product-carousel .product-grid::-webkit-scrollbar {
	display: none;
}

.product-carousel .product-card {
	flex: 0 0 calc((100% - 60px) / 6);
	min-width: 0;
	scroll-snap-align: start;
}

.product-carousel .empty-products {
	flex: 0 0 100%;
	width: 100%;
}

@media (max-width: 1050px) {
	.product-carousel .product-card {
		flex-basis: calc((100% - 24px) / 3);
	}
}

@media (max-width: 760px) {
	.section-head {
		gap: 14px;
	}

	.section-actions {
		gap: 6px;
	}

	.section-actions > a {
		display: none;
	}

	.carousel-button {
		width: 36px;
		height: 36px;
	}

	.product-carousel .product-grid {
		gap: 8px;
	}

	.product-carousel .product-card {
		flex-basis: calc((100% - 8px) / 2);
	}
}
/* Gambar banner utama Eomart */
.hero-art img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	position: relative;
	z-index: 2;
}
/* ==================================================
   REVISI CAROUSEL EOMART — SATU BARIS
   ================================================== */

.product-carousel {
	position: relative;
	width: 100%;
	overflow: hidden !important;
}

.product-carousel .product-grid {
	display: flex !important;
	flex-wrap: nowrap !important;
	grid-template-columns: none !important;
	gap: 12px !important;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 2px 15px;
	scroll-behavior: auto;
	scroll-snap-type: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.product-carousel .product-grid::-webkit-scrollbar {
	display: none;
}

.product-carousel .product-card {
	flex: 0 0 calc((100% - 60px) / 6) !important;
	width: calc((100% - 60px) / 6) !important;
	min-width: 0;
}

.product-carousel .empty-products {
	flex: 0 0 100%;
	width: 100%;
}

/* Tablet: 3 produk terlihat */
@media (max-width: 1050px) {
	.product-carousel .product-card {
		flex-basis: calc((100% - 24px) / 3) !important;
		width: calc((100% - 24px) / 3) !important;
	}
}

/* Ponsel: 2 produk terlihat */
@media (max-width: 760px) {
	.product-carousel .product-grid {
		gap: 8px !important;
	}

	.product-carousel .product-card {
		flex-basis: calc((100% - 8px) / 2) !important;
		width: calc((100% - 8px) / 2) !important;
	}
}
/* HERO EOMART — FOTO RESPONSIF DESKTOP & HP */
.hero-banner {
	position: relative;
	overflow: hidden;
}

.hero-banner::after {
	display: none !important;
}

.hero-art.hero-photo {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	width: 48% !important;
	height: 100% !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
	pointer-events: none;
	z-index: 1;
}

.hero-art.hero-photo img {
	display: block !important;
	width: auto !important;
	height: 96% !important;
	max-width: 100% !important;
	max-height: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center bottom !important;
}

/* TAMPILAN HP */
@media (max-width: 760px) {
	.hero-art.hero-photo {
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 470px !important;
	}

	.hero-art.hero-photo img {
		width: 100% !important;
		height: 470px !important;
		max-width: 430px !important;
		margin: 0 auto !important;
		object-fit: contain !important;
		object-position: center bottom !important;
	}
}
/* KEMBALIKAN POSISI FOTO HERO HP SEPERTI SEBELUMNYA */
@media (max-width: 760px) {
	.hero-banner {
		position: relative !important;
		min-height: 760px !important;
		padding: 36px 28px 390px !important;
		overflow: hidden !important;
	}

	.hero-art.hero-photo {
		position: absolute !important;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 470px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: flex-end !important;
		justify-content: center !important;
		z-index: 2 !important;
		pointer-events: none !important;
	}

	.hero-art.hero-photo img {
		display: block !important;
		width: 100% !important;
		height: 470px !important;
		max-width: 430px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		object-fit: contain !important;
		object-position: center bottom !important;
		transform: scale(1.30) !important;
        transform-origin: center bottom !important;
	}
}