html:has(.dof-wrap),
body.dof-full-page,
body:has(.dof-wrap){
	margin:0!important;
	padding:0!important;
	background:#080d12!important;
	overflow-x:hidden!important;
}

body:has(.dof-wrap) .wp-site-blocks,
body.dof-full-page .wp-site-blocks{padding:0!important;}

body:has(.dof-wrap) header.wp-block-template-part,
body:has(.dof-wrap) footer.wp-block-template-part,
body:has(.dof-wrap) .wp-block-post-title,
body.dof-full-page header.wp-block-template-part,
body.dof-full-page footer.wp-block-template-part,
body.dof-full-page .wp-block-post-title,
body.dof-full-page .wp-block-query,
body.dof-full-page .wp-block-group:has(> nav){display:none!important;}

body:has(.dof-wrap) main,
body:has(.dof-wrap) .entry-content,
body:has(.dof-wrap) .wp-block-post-content,
body.dof-full-page main,
body.dof-full-page .entry-content,
body.dof-full-page .wp-block-post-content{
	max-width:none!important;
	margin:0!important;
	padding:0!important;
}

body.dof-full-page .dof-wrap,
body:has(.dof-wrap) .dof-wrap{
	box-sizing:border-box!important;
	position:relative!important;
	left:50%!important;
	right:50%!important;
	width:100vw!important;
	max-width:100vw!important;
	margin-left:-50vw!important;
	margin-right:-50vw!important;
}

.dof-wrap{
	min-height:100vh;
	background:#080d12;
	color:#111827;
	padding:24px;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body.dof-full-page.admin-bar .dof-wrap,
body.admin-bar:has(.dof-wrap) .dof-wrap{min-height:calc(100vh - 32px)!important;}

.dof-shell{width:100%;max-width:1120px;margin:0 auto;}

.dof-showcase-title{
	max-width:900px;
	margin:0 auto 24px!important;
	color:#fff!important;
	font-family:Poppins,"Arial Black",sans-serif!important;
	font-size:clamp(1.5rem,4vw,2.8rem)!important;
	font-weight:800!important;
	line-height:1.3!important;
	text-align:center!important;
	text-transform:uppercase;
	letter-spacing:0!important;
}

.dof-showcase-title span{
	display:inline-block;
	background:linear-gradient(90deg,#ffe600 0%,#ff9900 50%,#ee4d2d 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	color:#ff9900;
}

.dof-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
	align-items:stretch;
}

.dof-card{
	--brand:#111827;
	--soft:#f3f4f6;
	position:relative;
	background:#fff;
	border:0;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 12px 28px rgba(15,23,42,.09);
	display:flex;
	flex-direction:column;
	min-height:390px;
	min-width:0;
	transition:transform .18s ease,box-shadow .18s ease;
}

.dof-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.14);}

