:root {
	--color-pink: #e15561;
	--color-red: #ea002a;
	--color-ct-red: #a40606 ; 
	--color-dark-red: #860505 ; 
	--color-janky-red: #b20016 ; /* ugly non-brand red */
    --color-popup-pink: #f4a6a6;
    --color-popup-background: #c21313;
	--color-janky-yellow: #fbc131;
	--color-janky-highlight: #ffd671;
	--color-mystery: #ebd3c2;
	--border-weight: min(0.2rem, calc(0.1rem + 0.5vw));
	--font-size-pbobs: min(1.25rem, calc(0.5em + 2.15vw));
	--circle-deco-size:75em;
}

@media (min-width:48em) {
	:root {
		--font-size-pbobs: min(1.25rem, calc(0.2em + 1.25vw));
	}
}

main .cmp-container > .hero,
main .cmp-container > .text {
	font-size: var(--font-size-pbobs);
	font-family:Poppins;
	font-weight:500;
}
main .cmp-container > .text {
	border-top: var(--border-weight) solid #fff;
}
main .content_wrapper {
	max-width: 75rem;
	width: calc(100% - 2rem);
}

.pbobs-hero {
	background:var(--color-janky-red);
	height:32em;
	position:relative;
	overflow: hidden;
	text-align:center;
	color:#fff;
	font-size:min(1.25rem, 4vw);
}
.pbobs-hero::before {
	content:'';
	background:var(--color-pink);
	border-radius:100%;
	position:absolute; 
	left:50%; bottom:35%;
	width:calc(60% + 18em);
	height:36em;
	transform:translate(-50%,0);
	border:var(--border-weight) solid #fff;
	z-index:auto;
}
.pbobs-hero section {
	height:100%;
}
.pbobs-hero .content_wrapper,
.pbobs-hero .rich-text {
	position:static;
	height:100%;
}
.pbobs-hero .content_wrapper::before {
	display:none;
}

.eyebrow {
	color:#f6d178;
	font-family:Pinup;
	margin:0 0 0.5em;
	text-shadow:0.1em 0.1em 0.4em #0009;
	text-transform:uppercase;
}
.eyebrow-sorry {
	display:block;
	text-align:left;
	position:relative;
}
.pbobs-hero-title {
	position:absolute;
	left:50%;
	top: 1em;
	transform:translate(-85%, 0);
}
.pbobs-hero h1 {
	background: url(oyp-lockup.svg) 0 0 / auto 7.2em no-repeat;
	color: #fff0;
	text-align:left;
	padding: 0.05em 2em 1em 0.1em;
	font-size: 1em;
	margin: 0.25em 0 0.25em -0.1em;
	line-height: 1;
	text-shadow:none;
}
.pbobs-hero h1 span {
	display:block;
}
.pbobs-hero h1 span:nth-child(2) {
	font-size: 459%;
	letter-spacing: 0.06em;
	margin: -0.05em -0.05em;
}
.pbobs-hero h1 span:nth-child(3) {
	font-size: 127%;
	margin: -0.4em 0 0 0.2em;
}
.pbobs-hero span.pbobs-h1-soldout {
	font-size: 150%;
	color: #f6d178;
	font-family: Pinup;
	margin: 1em 0 -0.5em;
	text-shadow:0.1em 0.1em 0.4em #0009;
	text-transform:uppercase;
}
.pbobs-hero p {
	margin: 0.5em auto;
	text-shadow: 0.1em 0.1em 0.4em #0009;
	/* font-weight:bold; */
}
.pbobs-hero-img {
	height: 13em;
	top: 4.5em;
	position:absolute;
	width: 23em;
	max-width:none;
	left:50%;
	transform: translate(-50%, 0);
}
.pbobs-hero-img img {
	height:100%;
	position: absolute;
	left: 0;
	object-fit: contain;
	top: 0;
}
.pbobs-hero-desktop-img {
	display:none;
}
.pbobs-hero-mobile-img {
	display:block;
}
.pbobs-hero-msg {
	position:absolute; 
	top:83%;
	left:50%;
	transform:translate(-50%, -50%);
	width:24em;
}
.pbobs-hero-countdown {
	background:var(--color-dark-red);
	color:var(--color-janky-yellow);
	visibility:hidden;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	position:absolute;
	left:50%;
	top:63%;
	transform:translate(-50%, -50%);
	border-top-left-radius: 1em 100%;
	border-top-right-radius: 1em 100%;
	border-bottom-left-radius: 1em 100%;
	border-bottom-right-radius: 1em 100%;
	line-height:1;
}
.pbobs-show-countdown .pbobs-hero-countdown {
	visibility:visible;
	width:auto;
	display:block;
	padding: 0.5em;
}
.pbobs-hero-countdown-row {
	display:flex;
	font-size:75%;
}
.pbobs-show-countdown .decoration-question,
.pbobs-show-countdown .decoration-crisps  {
	display:none;
}
.pbobs-hero-countdown-row .pbobs-starts-in {
	padding:0 0.75em;
	text-align:center;
}
.pbobs-hero-countdown-row div:not(:first-child) {
	white-space:nowrap;
	border-left: 0.1em solid;
	margin: 0 0 0 0.15em;
	min-width: 5.25em;
	text-align: center;
}
.pbobs-hero-countdown b {
	font-family:Pinup, sans-serif;
	font-size:2.5em;
	display: inline-block;
	/* width: 1.5em; */
	text-align: center;
}
.pbobs-during-countdown {
	display:none;
}
.pbobs-show-countdown .pbobs-post-countdown {
	display:none;
}
.pbobs-show-countdown .pbobs-during-countdown {
	display:block;
}

