/* ===== gift.html page-specific ===== */

.gift-top{position:relative;overflow:hidden}
.gift-top__wm{position:absolute;right:-6%;top:1%;width:min(1000px,80%);opacity:.06;z-index:0;pointer-events:none}
.gift-top>*{position:relative;z-index:1}

/* intro copy */
.gift-intro{text-align:center;padding:30px 0 10px}
.gift-intro__copy{font-size:26px;font-weight:700;line-height:1.7;letter-spacing:.03em;margin-bottom:22px}
.gift-intro__sub{font-size:13px;color:#5a5a5a;line-height:2}

/* movie placeholder */
.movie{
  max-width:1000px;margin:48px auto 0;aspect-ratio:1000/430;
  background:#d9d9d6;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
}
.movie span{font-family:var(--latin);font-size:44px;letter-spacing:.14em;color:#fff}

/* ticket card (exact design reference, used as an image rather than recreated in CSS) */
.ticket-img{max-width:1000px;margin:60px auto 0}
.ticket-img img{width:100%;height:auto;display:block;border-radius:10px}

/* how gift form section */
.giftform-head{text-align:center;margin-bottom:14px}
.giftform-head__title{font-size:22px;font-weight:700;letter-spacing:.02em}
.giftform-head__sub{font-size:12.5px;color:#666;line-height:2;margin-top:14px}

/* occasion icons */
.occasions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:760px;margin:46px auto 0}
.occasion{text-align:center}
.occasion img{height:110px;width:auto;margin:0 auto 16px;display:block}
.occasion p{font-size:12.5px;color:#3a3a3a;line-height:1.8}

/* gift cards grid */
.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px;margin-top:0}
.ggcard{display:block;color:inherit;transition:opacity .2s}
.ggcard:hover{opacity:.85}
.ggcard__media{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:271/300;margin-bottom:14px}
.ggcard__media img{width:100%;height:100%;object-fit:cover}
.ggcard__badge{
  position:absolute;top:0;right:0;background:#2b2b2b;color:#fff;
  font-size:11px;letter-spacing:.04em;padding:5px 14px;border-radius:0 0 0 6px;
}
.ggcard__shop{font-size:11px;color:#888;margin-bottom:6px}
.ggcard__title{font-size:14px;font-weight:700;line-height:1.7;margin-bottom:8px}
.ggcard__price{font-size:15px;font-weight:700}

/* notes */
.notes-head{text-align:center;font-size:22px;font-weight:700;letter-spacing:.06em;margin-bottom:36px}
.notes{max-width:1000px;margin:0 auto;list-style:none}
.notes li{position:relative;font-size:12.5px;color:#555;line-height:1.9;padding-left:20px;margin-bottom:18px}
.notes li::before{content:"・";position:absolute;left:0;color:#999}

/* wide dark pill (shared) */
.cta-wide{
  display:flex;align-items:center;justify-content:center;position:relative;
  background:var(--btn);color:#fff;border-radius:44px;
  padding:26px;font-size:14px;letter-spacing:.06em;
}
.cta-wide__arrow{position:absolute;right:34px}

/* APPLICATION cta card (shared with gift-detail) */
.app-cta{
  max-width:1100px;margin:0 auto;background:#eeeeeb;border-radius:8px;
  padding:56px 64px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
}
.app-cta__title{font-family:var(--latin);font-size:40px;letter-spacing:.12em;margin-bottom:10px}
.app-cta__sub{font-size:13px;font-weight:700;margin-bottom:22px}
.app-cta__body{font-size:13px;color:#4a4a4a;line-height:2;margin-bottom:26px;max-width:400px}
.app-cta__phone{display:flex;justify-content:center}

@media(max-width:900px){
  .app-cta{grid-template-columns:1fr}
  .occasions{grid-template-columns:1fr 1fr}
  .gift-grid{grid-template-columns:1fr}
}

/* ===== MOBILE (SP) ===== */
@media(max-width:820px){
  /* intro */
  .gift-intro{padding:14px 0 6px}
  .gift-intro__copy{font-size:20px;line-height:1.6;margin-bottom:16px}
  .gift-intro__sub{font-size:12.5px}

  /* movie */
  .movie{margin:26px 22px 0;width:auto}
  .movie span{font-size:32px}

  /* ticket */
  .ticket-img{margin:36px 22px 0}

  /* giftform head */
  .giftform-head__title{font-size:19px;line-height:1.6}
  .giftform-head__sub{font-size:12.5px}

  /* occasions */
  .occasions{margin:30px 22px 0;gap:24px 12px;max-width:none}
  .occasion img{height:82px;margin-bottom:12px}

  /* gift cards */
  .gift-grid{margin-top:40px !important;gap:32px}
  .ggcard__title{font-size:14px}

  /* notes */
  .notes{margin:0 22px}
  .notes-head{font-size:19px;margin-bottom:26px}

  /* cta-wide */
  .cta-wide{padding:20px;font-size:13.5px}
  .cta-wide__arrow{right:24px}

  /* application */
  .app-cta{margin:0 22px;padding:36px 26px;gap:30px}
  .app-cta__title{font-size:32px}
  .app-cta__body{font-size:12.5px;max-width:none}
}