Mamaraya Personalized Halloween Witch Hat for Kids - Mustard

mamaraya (US)🇺🇸US only

Mamaraya Personalized Halloween Witch Hat for Kids - Mustard

by MamaRaya

.mbt-pd, .mbt-pd * { box-sizing: border-box; } .mbt-pd { --ink: #231c26; --muted: #6b6370; --line: #e3dad0; --peach: #faeee8; --yellow: #fdf3cf; --sky: #ede9f7; --lilac: #f5ebf8; --cream: #fbf7f0; --accent: #e36414; color: var(--ink); font-family: inherit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; max-width: 1180px; margin: 0 auto; overflow: hidden; } .mbt-pd h2, .mbt-pd h3, .mbt-pd p, .mbt-pd figure { margin: 0; } .mbt-pd h2, .mbt-pd h3 { color: var(--ink); font-weight: 700; letter-spacing: -.025em; line-height: 1.15; } .mbt-pd h2 { font-size: clamp(28px, 3.2vw, 44px); } .mbt-pd h3 { font-size: clamp(20px, 2vw, 27px); } .mbt-pd p { color: var(--muted); } .mbt-pd img { display: block; width: 100%; height: auto; border-radius: 18px; } .mbt-pd__eyebrow { color: var(--accent) !important; font-size: 12px; font-weight: 800; letter-spacing: .18em; line-height: 1.35; text-transform: uppercase; } .mbt-pd__section, .mbt-pd__review { padding: clamp(42px, 6vw, 78px) clamp(18px, 5vw, 70px); } .mbt-pd > .mbt-pd__section:first-child { margin-top: 0 !important; padding-top: clamp(8px, 1.5vw, 18px) !important; } .mbt-pd__center { text-align: center; } .mbt-pd__center > p { max-width: 820px; margin: 16px auto 0; } .mbt-pd__custom-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 32px; } .mbt-pd__custom-card { display: flex; min-width: 0; flex-direction: column; gap: 13px; padding: 24px 18px 18px; border-radius: 22px; text-align: center; } .mbt-pd__custom-card--peach { background: var(--peach); } .mbt-pd__custom-card--yellow { background: var(--yellow); } .mbt-pd__custom-card--sky { background: var(--sky); } .mbt-pd__custom-card--lilac { background: var(--lilac); } .mbt-pd__custom-card h3 { font-size: 22px; } .mbt-pd__custom-card > p:not(.mbt-pd__eyebrow) { font-size: 14px; line-height: 1.55; } .mbt-pd__custom-demo { display: grid; min-height: 238px; place-items: center; align-content: center; margin-top: auto; padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, .75); overflow: hidden; } .mbt-pd__choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; } .mbt-pd__choice-pill { display: grid; min-height: 42px; place-items: center; border: 1px solid rgba(227, 100, 20, .28); border-radius: 10px; background: rgba(255, 255, 255, .9); color: var(--ink); font-size: 13px; font-weight: 700; } .mbt-pd__name-reference { width: 100%; max-height: 180px; object-fit: contain; border-radius: 12px; } .mbt-pd__yarn-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; } .mbt-pd__yarn-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; } .mbt-pd__yarn-visual { display: flex; align-items: center; justify-content: center; height: 48px; width: 100%; } .mbt-pd__yarn-trio { display: flex; align-items: center; justify-content: center; gap: 3px; } .mbt-pd__yarn-ball { width: 17px; height: 17px; border-radius: 50%; box-shadow: inset 0 -2px 4px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.08); } .mbt-pd__yarn-heart { width: 32px; height: 28px; position: relative; display: inline-block; filter: drop-shadow(0 2px 4px rgba(0,0,0,.1)); } .mbt-pd__yarn-choice span { display: block; margin-top: 6px; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.2; } .mbt-pd__icon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; } .mbt-pd__icon-item { display: grid; place-items: center; padding: 8px 4px; border-radius: 10px; background: rgba(255, 255, 255, .9); border: 1px solid rgba(227, 100, 20, .25); font-size: 12px; font-weight: 700; color: var(--ink); } .mbt-pd__price-note { display: block; margin-top: 8px; color: var(--accent); font-size: 12px; font-weight: 700; line-height: 1.35; } .mbt-pd__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-ite