@media (min-width:48em) {
	.pbobs-hero {
		height: 24em;
		text-align:left;
		font-size: var(--font-size-pbobs);
	}
	.pbobs-hero::before {
		width:200em;
		height:100em;
		left:auto;
		top:50%;
		right:50%;
		margin-right: -3em;
		transform:translate(0, -50%);
		z-index: 2;
	}
	.pbobs-hero .rich-text {
		height:100%;
		display:flex;
		align-items:center;
	}
	.pbobs-hero-countdown {
		background:var(--color-ct-red);
		position: relative;
		z-index: 3;
		top:auto;
		left:auto;
		width:3.5em;
		padding: 1.75em 1em;
		border-top-left-radius:100% 1em;
		border-top-right-radius:100% 1em;
		border-bottom-left-radius:100% 1em;
		border-bottom-right-radius:100% 1em;
		transform:none;
		overflow:hidden;
	}
	.pbobs-hero-countdown-row {
		display:block;
		font-size: 90%;
		padding: 0.75em 0 0;
	}
	.pbobs-show-countdown .decoration-question  {
		display:initial;
	}
	.pbobs-show-countdown .decoration-stache  {
		display:none;
	}
	.pbobs-hero-countdown-row .pbobs-starts-in {
		padding:0;
	}
	.pbobs-hero-countdown b {
		font-size:3em;
	}
	.pbobs-hero-countdown-row div:not(:first-child) {
		border:none;
		border-top:0.1em solid;
		margin: 0.75em 0;
		padding: 0.75em 0 0;
		min-width: 5.5em;
	}
	.pbobs-hero-title {
		position:static;
		transform:none;
	}
	.pbobs-hero h1 {
		font-size:1.42em;
	}
	.pbobs-hero-intro {
		font-size: 107%;
		padding-left: 1.5em;
		position: relative;
		z-index: 3;
	}
	.pbobs-hero .decoration {
		z-index: 3;
	}
	.pbobs-hero-soldout .pbobs-hero-intro {
		font-size: 100%;
	}
	.pbobs-hero-soldout .pbobs-hero-smaller {
		font-size:95%;
	}
	.pbobs-hero-smaller .pbobs-hero-msg {
		font-size:87.5%;
	}
	.pbobs-hero-msg {
		position:static;
		transform:none;
	}
	.pbobs-hero-img {
		transform:none;
		height: 100%;
		width: 50%;
		max-width: 33em;
		top: 0;
		z-index: 1;
	}
	.pbobs-hero-desktop-img {
		display:block;
	}
	.pbobs-hero-mobile-img {
		display:none;
	}
}

