/* GoodPick365-scoped output wrappers for aa_insert_ad. */
.aa-insert-ad{
	margin:12px 0;
	max-width:100%;
	overflow-x:auto;
}
.aa-insert-ad-align-center{text-align:center}
.aa-insert-ad-align-left{text-align:left}
.aa-insert-ad-align-right{text-align:right}
.aa-insert-ad img{max-width:100%;height:auto}
.aa-insert-ad iframe{max-width:100%}

/* Mobile page slots: 390×60 creative, scaled down with the viewport. */
.aa-insert-ad-mobile-page-top,.aa-insert-ad-mobile-fixed-bottom{display:none}
@media(max-width:767px){
	.aa-insert-ad-mobile-page-top{display:block;box-sizing:border-box;width:100%;max-width:390px;margin:0 auto;padding:0;overflow:hidden;text-align:center}
	.aa-insert-ad-mobile-page-top img,.aa-insert-ad-mobile-page-top iframe,
	.aa-insert-ad-mobile-fixed-creative img,.aa-insert-ad-mobile-fixed-creative iframe{display:block;width:100%;max-width:390px;height:auto;margin:0 auto}
	.aa-insert-ad-mobile-page-top iframe,.aa-insert-ad-mobile-fixed-creative iframe{aspect-ratio:6.5/1}
	.aa-insert-ad-mobile-fixed-bottom{position:fixed;z-index:1250;right:0;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;max-width:390px;margin:0 auto;padding:0;overflow:visible;background:transparent;text-align:center}
	.aa-insert-ad-mobile-fixed-creative{width:100%;max-width:390px;overflow:hidden}
	.aa-insert-ad-mobile-fixed-close{position:absolute;top:-28px;right:0;display:grid;place-items:center;box-sizing:border-box;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:6px 6px 0 0;background:rgba(7,20,38,.94);color:#fff;font:700 20px/1 sans-serif;cursor:pointer}
	html.aa-mobile-fixed-ad-open .gp-site{box-sizing:border-box;padding-bottom:var(--aa-mobile-fixed-ad-space,0px)}
}
@media(min-width:768px){.aa-insert-ad-mobile-page-top,.aa-insert-ad-mobile-fixed-bottom{display:none!important}}

/* JS enables these only when both gutters outside the measured 1320px wrapper fit. */
.aa-insert-ad-side{
	display:none;
	position:fixed;
	width:160px;
	z-index:5;
	margin:0;
	overflow:hidden;
}
.aa-insert-ad-side img{
	display:block;
	width:100%;
	max-width:160px;
	height:auto;
}
.aa-insert-ad-side iframe{
	display:block;
	width:160px;
	max-width:160px;
}

/* Viewport width is a second guard; server-side mobile detection also omits the DOM. */
@media(max-width:767px){
	.aa-insert-ad-side{display:none!important}
}

/* PC bottom creative reused when the measured side gutters cannot fit both ads. */
.aa-insert-ad-top-common{
	display:none;
	margin:16px auto;
	width:100%;
	max-width:970px;
	padding:0;
	text-align:center;
}
.aa-insert-ad-top-common img{
	display:inline-block;
	width:100%;
	max-width:970px;
	height:auto;
	margin:0 auto;
}
.aa-insert-ad-top-common iframe{
	display:block;
	width:100%;
	max-width:970px;
	margin:0 auto;
}
/* Only replace the parent's normal top spacing while the fallback is visible. */
html.gp-side-ad-fallback-active .gp-site .gp-main>.gp-width{
	padding-top:8px;
}
@media(max-width:767px){
	.aa-insert-ad-top-common{display:none!important}
}

/* Mobile-only list feed slot. The addon JS repeats this slot between list items. */
.aa-insert-ad-mobile-list-middle[hidden]{display:none!important}
.aa-insert-ad-mobile-list-middle{
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:468px;
	min-width:0;
	margin:12px auto;
	overflow:hidden;
}
.aa-insert-ad-mobile-list-middle img{
	display:block;
	max-width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
.aa-insert-ad-mobile-list-middle iframe{
	display:block;
	width:100%;
	max-width:468px;
	margin-right:auto;
	margin-left:auto;
}
.gp-ls-body>.aa-insert-ad-mobile-list-middle,
.gpa-grid>.aa-insert-ad-mobile-list-middle{
	justify-self:center;
}
.gpa-grid>.aa-insert-ad-mobile-list-middle{
	grid-column:1/-1;
}
@media(min-width:768px){
	.aa-insert-ad-mobile-list-middle{display:none!important}
}
