/* ==========================================================================
   ADP — Archive Produk Mesin Digital Printing (Pixel Perfect Update)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap');

:root {
	--adp-primary: #0265d6; /* Biru utama yang akurat */
	--adp-primary-hover: #0253b3;
	--adp-primary-light: #e6f0fb;
	--adp-green: #22c55e;
	--adp-text: #1e293b;
	--adp-text-muted: #64748b;
	--adp-border: #e2e8f0;
	--adp-bg-body: #ffffff;
	--adp-bg-soft: #f8fafc;
	--adp-radius: 16px;
	--adp-radius-sm: 8px;
	--adp-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.adp-page { color: var(--adp-text); background: var(--adp-bg-body); font-family: inherit; }
.adp-page * { box-sizing: border-box; }
.adp-container { max-width: 1200px; margin: 0 auto; padding: 0 0px; }

/* ---------- Buttons ---------- */
.adp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-weight: 600; font-size: 14.5px; padding: 12px 20px; border-radius: var(--adp-radius-sm);
	border: 1.5px solid transparent; cursor: pointer; text-decoration: none;
	transition: all 0.2s ease; line-height: 1.2;
}
.adp-btn--pill { border-radius: 999px; padding: 14px 28px; }
.adp-btn--primary { background: var(--adp-primary); color: #fff; border-color: var(--adp-primary); }
.adp-btn--primary:hover { background: var(--adp-primary-hover); border-color: var(--adp-primary-hover); color: #fff; }
.adp-btn--outline { background: #fff; color: var(--adp-primary); border-color: var(--adp-border); }
.adp-btn--outline:hover { border-color: var(--adp-primary); }
.adp-btn--ghost { background: transparent; color: var(--adp-text-muted); border-color: var(--adp-border); width: 100%; }
.adp-btn--ghost:hover { background: #fff; color: var(--adp-primary); }
.adp-btn--sm { padding: 9px 14px; font-size: 13.5px; }

/* ---------- Hero ---------- */
.adp-hero {
	position: relative; overflow: hidden;
	border-radius: 16px;
	background: #f4f8fe; /* Latar biru sangat lembut */
	padding: 40px 40px 60px;
	margin: 32px auto 0;
	width: calc(100% - 0px);
	max-width: 1200px;
}
.adp-hero__bg-shape {
	position: absolute; top: -10%; right: -5%; width: 55%; height: 120%;
	background: #e6f0ff; transform: skewX(-15deg); border-radius: 60px; z-index: 0;
}
.adp-hero__inner { position: relative; z-index: 1; }

.adp-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--adp-text-muted); margin-bottom: 32px; }
.adp-breadcrumb a { color: var(--adp-text-muted); text-decoration: none; }
.adp-breadcrumb a:hover { color: var(--adp-primary); }
.adp-breadcrumb__current { color: var(--adp-text); font-weight: 500; }

.adp-hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 40px; align-items: center; }

.adp-eyebrow {
	display: inline-block; background: var(--adp-primary-light); color: var(--adp-primary);
	font-size: 12px; font-weight: 700; letter-spacing: 0.04em; padding: 6px 14px;
	border-radius: 999px; margin-bottom: 20px;
}

.adp-hero__title { font-size: clamp(32px, 4vw, 44px); line-height: 1.15; font-weight: 800; color: #0f172a; margin: 0 0 16px; }
.adp-hero__title--accent { color: var(--adp-primary); }
.adp-hero__desc { color: var(--adp-text-muted); font-size: 16px; line-height: 1.6; max-width: 540px; margin: 0 0 32px; }

.adp-hero__features { list-style: none; margin: 0 0 36px; padding: 0; display: grid; grid-template-columns: repeat(4, auto); gap: 24px; }
.adp-hero__features li { display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--adp-text); font-weight: 500; line-height: 1.3; }
.adp-hero__feature-icon {
	width: 44px; height: 44px; border-radius: 12px; background: transparent; color: var(--adp-primary);
	display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--adp-primary-light);
}