/* decorative sprites, desktop elements */
.decoration {
	position:absolute;
	font-size:min(1rem, 3.5vw);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:5em;
	height:5em;
	margin:-2.5em;
	pointer-events:none;
}
.desktop-only { 
	display:none;
}
.decoration-crisps {
	top: 66%;
	left: calc(50% - 11em);
	background-image:url(./small-svgs/crisps.svg);
	transform:rotate(45deg);
}
.decoration-question {
	background-image:url(./small-svgs/question.svg);
	top: 65%;
	left: calc(50% + 12em);
}
.decoration-interrobang {
	top: 8%;
	left: calc(50% + 12em);
	background-image:url(./small-svgs/interrobang.svg);
	background-size:80% auto;
	transform:rotate(20deg);
}

@media (min-width:48em) {
	.mobile-only { 
		display:none;
	}
	.desktop-only { 
		display:initial;
	}
	.decoration {
		font-size: min(1.15rem, 1.5vw);
	}
	.decoration-stache {
		background-image:url(./small-svgs/stache.svg);
		transform:rotate(-45deg);
		top:15%;
		left: calc(50% - 29em);
	}
	.decoration-question {
		top: 57%;
		left: calc(50% - 2em);
	}
	.decoration-interrobang {
		top:15%;
		left: calc(50% - 6em);
	}
	.decoration-crisps {
		top:70%;
		left: calc(50% - 29em);
	}
	.pbobs-show-countdown .decoration-question {
		top: 50%;
		left: calc(50% - 1em);
	}
}


main .button-cta {
	color:var(--color-dark-red);
	background:var(--color-janky-yellow);
	border:0.25em solid ;
	box-shadow:0 0.25em 0.1em #0004;
	padding: 0.75em 1.5em;
	min-width:0;
	border-radius:2em;
	line-height: 0.9em;
	font-size:1em;
}
main .button-cta:hover,
main a:hover .button-cta {
	transform:none;
	background:var(--color-janky-highlight);
	box-shadow:0 0.4em 0.2em #0003;
}
main .button-cta::after {
	display:none;
}
main a:focus,
main a:focus .button-cta,
main button:focus {
	outline:medium solid #ffffff;
}

main section {
	/* max-width:75rem; */
	margin:0 auto;
}



.pbobs-about {
	color:#fff;
	background:var(--color-pink);
	font-size: var(--font-size-pbobs);
	overflow:hidden;
	position: relative;
	text-align:center;
}
.pbobs-about::before,
.pbobs-quiz::before {
	content:'';
	background:var(--color-janky-red);
	border-radius:100%;
	position:absolute; 
	left:50%; top:3em;
	width:var(--circle-deco-size);
	height:var(--circle-deco-size);
	max-width:150vw;
	max-height:150vw;
	transform:translate(-50%,0);
	border:var(--border-weight) solid #fff;
}
.pbobs-about .content_wrapper {
	padding:4em 0 6em;
	position:relative;
}
.pbobs-about h2 {
	/* margin-top:-2em; */
	/* padding-top: 0.5em; */
	font-size:1.5em;
	color:inherit;
}
.pbobs-about strong,
.pbobs-about b {
	display:block;
	font-family:Pinup;
}
.pbobs-about h2::before {
	content:'';
	display:block;
	position:absolute;
	right: -1em;
	left: -1em;
	top: 0.5em;
	background: url(./keychains.png) center top / contain no-repeat;
	padding-top: 5em;
}
.pbobs-about h2 + p {
	max-width:31em;
}
.pbobs-about .pbobs-logo {
	font-size:1.5em;
	background:url(pringamabobs-logo.svg) center / contain no-repeat;
	color: #fff0;
	display: inline-block;
	padding: 0.4em 0.2em;
}

