/* Technodelic Tees v5.6.87 | Homepage Personal Gift banner (replaces the section under New Arrivals). Scoped to .home-gift. */
.home-gift {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); align-items: center; gap: clamp(28px, 4vw, 56px);
  margin: 20px auto 24px; padding: 24px clamp(28px, 3.3vw, 44px);
  background: #f5eee6; border: 1px solid #eadccd; border-radius: 24px; color: #071444;
}
@media (min-width: 901px) {
  main > .home-gift.layout-shell { width: min(var(--tt-home-content, 1280px), calc(100% - 64px)) !important; max-width: var(--tt-home-content, 1280px) !important; margin-inline: auto !important; }
}
.home-gift-copy { max-width: 560px; }
.home-gift .eyebrow { margin: 0 0 12px; }
.home-gift h2 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700; font-size: clamp(40px, 3.7vw, 54px); line-height: .98; letter-spacing: -.03em; }
.home-gift-body { margin: 16px 0 0; max-width: 31em; font: 400 clamp(16px, 1.2vw, 18px)/1.55 Jost, "DM Sans", sans-serif; color: rgba(7, 20, 68, .86); }
.home-gift .btn { margin-top: 22px; }
.home-gift-photo { display: block; border-radius: 14px; overflow: hidden; background: #f8f0e7; }
.home-gift-photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* desktop: text + image sit closer together as one centered group */
@media (min-width: 901px) {
  .home-gift { grid-template-columns: minmax(0, 500px) minmax(0, 560px); column-gap: 28px; justify-content: center; }
}
/* stacked (tablet/mobile) order: eyebrow, headline, body, image, button */
@media (max-width: 900px) {
  .home-gift { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .home-gift-copy { display: contents; }
  .home-gift .eyebrow { order: 1; }
  .home-gift h2 { order: 2; }
  .home-gift-body { order: 3; }
  .home-gift-photo { order: 4; margin-top: 20px; }
  .home-gift .btn { order: 5; margin-top: 20px; align-self: flex-start; }
}
@media (max-width: 620px) {
  main > .home-gift { order: 5; }
  main > .home-gift.layout-shell { width: calc(100% - 32px) !important; margin: 16px auto 32px; padding: 22px 18px; border-radius: 17px; }
  .home-gift h2 { font-size: 40px; }
  .home-gift .btn { width: 100%; align-self: stretch; }
}