.adp-hero__visual { position: relative; }
.adp-hero__image { width: 100%; height: auto; display: block; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1)); }
.adp-hero__tagline {
	position: absolute; top: -30px; right: 20px; font-family: 'Caveat', cursive, sans-serif;
	color: var(--adp-primary); font-size: 24px; line-height: 1.2; text-align: center; transform: rotate(-6deg);
}

/* ---------- Layout Shop ---------- */
.adp-shop { padding-top: 48px; padding-bottom: 48px; }
.adp-shop__grid { display: grid; grid-template-columns: 280px 1fr; gap: 32px; align-items: start; }

/* ---------- Sidebar (Satu kesatuan abu-abu terang) ---------- */
.adp-sidebar__inner { background: var(--adp-bg-soft); border-radius: var(--adp-radius); padding: 24px; }

.adp-filter-title { display: block; font-size: 15px; font-weight: 700; color: var(--adp-text); margin-bottom: 12px; }
.adp-sidebar__search { margin-bottom: 28px; }
.adp-search-box { position: relative; }
.adp-search-box input {
	width: 100%; padding: 12px 40px 12px 16px; border: 1px solid var(--adp-border);
	border-radius: var(--adp-radius-sm); font-size: 13.5px; background: #fff;
}
.adp-search-box svg { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--adp-text-muted); }

.adp-filter-group { margin-bottom: 24px; border-bottom: 1px solid var(--adp-border); padding-bottom: 16px; }
.adp-filter-group:last-of-type { border-bottom: none; margin-bottom: 20px; padding-bottom: 0; }
.adp-filter-toggle {
	display: flex; align-items: center; justify-content: space-between; width: 100%;
	font-size: 15px; font-weight: 700; color: var(--adp-text); background: none; border: none;
	padding: 0 0 16px; cursor: pointer;
}
.adp-filter-group.is-collapsed .adp-filter-group__body { display: none; }
.adp-filter-toggle svg { transition: transform 0.2s ease; color: var(--adp-text); }
.adp-filter-group.is-collapsed .adp-filter-toggle svg { transform: rotate(-90deg); }

/* Custom Checkbox & Radio */
.adp-checkbox, .adp-radio {
	display: flex; align-items: center; font-size: 13.5px; color: var(--adp-text-muted);
	padding: 6px 0; cursor: pointer; position: relative; user-select: none;
}
.adp-checkbox input, .adp-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.adp-checkbox__mark, .adp-radio__mark {
	width: 18px; height: 18px; border: 1.5px solid var(--adp-border); background: #fff;
	margin-right: 10px; display: flex; align-items: center; justify-content: center;
	border-radius: 4px; transition: all 0.2s ease; flex-shrink: 0;
}
.adp-radio__mark { border-radius: 50%; }
.adp-checkbox input:checked ~ .adp-checkbox__mark, .adp-radio input:checked ~ .adp-radio__mark {
	background: var(--adp-primary); border-color: var(--adp-primary);
}
.adp-checkbox input:checked ~ .adp-checkbox__mark::after {
	content: ""; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0;
	transform: rotate(45deg); margin-bottom: 2px;
}
.adp-radio input:checked ~ .adp-radio__mark::after {
	content: ""; width: 8px; height: 8px; background: white; border-radius: 50%;
}
.adp-checkbox input:checked ~ .adp-checkbox__label, .adp-radio input:checked ~ .adp-radio__label {
	color: var(--adp-text); font-weight: 500;
}
.adp-checkbox em { margin-left: auto; font-style: normal; color: var(--adp-text-muted); font-size: 12px; }
.adp-sidebar__actions { margin-top: 10px; }

/* ---------- Toolbar ---------- */
.adp-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
.adp-toolbar__sort select {
	border: 1px solid var(--adp-border); border-radius: var(--adp-radius-sm); padding: 10px 16px; font-size: 14px; color: var(--adp-text); font-weight: 500; cursor: pointer;
}
.adp-toolbar__right { display: flex; align-items: center; gap: 20px; }
.adp-toolbar__count { font-size: 13.5px; color: var(--adp-text-muted); }
.adp-toolbar__view { display: flex; gap: 8px; }

