.e2d-gift-block{
  --gift-block-jut-bottom:26px;
  --gift-block-jut-top:20px;
  position:relative;

  width:100%;
  max-width:var(--e2d-shell-w, 1400px);
  margin-left:auto;
  margin-right:auto;
}

.e2d-gift-block__chip{
  display:flex; flex-wrap:nowrap; align-items:center; gap:8px;
  overflow-x:auto; overflow-y:visible;

  justify-content:flex-start;
  justify-content:safe center;
  scrollbar-width:none;
  padding:0 6px 14px;
  margin-bottom:8px;
}
.e2d-gift-block__chip::-webkit-scrollbar{ display:none }

@media(min-width:768px){
  .e2d-gift-block__chip{ flex-wrap:wrap; overflow-x:visible }
}
.e2d-hub-level + .e2d-hub-level{ margin-top:28px }

.e2d-gift-block__btn{
  position:relative; flex:0 0 auto;
  padding:7px 15px; border:0; border-radius:999px;
  background:transparent; cursor:pointer;
  color:#3D561B; font-size:14px; font-weight:500; line-height:1.2;
  white-space:nowrap;
  transition:color .16s ease-out;
}

.e2d-gift-block__btn::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  opacity:0; transition:opacity .18s ease-out;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23FF6A00' stroke-linecap='round'%3E%3Cpath d='M8 4.6C30 2.8 60 3.4 93 4.2' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M95.4 6C97.4 14 96.6 26 95.2 34.4' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M92 36.2C68 37.8 38 37 7.4 36' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M4.8 34C2.8 26 3.6 14 5 5.8' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.e2d-gift-block__btn.is-picked::before{ opacity:1 }
.e2d-gift-block__btn.is-picked{ color:#FF6A00; font-weight:700 }
.e2d-gift-block__btn:not(.is-picked):hover{ color:#FF6A00 }

.e2d-gift-block__section{
  position:relative;
  overflow:visible;
  padding-top:var(--gift-block-jut-top);
  padding-bottom:var(--gift-block-jut-bottom);
  margin-bottom:18px;

}

.e2d-gift-block__section + .e2d-gift-block__section::before{
  content:""; position:absolute; left:0; right:0; top:0; height:8px;
  pointer-events:none;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 10' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%233D561B' stroke-linecap='round' stroke-opacity='.24'%3E%3Cpath d='M6 5.2C180 3.4 360 4.2 548 4.6' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M540 4.5C740 5.4 940 3.8 1194 4.8' stroke-width='1.1' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") left top/100% 8px no-repeat;
}

.e2d-gift-block__head{
  display:flex; align-items:center; gap:13px;
  margin:0 0 16px;
}
.e2d-gift-block__img{
  flex:0 0 44px; width:44px; height:44px;
  background-repeat:no-repeat; background-position:center; background-size:44px 44px;
}
.e2d-gift-block__text{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto }
.e2d-gift-block__name{
  color:#3D561B; font-size:17px; font-weight:700; line-height:1.25;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.e2d-gift-block__description{
  color:#242424; opacity:.72; font-size:13.5px; line-height:1.35;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.e2d-gift-block__all{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
  padding:9px 18px; border-radius:999px;
  background:#FFFFFF; color:#FF6A00; font-size:14px; font-weight:700;
  text-decoration:none;
  box-shadow:2px 3px 8px -2px rgba(61,86,27,.22);
  transition:transform .16s ease-out, box-shadow .16s ease-out;
}
.e2d-gift-block__all::after{
  content:""; width:17px; height:12px;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cg fill='none' stroke='%23FF6A00' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 8.2c6.6-.7 13.4-.8 19.4-.3' stroke-width='2.2'/%3E%3Cpath d='M16.4 2.6c2.2 1.9 4.1 3.7 5.6 5.4-1.6 1.9-3.5 3.7-5.7 5.4' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.e2d-gift-block__all:hover{ transform:translateY(-1px); box-shadow:3px 5px 11px -3px rgba(61,86,27,.28) }

.e2d-gift-block__body{ --pal-body-h:1380px }

.e2d-gift-block.is-fetching .e2d-gift-block__body{ opacity:.5; transition:opacity .15s ease-out }
.e2d-gift-block__empty{ padding:28px 0; text-align:center; color:#3D561B; opacity:.7 }

.e2d-gift-block__section .e2d-pin-board__nav{ display:none }

.e2d-gift-block__section[data-page-number="1"] .e2d-pin-board--rail{ --pin-board-rail-w:252px; --pin-board-rail-stagger:34px }
.e2d-gift-block__section[data-page-number="2"] .e2d-pin-board--rail{ --pin-board-rail-w:243px; --pin-board-rail-stagger:32px }
.e2d-gift-block__section[data-page-number="3"] .e2d-pin-board--rail{ --pin-board-rail-w:234px; --pin-board-rail-stagger:30px }
.e2d-gift-block__section[data-page-number="4"] .e2d-pin-board--rail{ --pin-board-rail-w:225px; --pin-board-rail-stagger:28px }
.e2d-gift-block__section[data-page-number="5"] .e2d-pin-board--rail{ --pin-board-rail-w:216px; --pin-board-rail-stagger:26px }
.e2d-gift-block__section[data-page-number="6"] .e2d-pin-board--rail{ --pin-board-rail-w:208px; --pin-board-rail-stagger:24px }
.e2d-gift-block__section[data-page-number="7"] .e2d-pin-board--rail{ --pin-board-rail-w:200px; --pin-board-rail-stagger:22px }
.e2d-gift-block__section[data-page-number="8"] .e2d-pin-board--rail{ --pin-board-rail-w:192px; --pin-board-rail-stagger:20px }
.e2d-gift-block__section[data-page-number="9"] .e2d-pin-board--rail{ --pin-board-rail-w:186px; --pin-board-rail-stagger:18px }
.e2d-gift-block__section[data-page-number="10"] .e2d-pin-board--rail{ --pin-board-rail-w:180px; --pin-board-rail-stagger:16px }

.e2d-gift-block__section[data-page-number="2"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(even),
.e2d-gift-block__section[data-page-number="4"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(even),
.e2d-gift-block__section[data-page-number="6"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(even),
.e2d-gift-block__section[data-page-number="8"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(even),
.e2d-gift-block__section[data-page-number="10"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(even) { margin-top:0 }
.e2d-gift-block__section[data-page-number="2"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n+2),
.e2d-gift-block__section[data-page-number="4"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n+2),
.e2d-gift-block__section[data-page-number="6"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n+2),
.e2d-gift-block__section[data-page-number="8"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n+2),
.e2d-gift-block__section[data-page-number="10"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n+2) { margin-top:calc(var(--pin-board-rail-stagger) * .55) }
.e2d-gift-block__section[data-page-number="2"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n),
.e2d-gift-block__section[data-page-number="4"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n),
.e2d-gift-block__section[data-page-number="6"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n),
.e2d-gift-block__section[data-page-number="8"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n),
.e2d-gift-block__section[data-page-number="10"] .e2d-pin-board--rail .e2d-pin-board__col:nth-child(3n) { margin-top:var(--pin-board-rail-stagger) }

@media(max-width:767px){

  .e2d-gift-block{ --gift-block-jut-bottom:6px; --gift-block-jut-top:6px }
  .e2d-gift-block__chip{ padding:0 0 12px; gap:6px }
  .e2d-gift-block__btn{ font-size:12.5px; padding:6px 12px }

  .e2d-gift-block__head{ flex-wrap:nowrap; gap:8px; align-items:center; margin-bottom:8px }
  .e2d-gift-block__img{ flex-basis:30px; width:30px; height:30px; background-size:30px 30px }
  .e2d-gift-block__text{ flex:1 1 auto; min-width:0 }
  .e2d-gift-block__name{ font-size:14.5px }
  .e2d-gift-block__description{ font-size:12px; white-space:nowrap }
  .e2d-gift-block__all{
    flex:0 0 auto; margin-left:auto;
    padding:7px 11px; font-size:12px; gap:5px;
  }
  .e2d-gift-block__all::after{ width:14px; height:10px }

  .e2d-gift-block__section{ margin-bottom:10px }
  .e2d-gift-block__body{ --pal-body-h:1010px }

  .e2d-gift-block__section[data-page-number="1"] .e2d-pin-board--rail{ --pin-board-rail-w:180px; --pin-board-rail-stagger:24px }
  .e2d-gift-block__section[data-page-number="2"] .e2d-pin-board--rail{ --pin-board-rail-w:175px; --pin-board-rail-stagger:23px }
  .e2d-gift-block__section[data-page-number="3"] .e2d-pin-board--rail{ --pin-board-rail-w:170px; --pin-board-rail-stagger:21px }
  .e2d-gift-block__section[data-page-number="4"] .e2d-pin-board--rail{ --pin-board-rail-w:165px; --pin-board-rail-stagger:20px }
  .e2d-gift-block__section[data-page-number="5"] .e2d-pin-board--rail{ --pin-board-rail-w:160px; --pin-board-rail-stagger:18px }
  .e2d-gift-block__section[data-page-number="6"] .e2d-pin-board--rail{ --pin-board-rail-w:155px; --pin-board-rail-stagger:17px }
  .e2d-gift-block__section[data-page-number="7"] .e2d-pin-board--rail{ --pin-board-rail-w:150px; --pin-board-rail-stagger:16px }
  .e2d-gift-block__section[data-page-number="8"] .e2d-pin-board--rail{ --pin-board-rail-w:146px; --pin-board-rail-stagger:14px }
  .e2d-gift-block__section[data-page-number="9"] .e2d-pin-board--rail{ --pin-board-rail-w:142px; --pin-board-rail-stagger:13px }
  .e2d-gift-block__section[data-page-number="10"] .e2d-pin-board--rail{ --pin-board-rail-w:138px; --pin-board-rail-stagger:12px }
}

@media(prefers-reduced-motion:reduce){
  .e2d-gift-block__btn, .e2d-gift-block__all, .e2d-gift-block__body{ transition:none }
}