Versand

.mb-shipping-info { --mb-ship-bg: #0a0a0a; --mb-ship-card: rgba(255, 255, 255, 0.045); --mb-ship-border: rgba(212, 175, 55, 0.28); --mb-ship-gold: #d4af37; --mb-ship-gold-soft: rgba(212, 175, 55, 0.14); --mb-ship-text: #ffffff; --mb-ship-muted: rgba(255, 255, 255, 0.72); width: 100%; max-width: 860px; margin: 24px auto; padding: 0; color: var(--mb-ship-text); font-family: inherit; isolation: isolate; } .mb-shipping-info, .mb-shipping-info * { box-sizing: border-box; } .mb-shipping-info__inner { position: relative; overflow: hidden; border: 1px solid var(--mb-ship-border); border-radius: 22px; background: radial-gradient(circle at 12% 0%, rgba(212, 175, 55, 0.13), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)), var(--mb-ship-bg); box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.035); padding: clamp(22px, 4vw, 36px); } .mb-shipping-info__inner::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.22), transparent) top center / 100% 1px no-repeat; } .mb-shipping-info__header { display: grid; gap: 8px; margin-bottom: 22px; text-align: center; } .mb-shipping-info__eyebrow { margin: 0; color: var(--mb-ship-gold); font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .mb-shipping-info__title { margin: 0; color: var(--mb-ship-text); font-size: clamp(24px, 4vw, 38px); line-height: 1.05; letter-spacing: 0.02em; } .mb-shipping-info__subtitle { max-width: 620px; margin: 4px auto 0; color: var(--mb-ship-muted); font-size: 15px; line-height: 1.6; } .mb-shipping-info__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; } .mb-shipping-info__card { min-width: 0; border: 1px solid rgba(212, 175, 55, 0.18); border-radius: 18px; background: var(--mb-ship-card); padding: 18px 16px; text-align: center; } .mb-shipping-info__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 12px; border-radius: 50%; color: var(--mb-ship-gold); background: radial-gradient(circle at 30% 22%, rgba(244, 220, 134, 0.2), transparent 44%), var(--mb-ship-gold-soft); border: 1px solid rgba(212, 175, 55, 0.32); } .mb-shipping-info__icon svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .mb-shipping-info__card-title { margin: 0 0 7px; color: var(--mb-ship-text); font-size: 14px; font-weight: 800; line-height: 1.25; letter-spacing: 0.06em; text-transform: uppercase; } .mb-shipping-info__price { display: block; margin-bottom: 6px; color: var(--mb-ship-gold); font-size: 26px; font-weight: 900; line-height: 1; } .mb-shipping-info__text { margin: 0; color: var(--mb-ship-muted); font-size: 13px; line-height: 1.5; } .mb-shipping-info__note { margin: 18px 0 0; padding: 14px 16px; border-radius: 14px; color: var(--mb-ship-muted); background: rgba(212, 175, 55, 0.07); border: 1px solid rgba(212, 175, 55, 0.16); font-size: 13px; line-height: 1.55; text-align: center; } .mb-shipping-info__note strong { color: var(--mb-ship-text); font-weight: 800; } @media screen and (max-width: 749px) { .mb-shipping-info { margin: 18px auto; } .mb-shipping-info__inner { border-radius: 18px; padding: 20px 14px; } .mb-shipping-info__grid { grid-template-columns: 1fr; gap: 10px; } .mb-shipping-info__card { display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; align-items: center; text-align: left; padding: 15px 14px; } .mb-shipping-info__icon { margin-bottom: 0; } .mb-shipping-info__price { font-size: 22px; } .mb-shipping-info__card-title, .mb-shipping-info__text { grid-column: 2; } }