/* An optional inspiration section within the existing Little Christmas flow. */
.gift-ideas{padding-top:55px;padding-bottom:45px}
.gift-ideas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.gift-ideas-heading h2{font-size:clamp(38px,4.5vw,61px);margin:0}
.gift-ideas-heading h2 em{color:var(--berry);font-weight:400}
.gift-ideas-heading>p{max-width:350px;color:var(--muted);margin:0 0 4px;line-height:1.7}
.gift-idea-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.gift-idea-filters button{min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--paper);font-size:14px}
.gift-idea-filters button:hover{border-color:var(--ink);background:var(--ice)}
.gift-idea-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.gift-idea-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gift-idea-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.gift-trio-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:16px;background:var(--ice)}
.gift-trio-photos img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px}
.gift-idea-copy{padding:25px 23px;display:flex;flex-direction:column;flex:1}
.gift-idea-copy .eyebrow{font-size:10px;margin:0 0 12px}
.gift-idea-card.is-our-pick{border-color:var(--berry)}
.gift-idea-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;margin:-9px 0 12px}
.gift-idea-meta .eyebrow{margin:0}
.gift-pick-stamp{flex-shrink:0;display:grid;align-content:center;text-align:center;width:54px;height:54px;border:3px double var(--berry);border-radius:50%;background:var(--pink);color:var(--berry);font:600 12px/1.12 var(--body);text-transform:uppercase;letter-spacing:.07em;transform:rotate(10deg)}
.gift-idea-copy h3{font:normal clamp(25px,2.3vw,32px)/1.13 var(--serif);letter-spacing:-.035em;margin:0 0 14px;text-wrap:pretty}
.gift-idea-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0 0 22px;color:var(--muted);flex:1}
.gift-idea-copy .button{justify-content:space-between;width:100%;margin-top:auto}
.gift-idea-copy .button.secondary:hover,.trio-tools .button.secondary:hover,.trio-dialog .button.secondary:hover{background:var(--ice);border-color:var(--ink);color:var(--ink)}
.gift-ideas-foot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 25px;font-size:13px;margin-top:22px;color:var(--muted)}
.gift-ideas-foot p{margin:0}
.gift-ideas-foot a{color:var(--ink);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.trio-tools{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:24px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:center;gap:24px;margin:10px 0 30px}
.trio-tools-copy .eyebrow{font-size:10px;margin:0 0 6px}
.trio-tools-copy h2{font:normal 29px/1.1 var(--serif);margin:0 0 8px}
.trio-tools-copy>p:last-child{font-size:13px;color:var(--muted);margin:0;max-width:310px}
.trio-current-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trio-current-picks button{background:transparent;border:0;padding:0;color:var(--ink);font-size:11px;line-height:1.4;text-align:center;align-self:start}
.trio-current-picks button:hover span{text-decoration:underline;text-underline-offset:3px}
.trio-current-picks img{width:70px;height:70px;object-fit:contain;border-radius:6px;margin:0 auto 7px}
.trio-current-picks span{display:block}
.trio-empty-pick{text-align:center;color:var(--muted);font-size:12px;line-height:1.4}
.trio-empty-pick>span{width:70px;height:70px;border:1px dashed var(--line);border-radius:6px;display:grid;place-items:center;margin:0 auto 7px;font:25px var(--serif)}
#shuffle-trio{white-space:nowrap}
#shuffle-trio svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.trio-dialog{width:min(860px,calc(100% - 36px));max-height:90dvh;padding:0;border:0;border-radius:16px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain}
.trio-dialog::backdrop{background:#183d3066;backdrop-filter:blur(3px)}
.trio-dialog .dialog-close{position:sticky;top:12px;float:right;right:auto;margin:12px 12px -50px 0;z-index:1}
.trio-dialog-heading{padding:36px 36px 25px}
.trio-dialog-heading .eyebrow{margin:0 40px 12px 0;font-size:11px}
.trio-dialog h2{font-size:42px;line-height:1.1;margin:0 28px 14px 0}
.trio-dialog-heading>p:last-child{margin:0;color:var(--muted);font-size:15px}
.trio-preview-items{padding:0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.trio-preview-item{min-width:0}
.trio-preview-item>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--ice);border-radius:8px;margin-bottom:15px}
.trio-preview-item small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.trio-preview-item h3{font:normal 22px/1.2 var(--serif);margin:6px 0 9px;text-wrap:pretty}
.trio-preview-item p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 10px}
.trio-preview-item details summary{font-size:12px;cursor:pointer;min-height:44px;display:list-item;align-content:center;text-underline-offset:3px}
.trio-preview-item details[open]{margin-bottom:10px}
.trio-dialog-footer{padding:20px 36px 24px;margin-top:12px;border-top:1px solid var(--line)}
.trio-surprise-note{font-size:14px;line-height:1.6;margin:0 0 14px;color:var(--muted)}
.trio-replace-note{font-size:13px;line-height:1.55;padding:12px 15px;background:var(--pink);border-radius:6px;color:var(--berry);margin:0 0 18px}
.trio-dialog-actions{display:flex;justify-content:space-between;gap:12px}
.trio-dialog-actions .button{justify-content:center}
.trio-cancel{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--muted);font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){
  .gift-idea-cards{gap:15px}
  .gift-trio-photos{padding:10px;gap:3px}
  .gift-idea-copy{padding:20px 16px}
  .trio-tools{grid-template-columns:1fr 1fr}
  #shuffle-trio{grid-column:1/-1;justify-self:start}
}
@media(max-width:680px){
  .gift-ideas{padding-top:35px;padding-bottom:28px}
  .gift-ideas-heading{display:block;margin-bottom:22px}
  .gift-ideas-heading>p{font-size:14px;margin-top:18px}
  .gift-idea-filters{gap:8px;margin-bottom:20px}
  .gift-idea-filters button{font-size:12px;padding:9px 14px}
  .gift-idea-cards{grid-template-columns:1fr;gap:20px}
  .gift-trio-photos{padding:16px;gap:6px}
  .gift-idea-copy{padding:22px}
  .gift-idea-copy h3{font-size:30px}
  .gift-ideas-foot{display:block;font-size:12px;line-height:1.6}
  .gift-ideas-foot a{margin-top:5px}
  .trio-tools{grid-template-columns:1fr;padding:20px;gap:18px;margin-top:18px}
  .trio-tools-copy>p:last-child{max-width:none}
  #shuffle-trio{width:100%;justify-content:center;grid-row:2}
  .trio-current-picks{grid-row:3}
  .trio-current-picks img{width:76px;height:76px}
  .trio-dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:12px}
  .trio-dialog-heading{padding:28px 22px 20px}
  .trio-dialog h2{font-size:32px}
  .trio-dialog-heading>p:last-child{font-size:13px}
  .trio-preview-items{padding:0 22px;grid-template-columns:1fr;gap:17px}
  .trio-preview-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:15px}
  .trio-preview-item>img{margin:0}
  .trio-preview-item h3{font-size:20px;margin-top:3px}
  .trio-preview-item p{margin-bottom:3px}
  .trio-dialog-footer{padding:18px 22px 15px;margin-top:20px}
  .trio-surprise-note{font-size:13px}
  .trio-dialog-actions{flex-direction:column-reverse}
  .trio-dialog-actions .button{width:100%}
}

.gift-guide-entry{display:flex;gap:18px 32px;flex-wrap:wrap;padding:22px 0 4px;border-top:1px solid var(--line);margin-top:24px;font-size:14px;font-weight:600}.gift-guide-entry a{text-underline-offset:5px}.gift-guide-entry span{margin-left:8px}@media(max-width:680px){.gift-guide-entry{gap:16px;font-size:13px;flex-direction:column}}
