/* Age navigation belongs to the module, independently of the theme asset bundle. */
#index #wrapper .webglobe-gift-grid { width: 100%; max-width: none; margin: 0; padding: 0; }
.webglobe-gift-grid__items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.webglobe-gift-grid__item { position: relative; isolation: isolate; display: flex; align-items: center; gap: 18px; min-width: 0; min-height: 113px; padding: 22px 32px; overflow: hidden; border-right: 1px solid #dcdcd7; background: #ffffff; color: #363e33; text-decoration: none; transition: background .2s ease; }
.webglobe-gift-grid__item:nth-child(4n+1) { --gift-hover: #f3d8c8; --gift-border: #cf8058; }
.webglobe-gift-grid__item:nth-child(4n+2) { --gift-hover: #e1ebd4; --gift-border: #829e54; }
.webglobe-gift-grid__item:nth-child(4n+3) { --gift-hover: #d0e4ef; --gift-border: #4b9fc6; }
.webglobe-gift-grid__item:nth-child(4n+4) { --gift-hover: #e6d8ef; --gift-border: #9b77ba; }
.webglobe-gift-grid__item:last-child { border-right: 0; }
.webglobe-gift-grid__icon { flex: 0 0 30px; width: 30px; height: 32px; object-fit: contain; }
.webglobe-gift-grid__item > span:not(.webglobe-gift-grid__arrow) { position: relative; min-width: 0; }
.webglobe-gift-grid__item small { display: block; margin-bottom: 5px; color: #111; font-size: 15px; line-height: 1.4; }
.webglobe-gift-grid__item strong { display: block; font-size: 32px; font-weight: 700; line-height: 1.1; }
.webglobe-gift-grid__arrow { position: relative; margin-left: auto; font-size: 18px; }
.webglobe-gift-grid__bg-icon { position: absolute; z-index: -1; right: 8px; top: 50%; width: 112px; height: 112px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0; transform: translate(65%, -50%) rotate(-25deg) scale(.8); transition: transform .4s cubic-bezier(.2, .7, .2, 1), opacity .3s ease; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
  .webglobe-gift-grid__item:hover { background: var(--gift-hover); color: #363e33; text-decoration: none; }
  .webglobe-gift-grid__item:hover .webglobe-gift-grid__bg-icon { opacity: 1; transform: translate(0, -50%) rotate(0) scale(1); }
}
.webglobe-gift-grid__item:focus-visible { background: var(--gift-hover); }
.webglobe-gift-grid__item:focus-visible .webglobe-gift-grid__bg-icon { opacity: 1; transform: translate(0, -50%) rotate(0) scale(1); }
.webglobe-gift-grid__item:focus-visible { outline: 2px solid #363e33; outline-offset: -2px; }
@media (max-width: 991px) {
  .webglobe-gift-grid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .webglobe-gift-grid__item { padding: 18px 22px; min-height: 100px; }
  .webglobe-gift-grid__item:nth-child(2n) { border-right: 0; }
  .webglobe-gift-grid__item { border-bottom: 4px solid var(--gift-border); }
}
@media (max-width: 575px) {
  .webglobe-gift-grid__item { gap: 6px; padding: 10px 6px; min-height: 54px; background: #fff; }
  .webglobe-gift-grid__item > span:not(.webglobe-gift-grid__arrow) { display: flex; align-items: center; gap: 5px; }
  .webglobe-gift-grid__item small { margin: 0; font-size: 11px; line-height: 1.15; }
  .webglobe-gift-grid__item strong { order: -1; flex-shrink: 0; font-size: 22px; white-space: nowrap; }
  .webglobe-gift-grid__icon { flex-basis: 24px; width: 24px; height: 28px; }
  .webglobe-gift-grid__bg-icon, .webglobe-gift-grid__arrow { display: none; }
}
@media (hover: none), (pointer: coarse) {
  .webglobe-gift-grid__item { border-bottom: 4px solid var(--gift-border); }
  .webglobe-gift-grid__bg-icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-gift-grid__item, .webglobe-gift-grid__bg-icon { transition: none; }
}