:root {
      --blue: #0b4f8a;
      --blue-2: #1276b7;
      --sky: #dff3ff;
      --white: #ffffff;
      --sand: #f6efe2;
      --gold: #c9a45c;
      --ink: #49627a;
      --muted: #6f7e8c;
      --shadow: 0 18px 45px rgba(8, 42, 73, .16);
      --radius: 26px;
	  --font-title: 'Boheme Floral', 'Cormorant Garamond', serif;
  	  --font-serif: 'Cormorant Garamond', Georgia, serif;
  	  --font-body: 'Inter', system-ui, sans-serif;
	  
		--gold: #b99a5b;
		--paper: #fbf8f1;
		--soft-blue: #eaf4fb;
		--flower: #b73b7a;
    }
	
	@font-face {
	  font-family: 'Boheme Floral';
	  src: url('../fonts/Boheme Floral.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}
	
.couple-title {
  font-family: 'Boheme Floral', cursive;
  color: #225688;
  margin: 54px 10px;
  line-height: .68;
}

.couple-title .name-line {
  display: block;
}

.couple-title .name-and {
  display: block;
  font-size: 46px;
  line-height: .45;
  margin: 10px  10px;
}

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      font-family: var(--font-body);
      color: var(--ink);
      background:
        radial-gradient(circle at top left, rgba(18,118,183,.14), transparent 35%),
        linear-gradient(180deg, #f7fcff 0%, #fff9ef 100%);
    }

    img, video { max-width: 100%; display: block; }

    .page { overflow: hidden; }

    .lang-switch {
      position: fixed;
      top: 18px;
      right: 18px;
      z-index: 40;
    
      display: flex;
      gap: 4px;
      padding: 4px;
    
      border-radius: 999px;
      background: rgba(255, 255, 255, .55);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(255, 255, 255, .65);
      box-shadow: 0 8px 22px rgba(8, 42, 73, .10);
    }
    
.lang-switch{
  position: fixed;
  top: 18px;
  right: 18px;

  display: flex;
  align-items: center;
  gap: 4px;

  padding: 4px;
  border-radius: 999px;

  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);

  box-shadow: 0 8px 24px rgba(15,23,42,.10);
  z-index: 1000;
}

    .lang-switch button{
      width: 22px;
      height: 22px;
    
      border: 0;
      border-radius: 999px;
    
      background: transparent;
      color: rgba(24,50,74,.65);
    
      font-family: 'Inter', sans-serif;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: .04em;
    
      display: flex;
      align-items: center;
      justify-content: center;
    
      cursor: pointer;
      transition: all .2s ease;
    }
    
    .lang-switch button.active{
      color: #fff;
      background: rgba(11,79,138,.92);
    
      box-shadow:
        0 4px 10px rgba(11,79,138,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
    }

    .hero {
      min-height: 100svh;
      position: relative;
      display: grid;
      place-items: center;
      padding: 15px 18px 36px;
      isolation: isolate;
      background:
        linear-gradient(rgba(8, 48, 82, .18), rgba(8, 48, 82, .16)),
        url('../images/santorini.jpg') center/cover no-repeat;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto -20% -1px -20%;
      height: 180px;
      background: linear-gradient(180deg, transparent, #f7fcff 72%);
      z-index: -1;
    }

    .hero-card {
      width: min(100%, 620px);
      text-align: center;
      padding: 34px 22px 28px;
      border-radius: 34px;
      background: rgba(255, 255, 255, .82);
      backdrop-filter: blur(16px);
      box-shadow: var(--shadow);
      border: 1px solid rgba(255,255,255,.72);
    }

    .eyebrow {
      margin: 0 0 12px;
      color: var(--blue);
      text-transform: uppercase;
	  font-family: var(--font-body);
	  letter-spacing: .26em;
	  font-size: 11px;
	  font-weight: 800;
	}

    h1, h2, h3 {
      margin: 0;
      line-height: .96;
      color: var(--ink);
    }
	
	h1 {
	  font-family: var(--font-title);
	  font-size: clamp(64px, 17vw, 118px);
	  line-height: 1;
	  letter-spacing: 1px;
	  font-weight: normal;
	  margin: 40px 10px;
	}
	
	h2 {
	  font-family: var(--font-title);
	  font-size: clamp(46px, 11vw, 78px);
	  line-height: 1.08;
	  letter-spacing: .6px;
	  font-weight: normal;
	}
	
	h3 {
	  font-family: var(--font-serif);
	  font-size: 30px;
	  line-height: 1;
	  font-weight: 600;
	}
	
	#rsvpTitle{
		font-size: 65px;
		text-align: center;
		margin: 20px 10px 40px 10px;
	}

    .amp {
      color: var(--gold);
      font-style: italic;
    }

    .hero-date {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 10px 15px;
      border-radius: 999px;
      color:var(--blue);
	  
      font-weight: 700;
      font-size: 20px;
    }
	
	.countdown {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      max-width: 360px;
      margin: 14px auto 0;
    }
    
    .countdown div {
      padding: 10px 8px;
      border-radius: 16px;

      border: 1px solid rgba(185, 154, 91, .28);
      box-shadow: 0 8px 20px rgba(8,42,73,.08);
    }
    
    .countdown strong {
      display: block;
      font-family: 'Cinzel', serif;
      font-size: 22px;
      color: var(--blue);
      line-height: 1;
    }
    
    .countdown span {
      display: block;
      margin-top: 5px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .hero-copy {
      max-width: 460px;
      margin: 18px auto 0;
      color: #415469;
      line-height: 1.25;
      font-size: 15px;
	  font-family: var(--font-body);
    }

    .actions {
      display: grid;
      gap: 12px;
      margin-top: 24px;
    }

    .btn {
      border: 0;
      width: 100%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-height: 48px;
      padding: 13px 18px;
      border-radius: 999px;
      font-weight: 800;
      text-decoration: none;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .btn:active { transform: scale(.98); }

    .btn-primary {
      color: var(--white);
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      box-shadow: 0 14px 24px rgba(11,79,138,.25);
    }

    .btn-light {
      color: var(--blue);
      background: rgba(255,255,255,.85);
      border: 1px solid rgba(11,79,138,.18);
    }
	
	.btn,
		input,
		select,
		textarea,
		label {
		  font-family: var(--font-body);
	 }

    
	 .memory-slider {
      padding: 26px 0 10px;
      overflow: hidden;
      background: linear-gradient(180deg, #f7fcff, #fff);
    }
    
    .slider-track {
      display: flex;
      gap: 18px;
      width: max-content;
      height:215px;
      animation: softSlide 60s linear infinite;
    }
    
    .slider-track img {
      width: 320px;
      height: 250px;
      object-fit: cover;
      border-radius: 26px;
      box-shadow: 0 14px 34px rgba(8, 42, 73, .12);
      opacity: .92;
    }
    
    @keyframes softSlide {
      from {
        transform: translateX(18px);
      }
      to {
        transform: translateX(-50%);
      }
    }
	 
	 
	 .section { padding: 30px 18px; }

    .container {
      width: min(100%, 1040px);
      margin: 0 auto;
    }
	
	

    .section-title {
      text-align: center;
      margin-bottom: 24px;
    }

    .section-title .eyebrow { margin-bottom: 10px; }

    .section-title p {
      margin: 14px auto 0;
      max-width: 620px;
      color: var(--muted);
      line-height: 1.75;
	  font-family: var(--font-body);
    }

    .info-grid { display: grid; gap: 14px; }

    .info-card, .form-card, .upload-card, .gallery-card {
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(11,79,138,.09);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
	  margin-top: 30px;
    }

    .info-card {
      padding: 22px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

	.icon-line {
	  background: rgba(255, 252, 245, .72);
	  border: 1px solid rgba(185, 154, 91, .42);
	  color: var(--gold);
	}
	
	.icon-line svg {
	  width: 64px;
	  height: 64px;
	  stroke: currentColor;
	  stroke-width: 1.35;
	  stroke-linecap: round;
	  stroke-linejoin: round;
	}
	
	.info-card {
	  border: 1px solid rgba(185, 154, 91, .28);
	}

    .info-card p {
      margin: 0;
      color: var(--muted);
      line-height: 1.75;
      font-size: 14px;
	  font-family: var(--font-body);
    }

    .form-card, .upload-card { padding: 22px; }

    form { display: grid; gap: 16px; }

    .field { display: grid; gap: 7px; margin-bottom: 10px; }

    label {
      font-weight: 800;
      font-size: 13px;
      color: #27445d;
    }

    input, select, textarea {
      width: 100%;
      border: 1px solid rgba(11,79,138,.18);
      border-radius: 16px;
      padding: 13px 14px;
      font: inherit;
      color: var(--ink);
      background: rgba(255,255,255,.92);
      outline: none;
      font-size: 16px;
	  margin-bottom: 10px;
    }

    textarea { min-height: 96px; resize: vertical; }

    input:focus, select:focus, textarea:focus {
      border-color: rgba(18,118,183,.7);
      box-shadow: 0 0 0 4px rgba(18,118,183,.1);
    }

    .choice-grid { display: grid; gap: 10px; }

    .choice {
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 12px;
      border: 1px solid rgba(11,79,138,.12);
      border-radius: 17px;
      background: rgba(255,255,255,.64);
      cursor: pointer;
    }

    .choice input {
      width: 18px;
      height: 18px;
      accent-color: var(--blue);
    }

    .choice span {
      font-weight: 700;
      font-size: 14px;
    }

    .note {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.75;
	  font-family: var(--font-body);
      margin: 0;
    }

    .upload-box {
      border: 2px solid rgba(185, 154, 91, .28);
      border-radius: 24px;
      padding: 22px;
      text-align: center;
      background: rgba(223,243,255,.5);
    }

    .upload-box h3 {
      font-size: 34px;
      margin-bottom: 8px;
    }

    .file-input { margin-top: 14px; }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }

    .gallery-card {
      overflow: hidden;
      aspect-ratio: 1/1.18;
    }

    .gallery-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	.full-gallery-grid {
	  margin-top: 18px;
	}
	
	.gallery-actions {
	  margin: 22px auto 0;
	  max-width: 260px;
	}
	
	.hero-rings {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 5px 0 5px;
	}
	
	.hero-rings img {
	  width: 300px;
	  height: auto;
	  display: block;
	}

    .footer {
      padding: 42px 18px 50px;
      text-align: center;
      color: #fff;
      background:
        linear-gradient(135deg, rgba(11,79,138,.95), rgba(18,118,183,.92)),
        url('https://images.unsplash.com/photo-1570077188670-e3a8d69ac5ff?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
    }

    .footer h2 {
      color: #fff;
      font-size: 46px;
    }

    .footer p {
      margin: 12px auto 0;
      max-width: 520px;
      line-height: 1.7;
      color: rgba(255,255,255,.84);
    }

    .toast {
      position: fixed;
      left: 50%;
      top: 22px;
      transform: translateX(-50%) translateY(20px);
      opacity: 0;
      pointer-events: none;
      width: calc(100% - 28px);
      max-width: 420px;
      padding: 14px 16px;
      border-radius: 18px;
      background: #123d63;
      color: #fff;
      box-shadow: var(--shadow);
      z-index: 50;
      transition: opacity .25s ease, transform .25s ease;
      font-weight: 700;
      text-align: center;
      font-size: 14px;
    }

    .toast.show {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
	
	.upload-status {
	  display: none;
	  align-items: center;
	  justify-content: center;
	  gap: 10px;
	  margin-top: 14px;
	  font-weight: 800;
	  color: var(--blue);
	}
	
	.upload-status.show {
	  display: flex;
	}
	
	.spinner {
	  width: 22px;
	  height: 22px;
	  border: 3px solid rgba(11,79,138,.2);
	  border-top-color: var(--blue);
	  border-radius: 50%;
	  animation: spin .8s linear infinite;
	}
	
	.upload-actions-clean {
	  display: flex;
	  flex-direction: column;
	  gap: 14px; /* 🔥 separación entre botones */
	  margin-top: 10px;
	}
	
	.video-link-field {
	  margin-top: 18px; /* 🔥 separa bloque de videos */
	  display: flex;
	  flex-direction: column;
	  gap: 10px;
	}
	
	/* Inputs más respirados */
	.upload-card .field {
	  margin-bottom: 14px;
	}
	
	/* Botones más consistentes */
	.upload-card .btn {
	  height: 48px;
	  border-radius: 28px;
	  font-weight: 600;
	}
	
	@keyframes spin {
	  to { transform: rotate(360deg); }
	}
	
	.map-link {
	  display: inline-flex;
	  margin-top: 10px;
	  color: var(--blue);
	  font-size: 13px;
	  font-weight: 800;
	  text-decoration: none;
	}
	
	.map-link:hover {
	  text-decoration: underline;
	}
	
	.meal-guest-group {
	  margin-bottom: 12px;
	}
	
	.icon svg {
	  width: 26px;
	  height: 26px;
	  stroke: var(--gold);
	}
	
	#rsvpProtected {
	  opacity: 0;
	  transition: opacity .4s ease;
	}
	
	#rsvpProtected.show {
	  opacity: 1;
	}
	
	.welcome-invite {
	  margin: 14px 0 18px;
	  padding: 16px 18px;
	  border-radius: 20px;
	  background: rgba(255, 252, 245, .88);
	  border: 1px solid rgba(185,154,91,.35);
	  color: var(--blue);
	  font-weight: 800;
	  text-align: center;
	}
	
	.drink-guest-block {
	  margin-top: 14px;
	}
	
	.meal-guest-group {
	  padding: 14px 0;
	  border-bottom: 1px solid rgba(185,154,91,.22);
	}
	
	.meal-guest-group {
      position: relative;
      margin-bottom: 22px;
      padding: 18px 16px;
      border-radius: 22px;
    
      background:
        linear-gradient(rgba(255,252,245,.92), rgba(255,252,245,.92));
    
      border: 1px solid rgba(185,154,91,.28);
    
      box-shadow:
        0 10px 24px rgba(11,47,99,.06);
    
      transition:
        transform .25s ease,
        box-shadow .25s ease;
    }

    .meal-guest-group:hover {
      transform: translateY(-2px);
    
      box-shadow:
        0 16px 34px rgba(11,47,99,.10);
    }
    
    .meal-guest-group > label:first-child {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    
      margin-bottom: 14px;
    
      color: var(--gold);
      font-size: 15px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    
    .meal-guest-group > label:first-child::before {
      content: "✦";
      font-size: 12px;
      color: var(--gold);
    }
    
    .drink-guest-block {
      margin-top: 18px;
      padding-top: 16px;
    
      border-top: 1px dashed rgba(185,154,91,.28);
    }
    
    .drink-guest-block .note {
      margin-top: 6px;
      margin-bottom: 12px;
    }
    
    .choice-detail {
      align-items: flex-start;
    }
    
    .choice-content {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    
    .choice-title {
      font-weight: 700;
    }
    
    .choice-tip {
      font-size: 12px;
      line-height: 1.35;
      color: rgba(11,47,99,.68);
    }
    
    .drink-options-grid {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    
    .drink-choice {
      display: grid;
      grid-template-columns: 22px 1fr;
      gap: 12px;
      align-items: flex-start;
      padding: 14px 16px;
      border: 1px solid rgba(185,154,91,.24);
      border-radius: 18px;
      background: rgba(255,255,255,.72);
      cursor: pointer;
    }
    
    .drink-choice input {
      margin-top: 3px;
      width: 18px;
      height: 18px;
    }
    
    .drink-choice-body {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    
    .drink-choice-body strong {
      color: var(--blue);
      font-size: 14px;
      letter-spacing: .02em;
    }
    
    .drink-choice-body small {
      color: rgba(11,47,99,.68);
      font-size: 12px;
      line-height: 1.35;
    }
    
    .sub-select {
      margin-top: 8px;
      min-height: 40px;
      padding: 8px 12px;
      border-radius: 14px;
      border: 1px solid rgba(11,47,99,.18);
      background: #fff;
      color: var(--blue);
      font-weight: 600;
    }
    
    .meal-guest-group {
      padding: 0;
      overflow: hidden;
    }
    
    .guest-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 18px 16px;
      cursor: pointer;
      color: var(--blue);
    }
    
    .guest-card-header strong {
      color: var(--gold);
      font-size: 15px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    
    .guest-card-arrow {
      transition: transform .25s ease;
      color: var(--gold);
      font-size: 20px;
    }
    
    .guest-card-body {
      display: none;
      padding: 0 16px 18px;
    }
    
    .meal-guest-group.open .guest-card-body {
      display: block;
    }
    
    .meal-guest-group.open .guest-card-arrow {
      transform: rotate(180deg);
    } 
    @media (max-width: 767px) {
        .hero-card{
              margin-top:50px;
          }
        .couple-title .name-and {
            margin: 20px 10px;
          }
    }
    @media (min-width: 760px) {

      .actions {
        grid-template-columns: 1fr 1fr;
        max-width: 460px;
        margin-inline: auto;
      }

      .info-grid { grid-template-columns: repeat(3, 1fr); }

      .main-grid {
        display: grid;
        grid-template-columns: 1.1fr .9fr;
        gap: 18px;
        align-items: start;
      }

      .choice-grid { grid-template-columns: repeat(2, 1fr); }

      .gallery-grid { grid-template-columns: repeat(4, 1fr); }
	  
	  
	  #rsvpTitle{
		font-size: 64px;
	  }
    }
    
.gift-btn{
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  margin-top: 28px;
  padding: 14px 24px;

  border: 1px solid rgba(201,162,95,.32);
  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.96),
      rgba(255,248,240,.92)
    );

  color: #18324a;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: .03em;

  box-shadow:
    0 10px 28px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.8);

  cursor: pointer;
  transition: all .25s ease;
  width: 100%;
}

.gift-btn{
  color:#c9a25f;
}

.gift-btn svg{
  width: 30px;
  height: 30px;
  color: #c9a25f;
}

.gift-btn svg path{
  stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
  fill: none;
}

.gift-btn:hover{
  transform: translateY(-2px);

  border-color: rgba(201,162,95,.55);

  box-shadow:
    0 16px 34px rgba(15,23,42,.12),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.gift-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;

  background: rgba(10, 35, 58, .55);
  backdrop-filter: blur(10px);
}

.gift-modal.open {
  display: flex;
}

.gift-modal-card {
  position: relative;
  width: min(100%, 420px);
  padding: 28px 22px;
  border-radius: 28px;

  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 70px rgba(8,42,73,.25);
  text-align: center;
}

.gift-close {
  position: absolute;
  top: 12px;
  right: 12px;

  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;

  background: rgba(8,42,73,.08);
  color: var(--ink);
  font-size: 22px;
  cursor: pointer;
}

.gift-note {
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

.zelle-qr {
  width: 185px;
  height: 185px;
  object-fit: contain;
  margin: 16px auto 22px;
  padding: 10px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(8,42,73,.12);
}

.flying-heart {
  position: fixed;
  left: 50%;
  bottom: 90px;
  z-index: 9999;

  font-size: 34px;
  pointer-events: none;

  animation: flyHeart 1.8s ease-out forwards;
}

@keyframes flyHeart {
  0% {
    transform: translate(-50%, 0) scale(.6);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -220px) scale(1.4) rotate(12deg);
    opacity: 0;
  }
}
	
	.credits {
	  font-size: 11px;
	  opacity: 0.6;
	  margin-top: 10px;
	  text-align: center;
	}
	
	.credits a {
	  color: inherit;
	  text-decoration: underline;
	}
	
.gift-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:20px 0 16px;
}

.gift-option{
  -webkit-appearance:none;
  appearance:none;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:68px;
  padding:12px;

  border:1px solid rgba(201,162,95,.22);
  border-radius:18px;

  background:#fff;
  color:var(--ink);

  font-family:'Inter',sans-serif;

  cursor:pointer;
  transition:.25s ease;

  box-shadow:0 6px 14px rgba(8,42,73,.05);
}

.gift-option.active{
  border-color:#c9a25f;
  background:rgba(201,162,95,.08);
}

.gift-option-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.gift-option-content strong{
  font-size:13px;
  line-height:1.1;
  color:var(--ink);
}

.gift-option-content small{
  font-size:10px;
  line-height:1.2;
  color:var(--muted);
}

.gift-option-icon{
  flex:0 0 auto;
  font-size:22px;
}


.zelle-logo{
  width:38px;
  height:auto;
  display:block;
  margin: auto;
  object-fit:contain;

  filter:
    brightness(0)
    saturate(100%)
    invert(28%)
    sepia(28%)
    saturate(3369%)
    hue-rotate(278deg)
    brightness(72%)
    contrast(92%);
}

.zelle-qr-link{
  display:inline-block;
  border-radius:22px;
  overflow:hidden;
}

.zelle-qr-link:active{
  transform:scale(.98);
}

.gift-method-content{
  display:none;
}

.gift-method-content.active{
  display:block;
  margin-bottom:10px;
}

.apple-cash-btn{
  -webkit-appearance:none;
  appearance:none;

  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  padding:16px 18px;

  border-radius:18px;

  background:#111;
  color:#fff !important;

  text-decoration:none !important;

  font-size:15px;
  font-weight:600;
}

@media (max-width:520px){

  .gift-options{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .gift-option{
    min-height:62px;
    padding:10px;
    border-radius:16px;
  }

  .gift-option-content strong{
    font-size:12px;
  }

  .gift-option-content small{
    font-size:9px;
  }

  .gift-option-icon{
    font-size:20px;
  }

  .zelle-logo{
    width:34px;
  }
}