.pbobs-about .decoration-crisps {
	top: 85%;
	left: 25%;
}
.pbobs-about .decoration-stache {
	top: 85%;
	left: 75%;
	background-image:url(./small-svgs/stache.svg);
	transform:rotate(0deg);
}
@media (min-width:48em) {
	.pbobs-about::before,
	.pbobs-quiz::before {
		max-width:105vw;
		max-height:105vw;
	}
	.pbobs-about h2 {
		font-size: 2em;
		padding-top:0;
	}
	.pbobs-about h2::before {
	}
	.pbobs-about .content_wrapper {
		padding:4em 0 2em;
	}
	.pbobs-about .decoration-crisp {
		top: 10%;
		left: 90%;
		background-image:url(./small-svgs/crisp.svg);
	}
	.pbobs-about .decoration-oyp {
		top: 10%;
		left: 10%;
		background-image:url(./small-svgs/oyp-bang.svg);
		transform:rotate(-30deg);
		width:8em;
		height:6.5em;
		margin-left:-4em;
	}
	.pbobs-about .decoration-oyp {
		left: 17%;
	}
	.pbobs-about .decoration-crisps {
		left:5%;
		top: 33%;
	}
	.pbobs-about .decoration-stache {
		top: 35%;
		left:95%;
	}
}

.pbobs-quiz {
	color:#fff;
	background:var(--color-pink);
	font-size: var(--font-size-pbobs);
	overflow:hidden;
	position: relative;
	text-align:center;
}
.pbobs-quiz::before {
	top:auto;
	bottom:1em;
}
.pbobs-quiz .content_wrapper {
	margin:1em auto;
	padding:2em 0 6em;
	position:relative;
}
.pbobs-quiz h2 {
	font-size:1.5em;
	color:inherit;
	margin-bottom:1em;
}
.pbobs-quiz .pbob-logo {
	font-size:1em;
	background:url(./pringamabob.svg) center / contain no-repeat;
	color: #fff0;
	display: inline-block;
	padding: 0.4em 0.2em;
}

.decoration-char {
	font-size:min(1em, 3.5vw);
	width:7em;
	margin-left:-3.5em;
}
.decoration-char:nth-child(1) {
	left: 14%;
	top: 14%;
}
.decoration-char:nth-child(2) {
	left: 9%;
	top: 48%;
}
.decoration-char:nth-child(3) {
	left: 15%;
	top: 80%;
}
.decoration-char:nth-child(4) {
	left:86%;
	top:14%;
}
.decoration-char:nth-child(5) {
	left:92%;
	top:48%;
}
.decoration-char:nth-child(6) {
	left:85%;
	top:80%;
}
.char-duckalips { background-image:url(./characters/duckalips.svg); }
.char-crispybara { background-image:url(./characters/crispybara.svg); }
.char-crunchback { background-image:url(./characters/crunchback.svg); }
.char-snaxolotl { background-image:url(./characters/snaxolotl.svg); }
.char-puptato { background-image:url(./characters/puptato.svg); }
.char-pringypus { background-image:url(./characters/pringypus.svg); }

@media (min-width:48em) {
	.decoration-char {
		font-size:125%;
	}
	.decoration-char:nth-child(2),
	.decoration-char:nth-child(5) {
		top:52%;
	}
	.decoration-char:nth-child(3) {
		left:20%;
	}
	.decoration-char:nth-child(6) {
		left:80%;
	}
	.decoration-mrp {
		top:85%;
		left:5%;
		width: 6em;
		margin-left: -3em;
		background-image:url(./small-svgs/mrp.svg);
	}
	.decoration-collectemall {
		top:85%;
		left: 92%;
		background-image:url(./small-svgs/collectemall.svg);
		width:8em;
		margin-left:-4em;
	}
	.pbobs-quiz .pbob-logo {
		font-size:1.5em;
	}
	.pbobs-quiz .content_wrapper {
		padding: 1em 0 2em;	
	}
	.pbobs-quiz h2 {
		font-size: 2em;
	}
}




