@font-face{font-family:ExploreHand;src:url('/carousel/fonts/SingleDay-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:ExploreChalet;src:url('/_original/icanbe.barbie.com/resources/fonts/Chalet-NewYorkEighty.woff') format('woff');font-display:swap}

/* Home only. The curved gold edge is supplied by the carousel's lower frame. */
.home-explore{position:relative;z-index:10;width:990px;margin:105px auto 0;color:#c81691;text-align:left;padding:0 12px 24px}
.home-explore::before{content:"";position:absolute;z-index:-1;inset:0 calc((990px - max(990px,var(--footer-viewport-width,100vw))) / 2) -70px;background:linear-gradient(#ffe2f080,#fff 88%);pointer-events:none}
.home-explore-top{display:grid;grid-template-columns:274px minmax(0,1fr);align-items:start;gap:8px}
/* Keep the supplied Barbie artwork fully visible within the footer column. */
.home-explore-barbie{height:278px;margin-left:-12px;background:url('/images/home-footer/barbie-pink-feathers.png?v=2') center bottom/contain no-repeat;position:relative}
.home-explore-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:0}
.home-explore-caption{position:relative;height:83px;display:flex;align-items:flex-start;gap:4px;color:#f00091}
.home-explore-icon{width:62px;height:62px;flex-shrink:0;transform:rotate(-9deg);filter:drop-shadow(1px 2px 0 #fff)}
.home-explore-caption p{margin:4px -5px 0 0;font:italic 25px/.98 ExploreHand,cursive;text-align:center;transform:rotate(-5deg)}
.home-explore-feature:last-child .home-explore-caption p{font-size:21px;white-space:nowrap}
.home-explore-feature:last-child .home-explore-icon{width:50px}
.home-explore-swoop{position:absolute;right:25px;bottom:0;font:40px/1 ExploreHand,cursive;transform:rotate(17deg)}
.home-explore-card{display:block;padding:4px;border:1px solid #ffc4e0;border-radius:16px;background:white;box-shadow:0 3px 3px #a3487355;color:white;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.home-explore-card-space{position:relative;display:block;height:118px;overflow:hidden;isolation:isolate;border-radius:11px 11px 0 0;background:linear-gradient(145deg,#ffe6f4,#ffd0e8)}
.home-explore-card-space img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:saturate(.84) contrast(.94) brightness(1.05) sepia(.08)}
.home-explore-card-space::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffd8ec 0%,#edcefa 55%,#ffcadf 100%);mix-blend-mode:soft-light;opacity:.42;pointer-events:none}
.home-explore-card-label,.home-explore-button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#ff60ba 0%,#f6249e 45%,#df087e 100%);box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -2px 0 #a90c6129,0 2px 5px #aa1c6526;color:#fff;text-decoration:none;text-shadow:0 1px 1px #a20b5a55;font-family:ExploreChalet,Arial,Helvetica,sans-serif;font-weight:400;transition:color .24s ease,text-shadow .24s ease,box-shadow .24s ease}
.home-explore-card-label>span,.home-explore-button>span{position:relative;z-index:2}
/* A pale gold surface with fine pearl glitter fades in beneath the text. */
.home-explore-card-label::before,.home-explore-button::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;opacity:0;background:url("/images/home-footer/button-glitter.svg") center/317px 83px repeat,linear-gradient(180deg,#fff8c9,#ffe982 52%,#f8ce54);transition:opacity .24s ease;pointer-events:none}
.home-explore-card-label::after,.home-explore-button::after{content:"";position:absolute;z-index:1;inset:-50% -20%;background:linear-gradient(110deg,transparent 35%,#ffffff80 49%,transparent 63%);transform:translateX(-120%);pointer-events:none}
.home-explore-card:not([aria-disabled="true"]):is(:hover,:focus-visible) .home-explore-card-label,.home-explore-button:is(:hover,:focus-visible){color:#84224e;text-shadow:0 1px 0 #fff8;box-shadow:inset 0 1px 0 #fff, inset 0 -2px 0 #d5a43b40,0 3px 9px #c9a94a33}
.home-explore-card:not([aria-disabled="true"]):is(:hover,:focus-visible) .home-explore-card-label::before,.home-explore-button:is(:hover,:focus-visible)::before{opacity:1}
.home-explore-card:not([aria-disabled="true"]):is(:hover,:focus-visible) .home-explore-card-label::after,.home-explore-button:is(:hover,:focus-visible)::after{animation:explore-button-sheen .75s ease-out both}
@keyframes explore-button-sheen{to{transform:translateX(120%)}}
.home-explore-card-label{border-radius:10px;min-height:39px;margin-top:4px;padding:4px 8px;font-size:22px;white-space:nowrap}
.home-explore-card-label>span:first-child{flex:1;text-align:center}
.home-explore-arrow{position:relative;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;background:#ffffff18;box-shadow:inset 0 0 0 2px #ffffff24,0 1px 2px #92094b26;transition:background .24s ease,box-shadow .24s ease}
.home-explore-arrow svg{display:block;width:100%;height:100%;transition:transform .24s ease}
.home-explore-card:not([aria-disabled="true"]):is(:hover,:focus-visible) .home-explore-arrow,.home-explore-button:is(:hover,:focus-visible) .home-explore-arrow{background:#ffffff70;box-shadow:inset 0 0 0 2px #fff6,0 1px 3px #a7792329}
.home-explore-card:not([aria-disabled="true"]):is(:hover,:focus-visible) .home-explore-arrow svg,.home-explore-button:is(:hover,:focus-visible) .home-explore-arrow svg{transform:translateX(1px)}
.home-explore-bottom{display:grid;grid-template-columns:1fr 1fr;margin:5px 22px 0;padding-top:13px;border-top:1px dashed #ffa6da;gap:15px}
.home-explore-bottom h2{margin:0 0 4px;color:#f00091;font:italic 29px/1.1 ExploreHand,cursive;letter-spacing:-1px;white-space:nowrap}
.home-explore-bottom p{margin:0;font:600 12px/1.45 Arial,Helvetica,sans-serif}
.home-explore-blog{display:grid;grid-template-columns:100px minmax(0,1fr) 124px;gap:0 8px;position:relative;align-items:center;padding:3px 0 10px}
.home-explore-diary{grid-row:1/3;width:100px;height:110px;background:url('/images/home-footer/design-reference.png') -35px -385px/990px auto no-repeat;transform:rotate(-3deg)}
.home-explore-blog-copy{display:contents}
.home-explore-blog h2{grid-column:2/4;align-self:end}
.home-explore-blog p{grid-column:2;grid-row:2;align-self:start}
.home-explore-blog .home-explore-button{grid-column:3;grid-row:2;align-self:start;justify-self:end;min-width:124px;margin:0}
.home-explore-button{width:max-content;min-height:35px;padding:4px 8px;border:3px solid white;border-radius:13px;box-shadow:0 2px 2px #b53d775c;font-size:14px;transition:transform .18s ease,box-shadow .18s ease}
.home-explore-button .home-explore-arrow{width:21px;height:21px;flex-basis:21px}
.home-explore-grownups{position:relative;padding:0 0 0 55px;border-left:1px dashed #ffa6da}
.home-explore-grownups h2{color:#f6a000}
.home-explore-star{position:absolute;top:-7px;left:13px;color:#ffc624;font-size:49px;line-height:1;text-shadow:1px 2px white;transform:rotate(-12deg)}
.home-explore-shops{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.home-explore-card:not([aria-disabled="true"]):hover,.home-explore-button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #a3487333}
.home-explore-card:focus-visible,.home-explore-button:focus-visible{outline:3px solid #a11676;outline-offset:4px}
.home-explore-card:active,.home-explore-button:active{transform:translateY(1px)}
.home-layout .site>footer{margin-top:0;background:#fff}
@media(max-width:700px){
  .home-explore{left:50%;width:100vw;max-width:none;transform:translateX(-50%);zoom:calc(1 / var(--site-scale,1));padding:0 16px 22px;margin-top:105px;background:linear-gradient(#ffe2f0,#fff 95%)}
  .home-explore::before{display:none}
  .home-explore-top{display:block}
  .home-explore-barbie{width:274px;margin:0 auto;height:260px}
  .home-explore-features{gap:10px}
  .home-explore-caption{height:128px;display:block;text-align:center}
  .home-explore-icon{width:39px;height:39px}
  .home-explore-caption p,.home-explore-feature:last-child .home-explore-caption p{font-size:20px;margin:0}
  .home-explore-swoop{display:none}
  .home-explore-card-space{height:80px}
  .home-explore-card-label{font-size:15px;line-height:1.1;padding:5px 3px;gap:3px;min-height:47px}
  .home-explore-feature:last-child .home-explore-card-label{font-size:12px;white-space:nowrap}
  .home-explore-feature:last-child .home-explore-caption p{white-space:normal}
  .home-explore-card-label{white-space:normal}
  .home-explore-card-label .home-explore-arrow{width:19px;height:19px;flex-basis:19px}
  .home-explore-bottom{grid-template-columns:1fr;margin:24px 0 0;gap:18px}
  .home-explore-bottom h2{font-size:27px;white-space:normal}
  .home-explore-blog{grid-template-columns:95px minmax(0,1fr)}
  .home-explore-blog h2{grid-column:2}
  .home-explore-blog p{grid-column:2}
  .home-explore-blog .home-explore-button{grid-column:2;grid-row:3;margin-top:8px}
  .home-explore-diary{grid-row:1/4}
  .home-explore-diary{width:95px}
  .home-explore-grownups{border-left:0;border-top:1px dashed #ffa6da;padding-top:20px;padding-bottom:8px}
  .home-explore-star{top:15px}
  .home-explore-shops{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.home-explore-card,.home-explore-button,.home-explore-card-label,.home-explore-arrow,.home-explore-arrow svg,.home-explore-card-label::before,.home-explore-button::before{transition:none}.home-explore-card-label::after,.home-explore-button::after{animation:none!important;display:none}}

.archive-coming-soon {
  position: absolute;
  z-index: 3;
  top: 15%;
  right: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .3em;
  width: 57%;
  box-sizing: border-box;
  padding: .38em .45em;
  border: 3px solid #fff;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffbce7 0%, #ff75c5 46%, #ef2997 49%, #d9097b 100%);
  box-shadow: 0 0 0 1px #e32a92, 1px 4px 0 #a80c6533, 0 5px 9px #73174a38;
  color: #fff;
  font: italic 900 7cqw/1.1 'Trebuchet MS', Arial, sans-serif;
  white-space: nowrap;
  text-shadow: 0 1px 2px #a20062;
  transform: rotate(11deg);
  pointer-events: none;
}
.archive-coming-soon::before {
  content: '\2726';
  color: #fff3a7;
  font-style: normal;
  text-shadow: 0 1px 1px #d86e26;
}

.home-explore-archive-soon{position:relative;container-type:inline-size}
.home-explore-archive-soon .home-explore-card{position:relative}
.home-explore-archive-soon .archive-coming-soon{top:50%;left:50%;right:auto;width:90%;font-size:18px;transform:translate(-50%,-50%) rotate(11deg)}
.home-explore-card[aria-disabled="true"]{cursor:default}
