Free Children's Cute Braided Hairpin

.yl-kids-braided-hairpin{ max-width:900px; margin:0 auto; font-family:Arial,Helvetica,sans-serif; color:#40343a; line-height:1.7; background:#fff; } .yl-kids-braided-hairpin *{ box-sizing:border-box; } /* HERO */ .yl-kbh-hero{ background:linear-gradient(135deg,#6b2947 0%,#9c4567 52%,#d58a9f 100%); color:#fff; padding:54px 28px; border-radius:24px; text-align:center; margin-bottom:25px; } .yl-kbh-hero h1{ margin:0 0 14px; font-size:34px; line-height:1.2; font-weight:800; letter-spacing:-.5px; } .yl-kbh-hero p{ max-width:750px; margin:0 auto 23px; color:#fff8fb; font-size:17px; } .yl-kbh-badges{ display:flex; flex-wrap:wrap; justify

Contents

center; gap:10px; } .yl-kbh-badge{ padding:7px 15px; border-radius:999px; border:1px solid rgba(255,255,255,.38); background:rgba(255,255,255,.13); color:#fff; font-size:13px; font-weight:700; } /* INTRO */ .yl-kbh-intro{ padding:28px; background:#fff5f8; border:1px solid #f0dce4; border-radius:19px; margin-bottom:31px; text-align:center; } .yl-kbh-intro h2{ margin:0 0 10px; font-size:26px; color:#742f4d; } .yl-kbh-intro p{ margin:0; color:#665c61; } /* BENEFITS */ .yl-kbh-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:31px; } .yl-kbh-card{ padding:22px 18px; border:1px solid #eadde2; border-radius:18px; background:#fff; box-shadow:0 5px 16px rgba(91,47,66,.06); } .yl-kbh-card .num{ display:inline-flex; align-items:center; justify

Contents

center; width:36px; height:36px; border-radius:50%; background:#a94d70; color:#fff; font-size:13px; font-weight:800; margin-bottom:12px; } .yl-kbh-card h3{ margin:0 0 8px; color:#71344f; font-size:17px; } .yl-kbh-card p{ margin:0; color:#6b6266; font-size:14px; } /* BANNER */ .yl-kbh-banner{ background:#f4e3e9; color:#743650; padding:28px; border-radius:18px; text-align:center; margin-bottom:35px; border:1px solid #e7ccd7; } .yl-kbh-banner strong{ display:block; font-size:25px; margin-bottom:5px; } .yl-kbh-banner span{ color:#675c61; font-size:14px; } /*

Features

*/ .yl-kbh

Features

{ margin-bottom:37px; } .yl-kbh

Features

img{ width:100%; display:block; border-radius:19px; margin-bottom:16px; } .yl-kbh

Features

h3{ margin:0 0 8px; color:#71344f; font-size:22px; } .yl-kbh

Features

p{ margin:0; color:#645c60; font-size:15px; } /* OCCASIONS */ .yl-kbh-use{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:33px; } .yl-kbh-use-item{ padding:20px 14px; background:#fff9fb; border:1px solid #eadde2; border-radius:17px; text-align:center; } .yl-kbh-use-item h3{ margin:0 0 7px; color:#71344f; font-size:16px; } .yl-kbh-use-item p{ margin:0; color:#70666a; font-size:13px; } /* COLORS */ .yl-kbh-colors{ background:#33252c; color:#fff; padding:31px 24px; border-radius:19px; margin-bottom:30px; text-align:center; } .yl-kbh-colors h2{ margin:0 0 18px; font-size:25px; } .yl-kbh-color-list{ display:flex; flex-wrap:wrap; justify

Contents

center; gap:10px; } .yl-kbh-color{ padding:9px 15px; background:#fff; color:#593442; border-radius:999px; font-size:13px; font-weight:700; } /* OFFER */ .yl-kbh-offer{ padding:26px; background:#fff3f7; border:1px solid #ebd5df; border-radius:19px; margin-bottom:31px; text-align:center; } .yl-kbh-offer h2{ margin:0 0 9px; color:#71344f; font-size:24px; } .yl-kbh-offer strong{ display:inline-block; padding:10px 19px; border-radius:999px; background:#a94d70; color:#fff; font-size:15px; } /*

How to Use

*/ .yl-kbh-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:32px; } .yl-kbh-step{ padding:21px 16px; background:#fff; border:1px solid #eadde2; border-radius:17px; text-align:center; } .yl-kbh-step-number{ width:39px; height:39px; display:flex; align-items:center; justify

Contents

center; margin:0 auto 10px; border-radius:50%; background:#a94d70; color:#fff; font-weight:800; } .yl-kbh-step h3{ margin:0 0 6px; color:#71344f; font-size:16px; } .yl-kbh-step p{ margin:0; color:#6b6266; font-size:13px; } /* TABLE */ .yl-kbh-table{ width:100%; border-collapse:collapse; margin-bottom:30px; border:1px solid #e8dde1; border-radius:14px; overflow:hidden; } .yl-kbh-table th, .yl-kbh-table td{ padding:13px 15px; border-bottom:1px solid #eee7ea; text-align:left; font-size:14px; } .yl-kbh-table th{ width:34%; background:#f8edf2; color:#71344f; } .yl-kbh-table td{ background:#fff; color:#625b5f; } /* PACKAGE */ .yl-kbh-package{ padding:24px; background:#faf8f9; border:1px solid #e5dfe2; border-radius:18px; margin-bottom:27px; } .yl-kbh-package h2{ margin:0 0 9px; color:#71344f; font-size:21px; } .yl-kbh-package p{ margin:0; color:#625b5f; font-size:14px; } /*

Notes

*/ .yl-kbh

Notes

{ padding:21px; border-left:4px solid #a94d70; background:#faf4f7; margin-bottom:30px; } .yl-kbh

Notes

h3{ margin:0 0 8px; color:#71344f; font-size:18px; } .yl-kbh

Notes

ul{ margin:0; padding-left:20px; color:#625b5f; font-size:14px; } /* CTA */ .yl-kbh-cta{ text-align:center;