/* Perbaikan Tombol Grid/List */
.adp-view-btn {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	padding: 0 !important; /* Membuang padding bawaan tema yang bikin melar */
	display: flex !important; 
	align-items: center; 
	justify-content: center;
	border: 1px solid var(--adp-border) !important;
	background: #fff !important;
	border-radius: var(--adp-radius-sm); 
	color: #94a3b8 !important; 
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: none !important;
}
.adp-view-btn svg {
	width: 18px !important;
	height: 18px !important;
	fill: currentColor !important; /* Memaksa SVG memunculkan warna */
	display: block;
}
.adp-view-btn:hover {
	color: var(--adp-primary) !important;
	border-color: var(--adp-primary) !important;
}
.adp-view-btn.is-active { 
	background: var(--adp-primary-light) !important; 
	color: var(--adp-primary) !important; 
	border-color: var(--adp-primary-light) !important; 
}

/* ---------- Grid Produk ---------- */
.adp-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.adp-product-grid.adp-view--list { grid-template-columns: 1fr; }

/* Kartu Produk - Pixel Perfect */
.adp-product-card {
	position: relative; background: #fff; border: 1px solid var(--adp-border); border-radius: var(--adp-radius);
	overflow: hidden; display: flex; flex-direction: column; transition: all 0.3s ease;
}
.adp-product-card:hover { box-shadow: var(--adp-shadow); border-color: transparent; transform: translateY(-3px); }
.adp-view--list .adp-product-card { flex-direction: row; align-items: center; }
.adp-view--list .adp-product-card__media { width: 280px; flex-shrink: 0; }
.adp-view--list .adp-product-card__body { flex: 1; border-top: none; border-left: 1px solid var(--adp-border); }

.adp-product-card__media { position: relative; display: block; background: #fff; aspect-ratio: 4/3; padding: 20px; }
.adp-product-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; }

.adp-badge {
	position: absolute; top: 16px; left: 16px; z-index: 2; font-size: 11px; font-weight: 700;
	padding: 5px 12px; border-radius: 999px; color: #fff; letter-spacing: 0.02em;
}
.adp-badge--blue { background: var(--adp-primary); }
.adp-badge--green { background: var(--adp-green); }

/* ---------- Wishlist Button (Love Icon) ---------- */
.adp-wishlist-btn {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	z-index: 5 !important;
	
	/* Paksa bentuk bulat sempurna */
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
	margin: 0 !important;
	
	/* Tampilan default (belum di-like) */
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
	
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	
	color: #94a3b8 !important; /* Warna outline hati abu-abu */
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	
	/* Buang style bawaan Astra */
	font-size: 0 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	overflow: visible !important;
}

.adp-wishlist-btn svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	stroke: currentColor !important;
	fill: none !important;          /* Hati kosong (outline) saat belum like */
	stroke-width: 2 !important;
	pointer-events: none;
}

/* Hover */
.adp-wishlist-btn:hover {
	color: #f43f5e !important;      /* Merah muda saat hover */
	border-color: #fecdd3 !important;
	background: #fff !important;
	transform: scale(1.05);
}

/* Saat sudah di-like (aktif) */
.adp-wishlist-btn.is-active {
	color: #e11d48 !important;      /* Merah */
	border-color: #fecdd3 !important;
	background: #fff1f2 !important;
}

.adp-wishlist-btn.is-active svg {
	fill: #e11d48 !important;       /* Hati terisi penuh warna merah */
	stroke: #e11d48 !important;
}

.adp-product-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; border-top: 1px solid var(--adp-border); }
.adp-product-card__meta { margin-bottom: 12px; }
.adp-product-card__cat-pill {
	display: inline-block; background: var(--adp-bg-soft); color: var(--adp-text-muted);
	font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--adp-border);
}

