/* Seasonal accent stays on the RIGHT hero panel; original collage and navigation are unchanged. */
body.little-things-home .hero-copy{position:relative;isolation:isolate}
body.little-things-home .hero-release{position:relative;z-index:2}
.holiday-evergreen{position:absolute;inset:-2rem -2rem auto auto;width:68%;height:54%;z-index:-1;opacity:.9;pointer-events:none;background:radial-gradient(circle at 85% 20%,rgba(243,183,78,.3),transparent 48%),repeating-conic-gradient(from 27deg at 97% 3%,transparent 0deg 10deg,rgba(21,96,58,.42) 12deg 15deg,rgba(7,38,22,.75) 16deg 20deg,transparent 21deg 31deg);mask-image:linear-gradient(115deg,transparent 0%,#000 66%)}
.holiday-tree-branch{position:absolute;top:0;right:0;width:90%;height:3px;transform:rotate(-23deg);background:linear-gradient(90deg,transparent,#a47d39)}
.holiday-bell-link{position:absolute;top:-3.4rem;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#ffebba;filter:drop-shadow(0 4px 13px #000a);transform-origin:top center;animation:bell-swing 4s ease-in-out infinite}
.holiday-bow{font-size:30px;line-height:1}.holiday-bell{font-size:34px;line-height:1.2;filter:sepia(.65) saturate(1.5)}
.holiday-bell-caption{text-align:center;max-width:115px;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#0a261bcf;border:1px solid #bb8a4d;border-radius:4px;padding:7px}
.holiday-bell-caption small{display:block;margin-top:3px;font-size:.6rem;color:#f0bd75}
@keyframes bell-swing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
.when-action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding:12px;border:1px solid rgba(229,182,107,.45);border-radius:28px;background:rgba(2,25,18,.56)}
.when-button{font:700 .82rem var(--sans);padding:12px 18px;min-height:44px;color:#10271d;background:linear-gradient(135deg,#f8e4b8,#d5a665);border:0;border-radius:40px;cursor:default;opacity:.8}
.when-listen{background:transparent;color:#f6e9c9;border:1px solid #bca06b}.when-button:disabled{cursor:not-allowed}
.catalog-card.when-single,.catalog-card.holiday-songs,.catalog-card.peaceful-christmas{background:linear-gradient(145deg,#174a34,#031c14);color:#fff6e7}
.catalog-card.when-single>img,.catalog-card.peaceful-christmas>img{width:100%;aspect-ratio:1;object-fit:cover}
.catalog-card.holiday-songs{background:linear-gradient(145deg,#702c24,#184433 75%,#082116)}
.catalog-card.holiday-songs h2,.catalog-card.when-single h2,.catalog-card.peaceful-christmas h2{font:600 clamp(1.8rem,3vw,2.6rem)/1.1 var(--serif);margin:14px 0}
.when-release-label,.christmas-release-label{display:none}html.when-released .when-release-label,html.christmas-released .christmas-release-label{display:block}html.when-released .when-pending-label,html.christmas-released .christmas-pending-label{display:none}
@media(max-width:820px){.holiday-bell-link{top:0;right:1rem}.holiday-evergreen{width:55%}.when-action-bar{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.holiday-bell-link{animation:none}}

/* Custom gold ornament sways from its red ribbon, never flashes or plays sound. */
.holiday-bell-link .holiday-bell-art{display:block;width:clamp(88px,9vw,146px);height:auto;transform-origin:54% 10%;animation:mmm-bell-swing 3.8s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.holiday-bell-link:hover .holiday-bell-art,.holiday-bell-link:focus-visible .holiday-bell-art{animation-duration:1.5s}
@keyframes mmm-bell-swing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.holiday-bell-link,.holiday-bell-link .holiday-bell-art{animation:none!important}}

/* MMM LIVE action is nested beneath its logo: no full-width separator or hero gap. */
.site-header .mmm-brand-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}
.site-header .mmm-brand-stack .header-brand{margin:0}
.site-header .mmm-brand-stack .live-submission-bar{position:static;inset:auto;min-height:0;display:flex;width:auto;padding:0;margin:0;border:0;box-shadow:none;background:transparent;z-index:auto}
.site-header .mmm-brand-stack .live-review-capsule{min-height:34px;padding:4px 12px 4px 6px;border-width:1px;gap:6px}
.site-header .mmm-brand-stack .live-review-icon{height:25px;width:25px;font-size:.85rem}
.site-header .mmm-brand-stack .live-review-capsule strong{font-size:.6rem}
.site-header .mmm-brand-stack .live-review-capsule small{font-size:.48rem;margin-top:2px}
body.live-submission-visible .hero{padding-top:126px}
@media(max-width:1180px){.site-header .mmm-brand-stack .live-submission-bar{position:static;top:auto}.site-header .mmm-brand-stack .live-review-capsule{min-height:32px}body.live-submission-visible .hero{padding-top:126px}}
@media(max-width:620px){.site-header .mmm-brand-stack .live-submission-bar{position:static;top:auto}.site-header .mmm-brand-stack .live-review-capsule strong{font-size:.53rem}body.live-submission-visible .hero{padding-top:126px}}
@media(max-width:360px){.site-header .mmm-brand-stack .live-submission-bar{position:static;top:auto}}

/* Layout repair: put the stacked brand in the brand's original grid slot. */
body .site-header .mmm-brand-stack{
  grid-column:3;grid-row:1;justify-self:center;align-self:center;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  min-width:0;max-width:100%;margin:0;position:relative;
}
body .site-header .mmm-brand-stack .header-brand{
  grid-column:auto;grid-row:auto;justify-self:auto;
  display:flex;justify-content:center;align-items:center;gap:8px;
}
body .site-header .mmm-brand-stack .live-submission-bar{
  position:static!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;width:auto!important;
  margin:0!important;padding:0!important;min-height:0!important;
  background:none!important;box-shadow:none!important;border:0!important;
}
body .site-header .mmm-brand-stack .live-review-capsule{
  min-height:30px;padding:3px 10px 3px 5px;gap:5px;white-space:nowrap;
}
body .site-header .mmm-brand-stack .live-review-icon{height:23px;width:23px;font-size:.78rem}
body .site-header .mmm-brand-stack .live-review-capsule strong{font-size:.57rem}
body .site-header .mmm-brand-stack .live-review-capsule small{font-size:.45rem}
/* The bell is a corner accent, not a second feature competing for space. */
body.little-things-home .hero-release{position:relative}
body.little-things-home .hero-release .holiday-bell-link{
  position:absolute!important;top:-10px!important;right:-10px!important;
  left:auto!important;bottom:auto!important;z-index:6;
  width:74px;max-width:74px;gap:0;animation:none!important;
  filter:none;
}
body.little-things-home .hero-release .holiday-bell-art{
  width:70px!important;height:80px!important;object-fit:contain;
  animation:mmm-bell-swing 4s ease-in-out infinite;
}
body.little-things-home .hero-release .holiday-bell-caption{
  font-size:.46rem;max-width:76px;line-height:1.2;padding:4px 2px;
  margin-top:-3px;letter-spacing:0;
}
body.little-things-home .hero-release .holiday-bell-caption small{font-size:.44rem;margin-top:2px}
body.little-things-home .holiday-evergreen{height:135px;width:37%;pointer-events:none}
/* Desktop first-screen composition: use available screen height instead of 880px + padding. */
@media(min-width:821px){
  body.little-things-home .hero{
    height:100svh;min-height:620px;max-height:none;
    padding:108px 0 0!important;align-items:center;
  }
  body.little-things-home .hero-visual{min-height:0;max-height:100%;align-self:center}
  body.little-things-home .hero-visual img{max-height:calc(100svh - 112px);width:100%;object-fit:contain}
  body.little-things-home .hero-copy{padding:20px clamp(22px,4vw,72px) 25px 10px!important}
  body.little-things-home .hero-release .eyebrow{margin-bottom:12px}
  body.little-things-home .hero-release h1{margin-bottom:12px}
  body.little-things-home .hero-release .intro{line-height:1.52;font-size:clamp(.94rem,1.1vw,1.08rem)}
  body.little-things-home .when-action-bar{margin-top:17px;padding:9px;gap:7px}
  body.little-things-home .when-button{padding:9px 13px;min-height:38px}
  body.little-things-home .upcoming-album{margin-top:16px}
}
@media(max-width:1180px){
  body .site-header .mmm-brand-stack{grid-column:1;grid-row:1;justify-self:center}
  body .site-header .mmm-brand-stack .header-brand{justify-self:center}
  body.little-things-home .hero{padding-top:224px}
}
@media(min-width:821px) and (max-width:1180px){
  body.little-things-home .hero{padding-top:194px!important;min-height:700px}
  body.little-things-home .hero-visual img{max-height:calc(100svh - 194px)}
}
@media(max-width:820px){
  body .site-header .mmm-brand-stack{grid-column:1;grid-row:1;justify-self:start;align-items:flex-start}
  body .site-header .mmm-brand-stack .header-brand{justify-content:flex-start}
  body .site-header .mmm-brand-stack .live-review-capsule{padding:3px 8px;min-height:28px}
  body.little-things-home .hero-release .holiday-bell-link{top:0!important;right:0!important;width:67px;max-width:67px}
  body.little-things-home .hero-release .holiday-bell-art{width:62px!important;height:70px!important}
  body.little-things-home .hero-release .eyebrow{padding-right:76px}
  body.little-things-home .hero-copy{padding-top:15px}
}
@media(max-width:520px){
  body .site-header .mmm-brand-stack .header-brand{font-size:.76rem}
  body .site-header .mmm-brand-stack .live-review-capsule strong{font-size:.5rem}
  body .site-header .mmm-brand-stack .live-review-icon{height:20px;width:20px}
}
@media(prefers-reduced-motion:reduce){body.little-things-home .hero-release .holiday-bell-art{animation:none}}

/* FINAL APPROVED LAYOUT: photo-style ribbon & bell in a tiny corner overlay */
body.little-things-home .holiday-evergreen{display:none!important}
body.little-things-home .hero-release{position:relative!important;min-width:0}
body.little-things-home .hero-release .holiday-bell-link{
  position:absolute!important;top:-15px!important;right:-10px!important;
  left:auto!important;bottom:auto!important;width:140px!important;
  max-width:140px!important;height:140px!important;margin:0!important;
  display:block!important;overflow:visible;z-index:5;animation:none!important;
  transform:none!important;filter:none!important;
}
body.little-things-home .hero-release .holiday-bell-link .holiday-bell-art{
  display:block!important;width:140px!important;height:125px!important;
  object-fit:contain;transform:none!important;animation:none!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));
}
body.little-things-home .hero-release .holiday-bell-caption{
  position:absolute;bottom:0;right:0;margin:0;padding:4px 5px;
  width:88px;max-width:88px;line-height:1.18;text-align:center;
  font-size:.5rem;letter-spacing:.01em;background:rgba(5,31,23,.95);
}
body.little-things-home .hero-release .holiday-bell-caption small{font-size:.46rem}
@media(min-width:821px){
 body.little-things-home .hero{height:100svh;min-height:610px;max-height:none;padding-top:100px!important;align-items:center}
 body.little-things-home .hero-copy{padding:14px clamp(28px,4vw,70px) 22px 18px!important;align-self:center}
 body.little-things-home .hero-visual img{max-height:calc(100svh - 108px)}
 body.little-things-home .hero-release .eyebrow{margin-bottom:8px;padding-right:138px}
 body.little-things-home .hero-release h1{margin-bottom:10px}
 body.little-things-home .hero-release .intro{font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.48;max-width:560px}
 body.little-things-home .when-action-bar{margin-top:14px;gap:7px}
 body.little-things-home .upcoming-album{margin-top:12px}
}
@media(max-width:820px){
 body.little-things-home .hero-release .holiday-bell-link{top:-5px!important;right:0!important;width:96px!important;max-width:96px!important;height:105px!important}
 body.little-things-home .hero-release .holiday-bell-link .holiday-bell-art{width:96px!important;height:91px!important}
 body.little-things-home .hero-release .holiday-bell-caption{width:76px;max-width:76px;font-size:.42rem}
 body.little-things-home .hero-release .eyebrow{padding-right:100px}
}
.catalog-grid>.catalog-card{min-width:0;max-width:100%;overflow:hidden}
.catalog-grid>.catalog-card>img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;flex:0 0 auto}
@media(min-width:901px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:621px) and (max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-grid{grid-template-columns:minmax(0,1fr)}}

/* Approved October 29 mockup: full right-side festive scene, with the holiday
   tag as the only floating element. Never render the former floating ornament. */
body.little-things-home .hero-copy.when-approved-panel{
 position:relative!important; isolation:isolate;overflow:hidden;
 background:
   linear-gradient(90deg,rgba(0,29,20,.82) 0%,rgba(0,26,20,.72) 48%,rgba(0,20,15,.24) 100%),
   radial-gradient(ellipse at 92% 92%,rgba(168,22,21,.46),transparent 43%),
   radial-gradient(circle at 82% 26%,rgba(255,194,73,.16),transparent 29%),
   #03271c!important;
}
body.little-things-home .hero-copy.when-approved-panel::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 top:0;right:0;width:min(60%,500px);height:min(70%,530px);
 background:url("holiday-approved-corner.svg") top right/100% auto no-repeat;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 37%),linear-gradient(180deg,#000 0 63%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 37%),linear-gradient(180deg,#000 0 63%,transparent 100%);
 opacity:.9;
}
body.little-things-home .hero-copy.when-approved-panel::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 inset:0;opacity:.75;
 background:
 radial-gradient(circle at 74% 8%,#fbd084 0 2px,transparent 5px),
 radial-gradient(circle at 85% 19%,#f9c778 0 2px,transparent 6px),
 radial-gradient(circle at 98% 42%,#ffd88b 0 3px,transparent 7px),
 radial-gradient(circle at 89% 72%,#daa75d 0 2px,transparent 6px),
 radial-gradient(circle at 55% 15%,#f6c36c 0 2px,transparent 5px),
 radial-gradient(circle at 12% 74%,#cda65f 0 2px,transparent 5px);
}
body.little-things-home .when-approved-panel .hero-release{
 width:100%;position:relative!important;z-index:1;
 padding:0!important;display:flex;flex-direction:column;
 background:none!important;border:0!important;
}
body.little-things-home .when-approved-panel .holiday-scene-tag{
 position:absolute;right:0;top:25%;z-index:4;display:flex;
 flex-direction:column;align-items:center;justify-content:center;gap:5px;
 width:116px;min-height:82px;padding:11px 8px;
 border:1px solid #dbad5e;border-radius:2px;background:rgba(3,29,22,.93);
 color:#ffe2a4;text-align:center;font-weight:800;letter-spacing:.09em;
 font-size:.66rem;line-height:1.3;text-decoration:none;
 box-shadow:0 8px 26px #0008;
}
body.little-things-home .when-approved-panel .holiday-scene-tag small{
 color:#f4ca85;font-size:.58rem;letter-spacing:.07em
}
body.little-things-home .when-approved-content{
 display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.88fr);
 gap:clamp(14px,2.3vw,36px);align-items:end;
 width:100%;min-width:0;position:relative;
}
body.little-things-home .when-approved-story{
 display:flex;flex-direction:column;align-items:center;text-align:center;
 min-width:0;padding-top:34px;
}
body.little-things-home .when-approved-story .eyebrow{
 font-size:.83rem;letter-spacing:.24em;margin:0 0 8px!important;
 padding:0!important;color:#eec582;
}
body.little-things-home .when-approved-story h1{
 font:600 clamp(3.9rem,6.3vw,7rem)/.96 var(--serif);
 letter-spacing:.13em;text-transform:uppercase;color:#dfb04a;
 text-shadow:0 1px #fff4be,0 4px 25px #b36f2480;
 margin:0 0 9px!important;white-space:nowrap;
}
.when-approved-byline{
 display:flex;flex-direction:column;align-items:center;
 font:italic 1.05rem var(--serif);color:#fff3d6;
 margin:0 0 18px;line-height:1.5;
}
.when-approved-byline span{
 display:block;font:600 .72rem var(--serif);letter-spacing:.36em;font-style:normal;
 border-bottom:1px solid #dec88d6b;padding-bottom:14px;white-space:nowrap;
}
.when-approved-hook{
 font:400 clamp(1.15rem,1.8vw,1.55rem)/1.2 var(--serif);
 color:#f8e2bf;margin:0 0 9px;
}
body.little-things-home .when-approved-story .intro{
 font-size:clamp(.92rem,1.15vw,1.04rem)!important;line-height:1.5!important;
 color:#f7efdf;text-align:center;margin:0;max-width:400px;
}
body.little-things-home .when-approved-story .upcoming-album{
 color:#f7e4bd;text-align:center;font-size:.93rem;
 line-height:1.5;margin:20px 0 0!important;
}
body.little-things-home .when-approved-story .upcoming-album a{
 color:#efcf90;font-family:var(--serif);font-size:1.2rem;
 letter-spacing:.19em;text-decoration:none;border-bottom:1px solid #d1a869;
}
.when-approved-cover{
 display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1/1;
 object-fit:contain;justify-self:center;align-self:end;
 border:1px solid #c0aa62;box-shadow:0 10px 30px #000a;
 margin:0 0 0 0;position:relative;z-index:2;
}
body.little-things-home .when-approved-panel .when-action-bar{
 display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;
 gap:clamp(7px,1vw,14px);margin:24px 0 0!important;
 border:0!important;padding:0!important;border-radius:0!important;
 background:transparent!important;
}
body.little-things-home .when-approved-panel .when-button{
 min-height:43px;border-radius:18px;padding:9px clamp(10px,1vw,18px);
 font:.78rem var(--sans);font-weight:700;white-space:nowrap;
 background:linear-gradient(135deg,#fbe6b5,#e3bb79);
 color:#102518;opacity:1;
}
body.little-things-home .when-approved-panel .when-listen{
 color:#fff3dc;background:rgba(0,19,15,.8)!important;
 border:1px solid #d5b77a;min-width:116px;
}
@media(min-width:1181px){
 body.little-things-home .hero-copy.when-approved-panel{
  padding:18px clamp(20px,3vw,48px) 20px!important;min-height:0;align-self:stretch;
  display:flex;align-items:center;
 }
 body.little-things-home .hero-copy.when-approved-panel .hero-release{
  margin-top:0;transform:translateY(-5px);
 }
 body.little-things-home .hero-copy.when-approved-panel::before{height:65%}
}
@media(min-width:821px) and (max-width:1180px){
 body.little-things-home .hero-copy.when-approved-panel{
  padding:14px 18px 20px!important;align-self:stretch;display:flex;align-items:center;
 }
 body.little-things-home .when-approved-story h1{font-size:clamp(2.8rem,5.2vw,4.5rem)}
 .when-approved-cover{max-width:200px}
 body.little-things-home .when-approved-panel .holiday-scene-tag{right:0;top:20%;width:90px;font-size:.53rem}
 body.little-things-home .when-approved-panel .when-button{padding:7px;font-size:.65rem}
}
@media(max-width:820px){
 body.little-things-home .hero-copy.when-approved-panel{
  grid-column:1;grid-row:2;padding:46px 17px 44px!important;
  align-self:stretch;min-height:0;
 }
 body.little-things-home .when-approved-story{padding-top:0}
 body.little-things-home .when-approved-content{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:12px}
 body.little-things-home .when-approved-story h1{font-size:clamp(2.8rem,9vw,5rem)}
 .when-approved-cover{max-width:210px}
 body.little-things-home .when-approved-panel .holiday-scene-tag{
  top:10px;right:10px;width:82px;min-height:55px;font-size:.48rem;padding:6px;
 }
 body.little-things-home .when-approved-panel .holiday-scene-tag small{font-size:.45rem}
 body.little-things-home .when-approved-panel .when-action-bar{flex-wrap:wrap;gap:8px}
 body.little-things-home .when-approved-panel .when-button{font-size:.75rem}
}
@media(max-width:440px){
 body.little-things-home .when-approved-content{grid-template-columns:minmax(0,1fr)}
 .when-approved-cover{width:min(210px,65vw);justify-self:center;align-self:center}
 body.little-things-home .when-approved-story{padding-top:64px}
 body.little-things-home .when-approved-story h1{font-size:clamp(3.2rem,16vw,5rem)}
 body.little-things-home .when-approved-panel .when-button{flex:1 1 42%}
}

/* Correct the desktop composition: allocate space based on the actual portrait edge,
   not a 50/50 split that leaves a dark empty strip before the announcement. */
@media(min-width:1181px){
 body.little-things-home .hero{
   display:grid!important;grid-template-columns:minmax(0,42fr) minmax(0,58fr)!important;
   column-gap:0!important;overflow:hidden!important;
 }
 body.little-things-home .hero-visual{grid-column:1;grid-row:1;min-width:0}
 body.little-things-home .hero-visual img{width:100%;height:auto;object-fit:contain}
 body.little-things-home .hero-copy.when-approved-panel{
   grid-column:2;grid-row:1;min-width:0;
   padding-left:clamp(14px,2vw,36px)!important;
   padding-right:clamp(40px,4vw,72px)!important;
   overflow:hidden!important;
 }
 body.little-things-home .when-approved-content{
   grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
   gap:clamp(20px,2vw,34px);
 }
 body.little-things-home .when-approved-cover{
   max-width:250px;justify-self:center;align-self:end;
 }
 body.little-things-home .when-approved-story{padding-top:0}
 body.little-things-home .when-approved-panel .holiday-scene-tag{
   top:27%;right:10px;transform:none;
 }
 body.little-things-home .when-approved-panel .when-action-bar{justify-content:center}
}
/* Allow a more comfortable split at mid-sized desktop widths too. */
@media(min-width:821px) and (max-width:1180px){
 body.little-things-home .hero{grid-template-columns:minmax(0,43fr) minmax(0,57fr)!important}
 body.little-things-home .hero-copy.when-approved-panel{grid-column:2;grid-row:1}
 body.little-things-home .when-approved-content{gap:12px}
 body.little-things-home .when-approved-cover{max-width:180px}
}

/* Oct 29 screenshot correction: prevent the WHEN title and album from colliding with the holiday scene. */
@media(min-width:1181px){
  body.little-things-home .when-approved-panel .when-approved-content{
    transform:translateX(-66px);
    grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
    gap:18px;
  }
  body.little-things-home .when-approved-panel .when-approved-story h1{
    font-size:clamp(3.6rem,4.9vw,5.45rem);
    letter-spacing:.065em;
    max-width:100%;
  }
  body.little-things-home .when-approved-panel .when-approved-cover{
    max-width:235px;
    justify-self:center;
  }
  body.little-things-home .when-approved-panel .when-action-bar{
    transform:translateX(-36px);
  }
  body.little-things-home .when-approved-panel .holiday-scene-tag{
    top:13%;
    right:12px;
    width:110px;
    min-height:74px;
  }
  body.little-things-home .hero-copy.when-approved-panel::before{
    width:320px;
    height:340px;
    background-size:320px auto;
    opacity:.88;
  }
}
@media(min-width:821px) and (max-width:1180px){
  body.little-things-home .when-approved-panel .when-approved-content{
    transform:translateX(-15px);
  }
  body.little-things-home .when-approved-panel .when-approved-story h1{
    font-size:clamp(3rem,4.7vw,4.6rem);
    letter-spacing:.06em;
  }
  body.little-things-home .when-approved-panel .holiday-scene-tag{
    top:7%;
    right:5px;
  }
  body.little-things-home .hero-copy.when-approved-panel::before{
    width:240px;
    height:270px;
    background-size:240px auto;
  }
}
@media(max-width:820px){
  body.little-things-home .when-approved-panel .when-approved-content{
    transform:none;
  }
  body.little-things-home .when-approved-panel .when-approved-story h1{
    letter-spacing:.04em;
    max-width:100%;
  }
  body.little-things-home .hero-copy.when-approved-panel::before{
    width:min(48%,220px);
    height:240px;
  }
}

/* Definitive three-zone hero: no transforms, no floating album over Christmas. */
@media(min-width:1181px){
 body.little-things-home .hero{
   display:grid!important;
   grid-template-columns:minmax(0,36fr) minmax(0,43fr) minmax(0,21fr)!important;
   column-gap:0!important;
   align-items:stretch!important;
 }
 body.little-things-home .hero-visual{
   grid-column:1!important;grid-row:1!important;
   min-width:0;display:flex;align-items:center;justify-content:center;
 }
 body.little-things-home .hero-visual img{width:100%;max-height:calc(100svh - 100px)}
 body.little-things-home .hero-copy.when-approved-panel{
   grid-column:2!important;grid-row:1!important;
   position:relative;z-index:2;align-self:stretch!important;
   padding:22px clamp(18px,2vw,36px)!important;transform:none!important;
   display:flex;align-items:center;justify-content:center;
   background:linear-gradient(90deg,#03261a,#04291d)!important;
   overflow:hidden;
 }
 body.little-things-home .hero-copy.when-approved-panel::before{display:none!important}
 body.little-things-home .when-approved-panel .hero-release{
   width:100%;margin:0!important;transform:none!important;
 }
 body.little-things-home .when-approved-panel .when-approved-content{
   display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;
   gap:clamp(12px,1.2vw,22px)!important;
   align-items:center;
   transform:none!important;min-width:0;
 }
 body.little-things-home .when-approved-story{padding-top:0!important}
 body.little-things-home .when-approved-story h1{
   font-size:clamp(3.15rem,4.1vw,5rem)!important;
   letter-spacing:.035em!important;white-space:nowrap;
 }
 body.little-things-home .when-approved-story .eyebrow{
   font-size:clamp(.6rem,.7vw,.82rem)!important;letter-spacing:.13em!important;
 }
 body.little-things-home .when-approved-byline span{font-size:.64rem;letter-spacing:.18em}
 body.little-things-home .when-approved-cover{
   display:block;width:100%;height:auto;max-width:225px!important;
   aspect-ratio:1/1;object-fit:contain;justify-self:center!important;
   align-self:center!important;
 }
 body.little-things-home .when-approved-panel .when-action-bar{
   transform:none!important;flex-wrap:wrap!important;gap:9px!important;margin-top:26px!important;
 }
 body.little-things-home .when-approved-panel .when-button{font-size:.73rem!important;min-height:42px;padding:9px 13px}
 body.little-things-home .christmas-zone{
   display:block;grid-column:3;grid-row:1;
   position:relative;min-width:0;overflow:hidden;
   background:linear-gradient(180deg,rgba(0,30,21,.02),rgba(0,22,16,.65)),
     url("holiday-approved-corner.svg") top right/cover no-repeat,#0a2d1f;
 }
 body.little-things-home .christmas-zone .holiday-scene-tag{
   position:absolute!important;top:30%!important;right:clamp(12px,1.5vw,24px)!important;
   left:auto!important;z-index:4;transform:none!important;
   max-width:140px;width:clamp(105px,9vw,135px);min-height:80px;
   display:flex;flex-direction:column;align-items:center;justify-content:center;
   gap:6px;padding:10px 8px;
   background:rgba(4,31,23,.96);color:#ffe3a2;
   border:1px solid #dfb86a;border-radius:2px;text-align:center;
   font-weight:800;line-height:1.3;font-size:.65rem;letter-spacing:.08em;
   text-decoration:none;box-shadow:0 8px 25px #0009;
 }
 body.little-things-home .christmas-zone .holiday-scene-tag small{font-size:.56rem;color:#ffcf86}
}
@media(min-width:821px) and (max-width:1180px){
 body.little-things-home .hero{
   display:grid!important;
   grid-template-columns:minmax(0,35fr) minmax(0,44fr) minmax(0,21fr)!important;
   align-items:stretch!important;
 }
 body.little-things-home .hero-visual{grid-column:1!important;grid-row:1!important}
 body.little-things-home .hero-copy.when-approved-panel{
   grid-column:2!important;grid-row:1!important;padding:14px 12px!important;
   transform:none!important;background:#03271d!important;overflow:hidden;
 }
 body.little-things-home .hero-copy.when-approved-panel::before{display:none!important}
 body.little-things-home .when-approved-panel .when-approved-content{
   display:flex;flex-direction:column;align-items:center;gap:10px!important;transform:none!important;
 }
 body.little-things-home .when-approved-panel .when-approved-story h1{font-size:clamp(2.8rem,5vw,4rem)!important}
 body.little-things-home .when-approved-cover{width:clamp(130px,15vw,190px);max-width:190px!important;align-self:center!important}
 body.little-things-home .when-approved-panel .when-action-bar{transform:none!important;flex-wrap:wrap!important}
 body.little-things-home .christmas-zone{
   grid-column:3;grid-row:1;position:relative;overflow:hidden;
   background:url("holiday-approved-corner.svg") top right/cover no-repeat,#08291e;
 }
 body.little-things-home .christmas-zone .holiday-scene-tag{
   position:absolute;top:30%;right:10px;padding:8px;
   width:110px;background:#04251ce6;border:1px solid #d5ad63;
   color:#f4d7a3;text-align:center;display:flex;flex-direction:column;gap:5px;
   font-size:.56rem;font-weight:800;
 }
}
@media(max-width:820px){
 body.little-things-home .hero{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;
 }
 body.little-things-home .hero-visual{grid-column:1!important;grid-row:1!important}
 body.little-things-home .hero-copy.when-approved-panel{
   grid-column:1!important;grid-row:2!important;
   background:#06291e!important;
 }
 body.little-things-home .hero-copy.when-approved-panel::before{display:none!important}
 body.little-things-home .christmas-zone{
   display:block;grid-column:1;grid-row:3;min-height:175px;
   position:relative;background:url("holiday-approved-corner.svg") center right/cover no-repeat,#082d22;
 }
 body.little-things-home .christmas-zone .holiday-scene-tag{
   position:absolute;right:15px;top:20px;width:118px;
   display:flex;flex-direction:column;gap:5px;padding:9px;
   background:#04251ce9;border:1px solid #d6ad62;
   color:#ffdda2;text-align:center;font-size:.64rem;font-weight:800;
 }
 body.little-things-home .when-approved-panel .when-approved-content{transform:none!important}
 body.little-things-home .when-approved-panel .when-action-bar{transform:none!important}
}

/* Official listening URLs are anchors: retain the approved button design. */
body.little-things-home .when-approved-panel .when-action-bar a.when-button{
 display:inline-flex;justify-content:center;align-items:center;text-decoration:none;
 cursor:pointer;min-height:43px;transition:filter .2s,transform .2s;
}
body.little-things-home .when-approved-panel .when-action-bar a.when-button:hover,
body.little-things-home .when-approved-panel .when-action-bar a.when-button:focus-visible{
 filter:brightness(1.12);transform:translateY(-2px);
}
.catalog-card.when-single .catalog-card-links .catalog-link.when-amazon{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:42px;padding:9px 13px;border-radius:999px;
 font-size:.76rem;font-weight:700;line-height:1.2;
 background:#edc982;color:#17241b;
}