.pbobs-slider-wrapper {
	background:#000;
}
.pbobs-slider-wrapper section {
	position:relative;
	max-width:100rem;
}
.pbobs-slider-wrapper .tns-nav {
	display:none;
}
.pbobs-slider-wrapper .tns-nav ~ div+div {
	padding:0;
}
.pbobs-slider-wrapper .tns-controls {
	color:#fff;
}
.pbobs-slider-wrapper .tns-ovh {
	overflow:visible !important;
}
.pbobs-slide {
	position:relative;
	overflow:hidden;
}
.pbobs-slide::before {
	content:'';
	display:block;
	position:relative;
	padding-top:66.77%;
}
.pbobs-slide img {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
.pbobs-slide > div {
	font-size:min(1em, 3vw);
} 
.pbobs-slide h2,
.pbobs-slide h2 span {
	position:relative;
} 
.pbobs-slide h2::before {
	content:'';
	display:block;
	position:absolute;
	left:0.9em;
	right:0.9em; 
	top:0.15em; 
	bottom:0.15em; 
	background:#fff;
	box-shadow: -1.2em 0.45em 0 -0.5em #fff;
}
.pbobs-slide h2::after {
	content: '';
	display: block;
	position: absolute;
	left: 93%;
	top: 71%;
	width: 16%;
	height: 62%;
	transform: rotate(40deg);
	background: url(./small-svgs/crisps-border.svg) center / contain no-repeat;
}
.pbobs-slide h2 {
	position:absolute;
	font-size:2.5em;
	left:40%;
	top:25%;
	transform:translate(-50%,-50%);
	margin:0;
	text-shadow: 0.1500em 0.0000em 0 #fff, 
	 0.1449em 0.0388em 0 #fff, 
	 0.1299em 0.0750em 0 #fff, 
	 0.1061em 0.1061em 0 #fff, 
	 0.0750em 0.1299em 0 #fff, 
	 0.0388em 0.1449em 0 #fff, 
	 0.0000em 0.1500em 0 #fff, 
	 -0.0388em 0.1449em 0 #fff, 
	 -0.0750em 0.1299em 0 #fff, 
	 -0.1061em 0.1061em 0 #fff, 
	 -0.1299em 0.0750em 0 #fff, 
	 -0.1449em 0.0388em 0 #fff, 
	 -0.1500em 0.0000em 0 #fff, 
	 -0.1449em -0.0388em 0 #fff, 
	 -0.1299em -0.0750em 0 #fff, 
	 -0.1061em -0.1061em 0 #fff, 
	 -0.0750em -0.1299em 0 #fff, 
	 -0.0388em -0.1449em 0 #fff, 
	 -0.0000em -0.1500em 0 #fff, 
	 0.0388em -0.1449em 0 #fff, 
	 0.0750em -0.1299em 0 #fff, 
	 0.1061em -0.1061em 0 #fff, 
	 0.1299em -0.0750em 0 #fff, 
	 0.1449em -0.0388em 0 #fff; 
} 
.pbobs-slide-overlay {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	padding:1.5em;
	background:#000d;
	color:#fff;
	margin:0 -1px;
	backdrop-filter:blur(4px);
} 

.tns-controls button[data-controls] {
	font-size:80%;
	padding:0.25em;
	filter:drop-shadow(0 0 0.25em #0009);
}
.tns-controls button[data-controls]::before,
.tns-controls button[data-controls]::after {
	box-shadow:0 0 0 0.1em;
}
.tns-controls button[data-controls="prev"]::before,
.tns-controls button[data-controls="prev"]::after {
	left:0.33em;
}
.pbobs-slide-overlay h3 {
	font-size:1.5em;
	margin:0 0 0.5em;
} 
.pbobs-slide-overlay h3 span {
	font-size:48%;
	margin-top:0.2em;
	display:block;
	color:var(--color-janky-yellow);
} 
.pbobs-slide-overlay p {
	margin:0.5em 0 0;
} 
.pbobs-slide-puptato .pbobs-slide-overlay {
	bottom:auto;
	top:0;
}
.pbobs-slide .decoration {
	display:none;
}
@media (min-width:48em) {
	.tns-controls button[data-controls] {
		font-size:100%;
	}
	.tns-controls button[data-controls="prev"]::before,
	.tns-controls button[data-controls="prev"]::after {
	}
	.tns-slider .pbobs-slide {
		opacity:0.1;
		transition:opacity 0.5s, filter 0.5s;
	}
	.tns-slider .pbobs-slide.tns-slide-active {
		opacity:1;
	}
	.pbobs-slide::before {
		padding-top:53.3125%;
	}
	.pbobs-slide > div {
		font-size:min(2rem, 2vw);
	}
	.pbobs-slide h3 {
		font-size:2em;
	}
	.pbobs-slide h2 {
		font-size:3.5em;
		top:30%;
	}
	.pbobs-slide .pbobs-slide-overlay {
		top:0;
		bottom:0;
		right:auto;
		display:flex;
		flex-direction:column;
		justify-content: center;
		width:16em;
		padding:2em 5rem;
	} 
	.pbobs-slide-snax .pbobs-slide-overlay {
		right:0;
		left:auto;
	}
	
	.pbobs-slide .decoration {
		display:block;
	}
	.pbobs-slide .decoration-question {
		top:15%;
		left:80%;
		width:8em;
		margin:-2em -4em;
		background-image:url(./small-svgs/question.svg);
	}
	.pbobs-slide .decoration-mrp {
		top:85%;
		left:20%;
		width:8em;
		margin:-2em -4em;
		background-image:url(./small-svgs/mrp.svg);
	}
	.pbobs-slide .decoration-crisps {
		top:15%;
		left:80%;
		width:8em;
		margin:-2em -4em;
		background-image:url(./small-svgs/crisps.svg);
	}
	.pbobs-slide .decoration-popstache {
		top:85%;
		left:20%;
		width:8em;
		margin:-2em -4em;
		background-image:url(./small-svgs/popstache.svg);
	}
	.pbobs-slide .decoration-crisp {
		top:85%;
		left:20%;
		width:8em;
		margin:-2em -4em;
		background-image:url(./small-svgs/crisp.svg);
	}
	.pbobs-slide .decoration-oyp {
		top:15%;
		left:80%;
		width:8em;
		height:6em;
		margin:-2em -4em;
		background-image:url(./small-svgs/oyp-bang.svg);
	}
	.pbobs-slide-snax .decoration-popstache {
		top:85%;
		left:85%;
	}
	.pbobs-slide-snax .decoration-crisps {
		top:15%;
		left:15%;
		transform:rotate(-5deg);
	}
	.pbobs-slide-crispybara .decoration-question {
	}
	.pbobs-slide-crispybara .decoration-popstache {
		top:85%;
		left:20%;
	}
	.pbobs-slide .decoration-stache {
		top:80%;
		left:80%;
		width:6em;
		height:6em;
		transform:rotate(-30deg);
	}
	.pbobs-slide-puptato .decoration-crisps {
		top:20%;
		left:10%;
		transform:rotate(-10deg);
	}
	.pbobs-slide-pringypus .decoration-question {
		top:15%;
		left:15%;
	}
	.pbobs-slide-pringypus .decoration-crisps {
		top:85%;
		left:80%;
		transform:rotate(10deg);
	}
}






.pbobs-mystery {
	padding:2em 0;
	background:var(--color-mystery) url(./mystery-bg-mobile.jpg) center / 100% auto no-repeat;
	overflow:hidden;
	text-align:center;
}
.pbobs-mystery .content_wrapper {
	position:relative;
}
.pbobs-mystery .rich-text {
	padding-left:30%;
	min-height:50vw;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.pbobs-mystery-text {
	color:#0000;
	padding:0.3em 0.1em;
	font-size:1.5em;
	background:url(./mystery-flavor.svg) center / contain no-repeat;
	margin:0 auto 0.25em;
	line-height:1;
	position:relative;
}
.pbobs-mystery p {
	margin:0 auto 1em;
	font-weight:bold;
	max-width:28em;
	font-family:Pinup;
}
.decoration-yellow-question {
	left: 38%;
	top: 100%;
	background-image:url(./small-svgs/yellow-question.svg);
	background-size:60% auto;
}
.decoration-yellow-crisp {
	left: 95%;
	top: -5%;
	background-image:url(./small-svgs/yellow-crisp.svg);
	transform:rotate(25deg);
	background-size:70% auto;
}
@media (min-width:48em) {
	.pbobs-mystery {
		background: var(--color-mystery) url(./mystery-bg.jpg) center / auto calc(100% - 2em) no-repeat;
	}
	.pbobs-mystery .rich-text {
		position:relative;
		padding:0;
		margin:0 5% 0 20%;
		min-height: 0;
	}
	.pbobs-mystery-text {
		font-size:3em;
		margin-top:1em;
	}
	.pbobs-mystery-text::before {
		content:'';
		padding-top:1.25em;
		display:block;
		position:relative;
		left:-0.2em;
		margin:-1.25em 0 0.25em;
		background:url(./small-svgs/yellow-oyp.svg) 0 0 / contain no-repeat;
	}
	.pbobs-mystery p {
		font-size:1em;
	}
	.decoration-yellow-question {
		left: -9%;
		top: 9%;
		background-image:url(./small-svgs/yellow-question.svg);
		background-size:contain;
	}
	.decoration-yellow-mrp-heart {
		left:-12%;
		top:80%;
		background-image:url(./small-svgs/yellow-mrp-heart.svg);
	}
	.decoration-yellow-crisp {
		left: 95%;
		top: 90%;
		background-image:url(./small-svgs/yellow-crisp.svg);
		background-size:contain;
	}
	.decoration-yellow-stax {
		left: 89%;
		top: 8%;
		background-image:url(./small-svgs/yellow-stax.svg);
	}
}



main .cmp-container > .pbobs-videos {
	border:none;
}
.pbobs-videos {
	background:var(--color-pink);
	box-shadow: 0 12em 0 var(--color-pink), 0 24em 0 var(--color-pink) 0 36em 0 var(--color-pink);
	border:none;
	color:#fff;
	text-align:center;
	padding-bottom:3em;
}
.pbobs-videos .decoration-mrp {
	background-image: url(./small-svgs/mrp.svg);
	top: 2em;
	left: 5%;
	width:6em;
	margin-left:-3em;
	
}
.pbobs-videos .decoration-question {
	background-image: url(./small-svgs/question.svg);
	top: 1.5em;
	left: 94%;
}
.pbobs-videos .decoration-collectemall {
	background-image: url(./small-svgs/collectemall.svg);
	top: 100%;
	left: 50%;
	width:8em;
	margin-left:-4em;
}
.pbobs-videos .content_wrapper {
	position:relative;
	padding:2em 0;
	display:inline-block;
	width:auto;
}
.pbobs-videos h2 {
	color:#fff;
	font-size: 1.5em;
	margin: 1em auto 1em;
	max-width:12em;
}
.tiktok-thumbnail {
	position:relative;
	border-radius:1em 1em 0 0;
	overflow:hidden;
}
.tiktok-tile {
	background:var(--color-ct-red);
	color:#fff;
	display:block;
	width:calc(100% - 4.5em);
	max-width:20em;
	margin:0 auto 1em;
	padding:.25em 0.25em 4em;
	border-radius:1.25em;
	overflow:hidden;
	position:relative;
	transition:box-shadow 0.05s cubic-bezier(.44,.01,.95,.6);
	box-shadow:0 0 0 -0.25em #9000;
}
a.tiktok-tile:hover {
	transition:box-shadow 0.5s cubic-bezier(.12,.7,.32,.98);
	box-shadow:0 0 0 0.75em #9005;
}
.tiktok-tile .button-cta {
	position: absolute;
	left: 50%;
	bottom: 1.5em;
	width: 8em;
	margin-left: -5.75em;
}
.tiktok-tile h3 {
	font-size:1em;
	margin-bottom: 1em;
	padding:0.33em 0.67em 0;
}
.tiktok-tile .icon--player {
	font-size:100%;
	color:#fff;
}
footer {
	background: var(--color-pink);
}
@media (min-width:48em) {
	.pbobs-videos {
		margin:0;
		padding:0;
	}
	.pbobs-videos h2 {
		font-size: 2em;
		max-width: none;
		margin-top: 0;
	}
	.tiktok-row {
		display:flex;
		gap:1em;
		align-items:stretch;
		margin:0 4em;
	}
	.tiktok-tile h3 {
		font-size:1.5em;
	}
	.pbobs-videos .decoration-mrp {
		top: 35%;
		left: 3%;
		z-index: 1;
	}
	.pbobs-videos .decoration-question {
		top: 25%;
		left: 96%;
	}
	.pbobs-videos .decoration-collectemall {
		top: 94%;
		left: 92%;
		z-index: 1;
	}
}