.dof-store-mercadolivre{--brand:#f2d600;--soft:#fffdf0;--text-brand:#111827;}
.dof-store-shopee{--brand:#ee4d2d;--soft:#fff1ed;}
.dof-store-amazon{--brand:#ff9900;--soft:#fff7ed;--text-brand:#111827;}
.dof-store-magalu{--brand:#0086ff;--soft:#eaf5ff;}

.dof-card-top{
	box-sizing:border-box;
	height:58px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:8px 14px;
	background:linear-gradient(135deg,var(--soft),#fff 72%);
	position:relative;
	z-index:2;
}

.dof-store-logo{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:950;
	color:#111827;
	letter-spacing:-.02em;
}

.dof-store-mercadolivre .dof-store-logo{color:#111827;}

.dof-store-mercadolivre .dof-card-top{background:linear-gradient(135deg,#fffdf4,#fff 82%);}
.dof-store-mercadolivre .dof-logo-mark{box-shadow:0 4px 10px rgba(242,214,0,.08);border-color:rgba(242,214,0,.16);}

.dof-logo-mark{
	width:36px;
	height:36px;
	border-radius:12px;
	background:#fff;
	display:grid;
	place-items:center;
	box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent);
	border:1px solid color-mix(in srgb,var(--brand) 20%,#e5e7eb);
}

.dof-logo-mark img{
	width:26px;
	height:26px;
	object-fit:contain;
	display:block;
}

.dof-logo-word{font-size:14px;line-height:1;}

.dof-discount{
	padding:7px 10px;
	border-radius:999px;
	background:#fff;
	color:#111827;
	border:1px solid color-mix(in srgb,var(--brand) 28%,#e5e7eb);
	font-size:12px;
	font-weight:900;
	box-shadow:0 8px 18px rgba(15,23,42,.08);
}

.dof-store-amazon .dof-discount{
	background:#fff;
	border-color:color-mix(in srgb,var(--brand) 28%,#e5e7eb);
	color:#111827;
}

.dof-image-link{
	display:flex;
	align-items:center;
	justify-content:center;
	height:170px;
	padding:12px 14px;
	background:#f8fafc;
	text-align:center;
	overflow:visible;
	min-width:0;
}

.dof-image-link img{
	box-sizing:border-box!important;
	max-width:none!important;
	max-height:none!important;
	width:100%!important;
	height:100%!important;
	object-fit:contain!important;
	object-position:center!important;
	display:block;
	mix-blend-mode:normal;
	border-radius:10px;
	position:static!important;
	transform:none!important;
	clip-path:none!important;
}

.dof-card-body{
	padding:14px;
	display:flex;
	flex:1;
	flex-direction:column;
	gap:10px;
	min-width:0;
	background:#fff;
	position:relative;
	z-index:2;
}

.dof-card h3{
	margin:0;
	color:#111827;
	font-size:13px;
	font-weight:850;
	line-height:1.2;
	text-align:center;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:31px;
	max-width:100%;
	word-break:break-word;
}

.dof-views{color:#4b5563;font-size:13px;font-weight:850;text-align:center;}

.dof-old-price{
	margin-top:auto;
	margin-bottom:-5px;
	color:#4b5563;
	font-size:12px;
	font-weight:700;
	text-decoration:line-through;
	text-align:center;
}

.dof-price{
	margin-top:auto;
	color:#111827;
	font-size:22px;
	font-weight:950;
	letter-spacing:-.04em;
	text-align:center;
}

.dof-old-price + .dof-price{margin-top:0;}

.dof-button{
	display:flex;
	margin-top:2px;
	align-items:center;
	justify-content:center;
	align-self:center;
	width:auto;
	min-width:0;
	height:42px;
	padding:0 18px;
	border-radius:12px;
	background:linear-gradient(135deg,#22af56 0%,#16a34a 55%,#15803d 100%);
	border:0;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:950;
	font-size:14px;
	white-space:nowrap;
	text-shadow:0 1px 1px rgba(0,0,0,.18);
	box-shadow:0 10px 22px rgba(22,163,74,.32),inset 0 1px 0 rgba(255,255,255,.2);
	transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;
}

.dof-button:hover{
	filter:saturate(1.12) brightness(1.04);
	transform:translateY(-2px);
	box-shadow:0 13px 26px rgba(22,163,74,.4),inset 0 1px 0 rgba(255,255,255,.25);
}

.dof-button:active{transform:translateY(0);filter:brightness(.96);}

.dof-card-pending{display:none;}

.dof-load-status{
	padding:24px 12px 8px;
	color:#9ca3af;
	font-size:13px;
	font-weight:750;
	text-align:center;
}

.dof-infinite-sentinel{width:100%;height:2px;}

.dof-empty,
.dof-license-box{
	max-width:760px;
	margin:60px auto;
	padding:30px;
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 28px rgba(15,23,42,.08);
	text-align:center;
	font-weight:800;
	color:#374151;
}

@media(max-width:1100px){
	.dof-shell{max-width:860px;}
	.dof-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:820px){
	.dof-shell{max-width:590px;}
	.dof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:620px){
	.dof-wrap{padding:12px;}
	.dof-shell{width:100%;max-width:340px;}
	.dof-showcase-title{margin-bottom:18px!important;font-size:clamp(1.35rem,7vw,1.85rem)!important;}
	.dof-grid{grid-template-columns:1fr;gap:16px;}
	.dof-card{border-radius:16px;min-height:0;box-shadow:0 14px 26px rgba(0,0,0,.24);}
	.dof-card-top{height:52px;padding:7px 12px;}
	.dof-logo-mark{width:34px;height:34px;border-radius:10px;}
	.dof-logo-mark img{width:24px;height:24px;}
	.dof-logo-word{font-size:14px;}
	.dof-discount{font-size:12px;padding:6px 9px;}
	.dof-image-link{height:230px;padding:10px 12px;background:#f8fafc;overflow:hidden;}
	.dof-card-body{padding:12px;gap:8px;}
	.dof-card h3{font-size:13px;min-height:31px;}
	.dof-old-price{font-size:12px;color:#4b5563;}
	.dof-price{font-size:22px;text-align:center;}
	.dof-views{text-align:center;}
	.dof-button{height:44px;font-size:14px;border-radius:11px;padding:0 18px;text-align:center;}
}

@media(max-width:390px){
	.dof-wrap{padding:9px;}
	.dof-image-link{height:225px;}
}