.adp-product-card__name { margin: 0 0 12px; font-size: 17px; line-height: 1.4; }
.adp-brand-text { display: block; font-size: 14px; color: var(--adp-primary); font-weight: 700; margin-bottom: 4px; }
.adp-product-card__name a { color: var(--adp-text); text-decoration: none; font-weight: 700; }
.adp-product-card__name a:hover { color: var(--adp-primary); }

.adp-product-card__specs { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.adp-product-card__specs li { font-size: 13px; color: var(--adp-text-muted); padding-left: 14px; position: relative; }
.adp-product-card__specs li::before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #94a3b8; }

.adp-product-card__price { margin-top: auto; padding-top: 4px; margin-bottom: 20px; }
.adp-price-label { display: block; font-size: 12px; color: var(--adp-text-muted); margin-bottom: 2px; }
.adp-price-amount { font-size: 18px; color: var(--adp-text); font-weight: 800; }
.adp-price-amount .woocommerce-Price-amount { font-size: 18px; font-weight: 800; }
.adp-product-card__price del { font-size: 13px; color: #94a3b8; font-weight: 400; margin-right: 6px; }

.adp-product-card__actions { display: flex; gap: 10px; }
.adp-product-card__actions .adp-btn { flex: 1; padding: 10px; font-size: 13px; border-radius: var(--adp-radius-sm); }
.adp-product-card__actions .adp-btn svg { width: 15px; height: 15px; }

/* ---------- Pagination ---------- */
.adp-pagination { margin: 40px 0 0; display: flex; justify-content: center; }
.adp-pagination ul { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; }
.adp-pagination a, .adp-pagination span {
	display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
	border-radius: var(--adp-radius-sm); border: 1px solid var(--adp-border); color: var(--adp-text); text-decoration: none; font-size: 14px; font-weight: 600;
}
.adp-pagination .current { background: var(--adp-primary); border-color: var(--adp-primary); color: #fff; }

.adp-empty { text-align: center; padding: 80px 20px; color: var(--adp-text-muted); background: #fff; border-radius: var(--adp-radius); border: 1px dashed var(--adp-border); }

/* ---------- CTA Konsultasi (Tema Terang Sesuai Desain) ---------- */
.adp-cta { margin: 40px auto 80px; }
.adp-cta__inner {
	background: var(--adp-primary-light); border-radius: 24px; padding: 48px;
	display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;
	position: relative; overflow: visible;
}
.adp-cta__content .adp-eyebrow { background: #fff; color: var(--adp-text); box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
.adp-cta__content h2 { font-size: 28px; line-height: 1.3; margin: 0 0 16px; font-weight: 800; color: var(--adp-text); }
.adp-cta__content p { color: var(--adp-text-muted); font-size: 15px; line-height: 1.6; margin: 0 0 28px; max-width: 420px; }
.adp-cta .adp-btn--primary { border-radius: 999px; padding: 14px 28px; }

.adp-cta__visual { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.adp-cta__image { width: 100%; max-width: 450px; height: auto; object-fit: contain; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1)); }

.adp-cta__checklist {
	position: absolute; right: -20px; bottom: 0; width: 220px; background: #fff; border-radius: 16px;
	padding: 24px; color: var(--adp-text); box-shadow: var(--adp-shadow); z-index: 2;
}
.adp-cta__checklist ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.adp-cta__checklist li { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 600; line-height: 1.2; }
.adp-check-icon {
	width: 22px; height: 22px; border-radius: 50%; background: var(--adp-primary-light); color: var(--adp-primary);
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

/* ==========================================================================
   Responsive & Mobile Layout (Premium & Proporsional)
   ========================================================================== */

/* ---------- Tablet (Max 1024px) ---------- */
@media (max-width: 1024px) {
	/* Grid Produk */
	.adp-product-grid { grid-template-columns: repeat(2, 1fr); }
	
	/* Hero Features 2 Kolom */
	.adp-hero__features { grid-template-columns: repeat(2, 1fr); gap: 16px 20px; max-width: 540px; }
	
	/* CTA Bawah */
	.adp-cta.adp-container { margin: 40px auto 80px; }
	.adp-cta__inner { padding: 40px 30px; grid-template-columns: 1fr; text-align: center; }
	.adp-cta__content p { margin: 0 auto 28px; }
	.adp-cta__checklist { right: 50%; transform: translateX(50%); bottom: -40px; width: max-content; padding: 16px 24px; }
	.adp-cta__checklist ul { flex-direction: row; gap: 24px; }
}

/* ---------- Tablet Portrait & Mobile Besar (Max 768px) ---------- */
@media (max-width: 768px) {
	/* Tata Letak Utama */
	.adp-shop__grid { display: flex; flex-direction: column; gap: 24px; }
	.adp-sidebar { order: -1; margin-bottom: 8px; width: 100%; }
	.adp-results { order: 2; width: 100%; }
	
	/* Hero Section */
	.adp-hero__grid { grid-template-columns: 1fr; text-align: center; gap: 24px; }
	.adp-hero__desc { margin: 0 auto 24px; }
	.adp-hero__bg-shape { display: none; }
	
	/* Paksa Hero Features 2 Kolom (2x2) dan Rata Tengah */
	.adp-hero__features {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px 12px !important;
		max-width: 440px;
		margin: 0 auto 32px !important;
		padding: 0;
		justify-content: center;
	}
	.adp-hero__features li {
		display: flex; align-items: center; justify-content: flex-start;
		gap: 12px; margin: 0; text-align: left;
	}
	.adp-hero__feature-icon {
		width: 44px; height: 44px; min-width: 44px; border-radius: 12px; flex-shrink: 0;
	}
	
	/* Toolbar (Urutkan & Tampilan) */
	.adp-toolbar { flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 20px; }
	.adp-toolbar__sort select { width: 100%; padding: 12px; }
	.adp-toolbar__right { width: 100%; justify-content: space-between; }
}

/* ---------- Mobile Standar (Max 560px) ---------- */
@media (max-width: 560px) {
	/* Hero Penyesuaian Ukuran */
	.adp-hero__title { font-size: 28px; }
	
	.adp-hero__features { gap: 12px 10px !important; max-width: 100%; padding: 0 4px; }
	.adp-hero__feature-icon { width: 38px; height: 38px; min-width: 38px; border-radius: 10px; }
	.adp-hero__feature-icon svg { width: 16px; height: 16px; }
	.adp-hero__features li { gap: 8px; }
	.adp-hero__features li > span:last-child { font-size: 11.5px; line-height: 1.35; font-weight: 600; }

	/* -------------------------------------------
	   Grid Produk Premium: 2 Kolom Sejajar
	   ------------------------------------------- */
	.adp-product-grid.adp-view--grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	
	/* Perkecil ruang agar tidak sesak */
	.adp-view--grid .adp-product-card__media { padding: 10px; }
	.adp-view--grid .adp-product-card__body { padding: 12px; }
	
	/* Sesuaikan ukuran Badge & Wishlist */
	.adp-view--grid .adp-badge { font-size: 9.5px; padding: 4px 8px; top: 8px; left: 8px; }
	.adp-view--grid .adp-wishlist-btn { 
		width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; 
		top: 8px !important; right: 8px !important; 
	}
	.adp-view--grid .adp-wishlist-btn svg { width: 15px !important; height: 15px !important; }

	/* Sembunyikan spek mesin agar kartu lebih rapi dan tingginya seragam */
	.adp-view--grid .adp-product-card__specs { display: none; }
	
	/* Sesuaikan Teks */
	.adp-view--grid .adp-product-card__cat-pill { font-size: 9px; padding: 3px 8px; margin-bottom: 8px; }
	.adp-view--grid .adp-brand-text { font-size: 11px; margin-bottom: 2px; }
	.adp-view--grid .adp-product-card__name { font-size: 13px; margin-bottom: 8px; line-height: 1.35; }
	
	/* Sesuaikan Harga */
	.adp-view--grid .adp-product-card__price { margin-bottom: 12px; }
	.adp-view--grid .adp-price-label { font-size: 10.5px; }
	.adp-view--grid .adp-price-amount, 
	.adp-view--grid .adp-price-amount .woocommerce-Price-amount { font-size: 14.5px; }

	/* Susun tombol menjadi vertikal (atas-bawah) agar tidak hancur */
	.adp-view--grid .adp-product-card__actions { flex-direction: column; gap: 6px; }
	.adp-view--grid .adp-product-card__actions .adp-btn { padding: 8px 6px; font-size: 11.5px; width: 100%; border-radius: 6px; }
	.adp-view--grid .adp-product-card__actions .adp-btn svg { width: 13px; height: 13px; }

	/* -------------------------------------------
	   List View Mobile (Tetap 1 Kolom)
	   ------------------------------------------- */
	.adp-product-grid.adp-view--list { grid-template-columns: 1fr; gap: 16px; }
	.adp-view--list .adp-product-card { flex-direction: column; }
	.adp-view--list .adp-product-card__media { width: 100%; padding: 16px; border-bottom: 1px solid var(--adp-border); }
	.adp-view--list .adp-product-card__body { border-left: none; border-top: none; }

	/* -------------------------------------------
	   CTA Konsultasi
	   ------------------------------------------- */
	.adp-cta__inner {
		display: flex;
		flex-direction: column;
		padding: 40px 24px;
		text-align: center;
	}

	.adp-cta__content { 
		width: 100%; 
	}
	
	.adp-cta__content p { 
		margin: 0 auto 24px; 
	}

	/* Mengatur area gambar dan kotak putih menjadi susun bawah */
	.adp-cta__visual {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 16px;
	}

	/* Mengatur ukuran gambar printer agar pas di HP */
	.adp-cta__image {
		max-width: 280px; 
		width: 100%;
		margin: 0 auto 16px;
	}

	/* Menarik kotak putih (checklist) kembali ke dalam */
	.adp-cta__checklist {
		position: relative !important; /* Mematikan efek melayang keluar layar */
		right: 0 !important;
		bottom: 0 !important;
		transform: none !important;
		width: 100%;
		max-width: 320px; /* Lebar maksimal kotak putih */
		padding: 20px 24px;
		margin: 0 auto;
		border-radius: 16px;
		box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
		border: 1px solid var(--adp-border);
	}

	.adp-cta__checklist ul {
		flex-direction: column !important; /* Memastikan list tersusun ke bawah */
		gap: 14px;
		align-items: flex-start; /* Ikon dan teks sejajar rata kiri di dalam kotaknya */
	}
}

/* ---------- Mobile Sangat Kecil (Max 380px) ---------- */
@media (max-width: 380px) {
	/* Mencegah fitur dan produk pecah di layar sangat sempit (ex: iPhone SE) */
	.adp-hero__features { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 8px !important; }
	.adp-hero__feature-icon { width: 32px; height: 32px; min-width: 32px; border-radius: 8px; }
	.adp-hero__features li > span:last-child { font-size: 10.5px; }
	
	.adp-view--grid .adp-product-card__name { font-size: 12px; }
	.adp-view--grid .adp-price-amount, 
	.adp-view--grid .adp-price-amount .woocommerce-Price-amount { font-size: 13.5px; }
}

/* Filter Kategori & Brand tanpa kotak checklist */
.adp-checkbox--plain .adp-checkbox__mark { display: none; }
.adp-checkbox--plain {
	padding: 6px 10px;
	border-radius: 6px;
	transition: background 0.2s ease;
}
.adp-checkbox--plain:hover { background: var(--adp-bg-soft); }

/* Penanda item yang sedang dipilih */
.adp-checkbox--plain:has(input:checked) { background: var(--adp-primary-light); }
.adp-checkbox--plain input:checked ~ .adp-checkbox__label {
	color: var(--adp-primary);
	font-weight: 600;
}