/* Keep the artwork and controls compact. */
header{position:sticky;top:0;z-index:30;}
html{scroll-padding-top:16px;}
header .topbar{max-width:none;min-height:48px;padding:2px 24px;gap:8px;}
.store-masthead{display:block;width:100%;overflow:hidden;background:#fff;text-align:center;}
.store-masthead img{display:block;width:100%;height:clamp(150px,19vw,290px);margin:auto;object-fit:cover;object-position:center 51%;}
.topics{gap:0 16px;padding:0 16px;}
.topics .topic-link,.topic-item summary,.topics .topic-all{min-height:44px;padding:4px 0;}
@media(min-width:1001px){.topics .collection-title{max-width:none;white-space:nowrap;}}
.campaign{display:block;height:clamp(320px,28vw,460px);min-height:320px;max-height:460px;}
.scoop-slide{background:#e2e6ed;}
.secret-slide{background:#dfe1e5;}
.campaign-slide.scoop-slide .campaign-media,.campaign-slide.secret-slide .campaign-media{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.campaign-slide.keychain-slide .campaign-media{inset:0 0 0 auto;width:min(38vw,600px);height:100%;object-fit:cover;object-position:center;}
.campaign-slide.keychain-slide .campaign-content{width:calc(100% - min(38vw,600px));max-width:none;margin:0;justify-content:center;color:#202720;}
.campaign-slide .campaign-content{padding:28px 40px 62px;}
.campaign h1,.campaign-slide h2{font-size:clamp(38px,4vw,54px);margin-bottom:10px;}
.campaign p{font-size:14px;line-height:1.45;margin-bottom:14px;}
.campaign .eyebrow{margin-bottom:12px;}
.shop{margin-top:12px;}
.shop:not(.catalog-filtered) .section-top,.shop:not(.catalog-filtered) .catalog-tools,#cloudCatalogStatus:empty{display:none;}
.section-top{margin-bottom:14px;}
.catalog-tools{margin-bottom:14px;padding-bottom:8px;}
.scoop-category-bar{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:24px;}
.scoop-category-bar a{min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent;font-size:15px;}
.scoop-category-bar a[aria-current=page]{border-color:var(--blue);color:var(--blue);}
.scoop-category-pending{padding:24px 0;max-width:65ch;line-height:1.7;}
#page-scoop>[hidden],.scoop-category-pending[hidden]{display:none!important;}
.included-accessory{font:400 14px/1.6 'DM Sans',Arial,sans-serif;color:var(--muted);margin:12px 0;}
@media(max-width:900px){
  header .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:4px 16px;gap:0;}
  .topbar>.header-contacts{grid-column:1;grid-row:1;justify-self:start;}
  .topbar>.head-tools{grid-column:2;grid-row:1;}
}
@media(max-width:600px){
  .store-masthead img{width:100%;height:120px;object-position:center 51%;}
  .campaign{height:440px;min-height:440px;max-height:none;}
  .campaign-slide .campaign-content{padding:20px 20px 58px;}
  .campaign h1,.campaign-slide h2{font-size:38px;}
  .campaign-slide.scoop-slide .campaign-media,.campaign-slide.secret-slide .campaign-media{top:225px;left:0;width:100%;height:215px;object-fit:contain;object-position:center bottom;}
  .campaign-slide.scoop-slide .campaign-illustrative{display:none;}
  .campaign-slide.keychain-slide .campaign-content{width:100%;height:205px;max-width:none;justify-content:flex-start;padding:20px 20px 12px;}
  .campaign-slide.keychain-slide .campaign-media{top:205px;bottom:auto;left:0;right:0;width:100%;height:235px;transform:none;object-fit:cover;object-position:center;}
  .topics{padding:2px 16px;gap:0 16px;}
  .shop{margin-top:12px;}
  .scoop-category-bar{gap:4px 16px;}
}

/* Keep the controls in the blue announcement stripe; categories stay white. */
body>header{background:#0756D8;color:#fff;border-color:rgba(255,255,255,.22);}
.topic-nav,.mobile-categories{background:#fff;color:#222723;border-color:#DADDD5;}
body>header .notice{min-height:48px;padding:0 16px;}
body>header .topbar{position:absolute;top:0;right:16px;display:flex;flex-wrap:nowrap;align-items:center;max-width:none;width:auto;height:100%;min-height:0;margin:0;padding:0;gap:2px;background:transparent;}
body>header .header-contacts{margin-left:0;padding-right:8px;}
body>header .header-contacts{border-color:rgba(255,255,255,.28);}
body>header .header-contacts a,body>header .header-contacts button,
body>header .head-tools .account-icon,body>header .icon-btn,body>header .burger{color:#fff;}
body>header .header-contacts a:hover,body>header .header-contacts button:hover,
body>header .head-tools .account-icon:hover,body>header .icon-btn:hover{color:#DCEBFF;}
.topic-nav .topics>.topic-link,.topic-nav .topics>.topic-all,
.topic-nav .topics>.topic-item>summary{color:#222723;}
.topic-nav .topics>.topic-link:hover,.topic-nav .topics>.topic-all:hover,
.topic-nav .topics>.topic-item>summary:hover{color:#0756D8;}
.topic-nav .topics>.topic-item>summary::after,.topic-nav .collection-visual,
.mobile-categories .categories-chevron{color:#A75830;}
.topic-nav .topics>.topic-link.collection-active,
.topic-nav .topics>.topic-all.collection-active,
.topic-nav .topics>.topic-item.collection-active>summary,
.topic-nav .topics>.topic-item[open]>summary{color:#0756D8;box-shadow:inset 0 -2px #0756D8;}
.topic-nav .topics>.topic-item>summary::before,
.topic-nav .topics>.topic-all::before{background:#0756D8;}
.topic-nav .topics>.topic-link[data-collection=secretbox],
:root[data-theme=dark] .topic-nav .topics>.topic-link[data-collection=secretbox]{color:#8924B5;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .topic-nav .topics>.topic-link[data-collection=secretbox] .collection-title,
  :root[data-theme=dark] .topic-nav .topics>.topic-link[data-collection=secretbox] .collection-title{background:none;-webkit-text-fill-color:currentColor;animation:none;}
}
@media(max-width:900px){
  body>header .notice{justify-content:flex-start;}
  body>header .notice>span:last-child{display:none;}
}
@media(max-width:600px){
  body>header .notice{justify-content:flex-start;min-height:46px;padding:0 10px;font-size:10px;}
  body>header .topbar{right:8px;gap:0;}
  body>header .header-contacts{gap:0;padding-right:4px;}
  body>header .header-contacts a,body>header .header-contacts button,
  body>header .head-tools .account-icon,body>header .head-tools .icon-btn{width:36px;min-width:36px;height:44px;min-height:44px;}
  .mobile-categories{background:#fff;color:#222723;border-color:#DADDD5;}
  .topic-nav .topics>.topic-item,.topic-nav .topics>.topic-all,
  .topic-nav .topics>.topic-link{border-color:#DADDD5;}
  .topic-nav .topic-panel{background:#fff;border-left-color:#0756D8;}
  .topic-nav .topic-panel a{color:#222723;}
  .topic-nav .topic-panel a:first-child{color:#0756D8;}
}
@media(max-width:420px){
  body>header .notice{min-height:84px;justify-content:center;align-items:flex-start;padding:8px 10px 50px;}
  body>header .topbar{top:auto;right:0;bottom:0;left:0;justify-content:center;height:48px;}
  body>header .header-contacts a,body>header .header-contacts button,
  body>header .head-tools .account-icon,body>header .head-tools .icon-btn{width:44px;min-width:44px;}
}

.section-top .catalog-title-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:600px){
  .campaign{height:310px;min-height:310px;max-height:310px;}
  .campaign .campaign-slide .campaign-media{inset:0 0 0 auto;width:44%;height:100%;object-fit:cover;object-position:68% center;transform:none;}
  .campaign .campaign-slide.keychain-slide .campaign-media{object-position:center;}
  .campaign .campaign-slide .campaign-content{width:56%;height:100%;max-width:none;margin:0;padding:15px 7px 48px 14px;justify-content:center;align-items:flex-start;color:#202720;}
  .campaign .campaign-slide .eyebrow{font-size:9px;line-height:1.2;gap:5px;margin-bottom:6px;}
  .campaign .campaign-slide .eyebrow::before{width:12px;flex:0 0 12px;}
  .campaign .campaign-slide h2{font-size:clamp(24px,7vw,30px);line-height:1.05;margin-bottom:8px;overflow-wrap:anywhere;}
  .campaign .campaign-slide p{font-size:11px;line-height:1.35;max-width:none;margin-bottom:9px;}
  .campaign .campaign-slide .btn{min-height:36px;padding:7px 9px;font-size:11px;white-space:normal;text-align:center;}
  .campaign-controls{bottom:4px;}
}