/* KiddieToys heritage theme: blue, green, yellow, red, and a little star power. */
:root {
    --brand-blue: #0645ad;
    --brand-blue-dark: #043786;
    --brand-green: #07973a;
    --brand-green-dark: #087333;
    --brand-yellow: #ffcc08;
    --brand-red: #ed2437;
    --ink: #183459;
    --muted: #58677b;
    --cream: #ffffff;
    --green: var(--brand-blue);
    --line: #dce6f4;
    --peach: #fff0ed;
    --mint: #e9f8ed;
    --yellow: #fff5c3;
    --lavender: #edf3ff;
}
body {
    background: #fff;
    font-family: 'Avenir Next', 'Trebuchet MS', Arial, sans-serif;
}
h1, h2, h3 {
    font-family: 'Avenir Next', 'Trebuchet MS', Arial, sans-serif;
    color: var(--brand-blue);
    font-weight: 750;
    letter-spacing: -1.4px;
}
h2 { line-height: 1.18; }
em { color: var(--brand-green-dark); }
::selection { background: #ffe66b; color: #163763; }
:focus-visible { outline-color: var(--brand-blue) !important; }
.announcement {
    background: var(--brand-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 20px;
}
.announcement span { color: #fff2ac; }
.header {
    height: 112px;
    min-height: 112px;
    position: relative;
    background: #fff;
    gap: 28px;
}
.header::after {
    content: '';
    position: absolute;
    height: 4px;
    bottom: 0;
    left: 48px;
    right: 48px;
    border-radius: 4px;
    background: linear-gradient(to right, var(--brand-blue) 25%, #0ab93d 25% 50%, var(--brand-yellow) 50% 75%, var(--brand-red) 75%);
}
.logo .brand-logo { width: 235px; height: 83px; }
.header nav { gap: 25px; font-size: 12px; font-weight: 650; }
.header nav a:not(.button):hover { color: var(--brand-blue); }
.header nav a[aria-current] { text-decoration-color: var(--brand-red); text-decoration-thickness: 3px; }
.saved-link b { background: #fff1b0; color: var(--brand-blue); }
.button {
    background: var(--brand-blue);
    border: 2px solid var(--brand-blue);
    color: #fff;
    border-radius: 12px;
    padding: 14px 22px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 0 var(--brand-blue-dark);
    transition: background .18s, box-shadow .18s, transform .18s;
}
.button:hover { background: #073b90; box-shadow: 0 5px 0 #032b68; transform: translateY(-1px); }
.button:active { transform: translateY(2px); box-shadow: 0 1px 0 #032b68; }
.button.small { border-radius: 10px; padding: 10px 16px; gap: 20px; }
.button.light { background: var(--brand-yellow); color: #123778; border-color: var(--brand-yellow); box-shadow: 0 4px 0 #d6a900; }
.button.light:hover { background: #ffdc40; }
.button.secondary { background: #fff; color: var(--brand-blue); }
.text-link { color: var(--brand-blue); font-weight: 700; }
.hero {
    padding-top: 54px;
    padding-bottom: 54px;
    min-height: 630px;
    grid-template-columns: 1.05fr 1fr;
    gap: 26px;
}
.eyebrow { color: var(--brand-blue); font-weight: 750; letter-spacing: 1.5px; }
.hero .eyebrow {
    display: inline-flex;
    align-items: center;
    background: #fff3b6;
    border-radius: 30px;
    padding: 8px 13px;
    font-size: 9px;
    letter-spacing: 1.3px;
    margin-bottom: 24px;
}
.eyebrow i { background: var(--brand-red); width: 7px; height: 7px; }
.hero h1 { font-size: clamp(44px, 4.25vw, 66px); font-weight: 800; line-height: 1.07; letter-spacing: -2.6px; }
.hero-happy { color: var(--brand-green-dark); }
.hero h1 em { color: var(--brand-red); }
.hero h1 svg { stroke: var(--brand-yellow); stroke-width: 7; margin: 10px 0 0 100px; max-width: calc(100% - 110px); }
.hero-copy > p { font-size: 15px; max-width: 420px; line-height: 1.85; margin: 23px 0 26px; }
.hero-actions { gap: 24px; }
.hero-actions .text-link { font-size: 12px; }
.hero-note { font-size: 11px; margin-top: 29px; }
.little-spark { color: var(--brand-blue); background: #fff0a2; border-radius: 50%; display: inline-grid; place-items: center; width: 29px; height: 29px; font-size: 18px; margin-right: 8px; }
.hero-scene { padding: 8px 4px 35px 15px; }
.scene-arch { border-radius: 46% 46% 26px 26px; background: #e6f2ff; transform: rotate(2deg); border: 2px solid #d6e8fc; }
.scene-doodle { width: 60px; height: 60px; left: -1px; top: -5px; transform: rotate(-12deg); }
.scene-doodle svg { display: block; width: 100%; height: 100%; fill: var(--brand-yellow); stroke: var(--brand-blue); stroke-width: 3; stroke-linejoin: round; }
.scene-label { color: var(--brand-blue); font-size: 16px; top: 28px; right: -5px; }
.scene-sticker {
    background: var(--brand-yellow);
    border: 5px solid #fff;
    color: #123b83;
    box-shadow: 0 6px 0 #dcad0030;
    width: 138px;
    height: 138px;
    left: -15px;
    bottom: 39px;
    padding: 18px 12px;
}
.scene-sticker strong { font-weight: 800; }
.scene-sticker span { color: var(--brand-red); }
.scene-caption { color: #54709a; letter-spacing: 1.1px; }
.promise-strip { background: #f1f7ff; color: #254e81; border-color: #dce9fa; gap: 95px; font-size: 11px; font-weight: 600; padding: 20px 24px; }
.section { padding-top: 66px; padding-bottom: 66px; }
.section-heading h2 { max-width: 720px; }
.section-heading > p { color: var(--muted); }
.age-tile { border: none; border-radius: 16px; background: var(--brand-blue); color: #fff; box-shadow: 0 5px 0 #043786; }
.age-tile > span { padding: 23px 0; font-weight: 800; font-family: 'Avenir Next', 'Trebuchet MS', sans-serif; font-size: 70px; }
.age-tile > span::before { content: '★'; opacity: .85; color: #fff1a1; left: 20%; font-size: 15px; top: 25px; }
.age-tile small { font-size: 13px; font-weight: 600; }
.age-tile > div { background: #0000000a; padding: 14px 17px; font-size: 11px; font-weight: 650; }
.age-3 { background: #087c35; box-shadow: 0 5px 0 #075d2a; }
.age-4 { background: #ffcd0c; color: #143770; box-shadow: 0 5px 0 #ddb000; }
.age-4 > span::before { color: #fff; }
.age-5 { background: #d81d33; box-shadow: 0 5px 0 #aa1325; }
.age-6 { background: #e5efff; color: var(--brand-blue); box-shadow: 0 5px 0 #b9d2fc; }
.age-6 > span::before { color: var(--brand-yellow); }
.guides-section { padding-top: 22px; }
.guide-grid { gap: 26px; }
.guide-visual { border-radius: 19px; border: 1px solid #dce6f4; margin-bottom: 21px; }
.round-arrow { background: #fff; color: var(--brand-blue); border: 1px solid #dbe5f6; width: 40px; height: 40px; font-weight: 700; }
.guide-card .meta { color: var(--brand-green-dark); }
.guide-card h3 { font-size: 25px; font-weight: 750; }
.guide-card p { font-size: 13px; }
.toy-art { background: var(--peach); }
.toy-art.mint, .mint { background: var(--mint); }
.toy-art.peach, .peach { background: var(--peach); }
.toy-art.yellow, .yellow { background: var(--yellow); }
.toy-art.lavender, .lavender { background: var(--lavender); }
.finder-banner {
    background: var(--brand-blue);
    border: 0;
    border-radius: 22px;
    color: #fff;
    padding: 42px;
    gap: 30px;
    position: relative;
    overflow: hidden;
}
.finder-banner::after { content: '★'; position: absolute; right: 27%; top: -32px; font-size: 130px; color: #ffffff09; transform: rotate(15deg); pointer-events: none; }
.finder-banner .eyebrow { color: #fff0a1; }
.finder-banner h2 { color: #fff; font-size: 31px; font-weight: 750; }
.finder-banner p { color: #e6efff; }
.finder-banner .button { z-index: 1; }
.finder-symbol { color: var(--brand-yellow); font-size: 72px; }
.toy-visual { border-radius: 16px; border: 1px solid #dce6f4; }
.save { width: 36px; height: 36px; background: #fff; color: var(--brand-blue); border: 1px solid #d8e4f4; }
.save:hover { color: var(--brand-red); }
.save.is-saved { color: var(--brand-red); background: #fff2f2; border-color: #ffc4c8; }
.card-tag { background: #fff; color: #234e84; border-radius: 30px; padding: 4px 10px; font-size: 9px; font-weight: 600; }
.meta { color: #586b86; }
.toy-copy .meta span { color: var(--brand-green-dark); }
.toy-copy h3 { font-size: 21px; font-weight: 750; }
.fine { color: #5b6c83; }
.catalog-note { border-top: 1px solid var(--line); padding-top: 18px; }
.story-section { background: #eef8f0; position: relative; border-block: 1px solid #d5eddb; }
.story-section .eyebrow { color: var(--brand-green-dark); }
.story-section h2 { color: #086b32; font-size: 39px; }
.newsletter { position: relative; background: #fff; }
.newsletter h2 { font-size: 35px; }
.newsletter .eyebrow { color: var(--brand-red); }
.newsletter .button { border-radius: 10px; }
input:not([type=radio]):not([type=checkbox]), select { border-color: #cddcf0; border-radius: 9px; background: #fff; color: var(--ink); }
input[type=checkbox], input[type=radio] { accent-color: var(--brand-blue); }
.consent { color: #53677f; }
footer { background: #f1f6ff; border-top: 5px solid; border-image: linear-gradient(to right, var(--brand-blue) 25%, #0ab93d 25% 50%, var(--brand-yellow) 50% 75%, var(--brand-red) 75%) 1; }
.footer-top p { color: #526b8b; }
.footer-top > div:not(:first-child) a { color: #274e83; }
.footer-top .brand-logo { width: 220px; height: 77px; }
.footer-bottom { border-color: #d1dff2; color: #59708b; }
.footer-bottom p { color: #59708b; }
.page-intro { background: #edf5ff; border-bottom: 1px solid #d9e8fb; position: relative; overflow: hidden; }
.page-intro::before, .page-intro::after { content: '★'; position: absolute; color: #ffcc08; font-size: 45px; opacity: .75; transform: rotate(-16deg); pointer-events: none; }
.page-intro::before { top: 45px; left: max(25px, calc((100vw - 1100px)/2)); }
.page-intro::after { right: max(25px, calc((100vw - 1100px)/2)); bottom: 45px; font-size: 27px; transform: rotate(16deg); }
.page-intro h1 { font-weight: 800; }
.page-intro em { color: var(--brand-green-dark); }
.results-bar { color: #546a87; }
.filters { border-color: #dbe7f7; }
.filters label, .blog-filters label { color: #264d80; }
.guide-hero h1, .toy-detail h1, .prose h1 { font-weight: 800; }
.guide-hero .toy-art { border-radius: 22px; }
.guide-hero .meta { color: #3e608b; }
.breadcrumb { color: var(--brand-blue); }
.guide-body aside { background: #f3f7ff; padding: 24px; border-radius: 16px; border: 1px solid #dbe6f5; }
.guide-body aside h2 { font-size: 28px; }
.toy-detail .toy-art { border-radius: 22px; border: 1px solid #dbe6f5; }
.budget-pill { background: #e8f7ed; color: #076d31; font-weight: 650; border-radius: 30px; }
.buy-box { background: #f0f6ff; border-color: #d6e5fc; border-radius: 16px; }
.empty-heart { color: var(--brand-red); }
.finder-container { border-color: #d6e3f5; border-radius: 22px; box-shadow: 0 8px 0 #e9f1fc; background: #fff; }
.finder-progress > span { background: #e6effc; color: #285184; font-weight: 700; }
.finder-progress i { background: #d5e4fa; }
.finder-progress .active { background: var(--brand-blue); color: #fff; }
.finder-progress .active small { color: var(--brand-blue); }
.finder-step legend { color: var(--brand-blue); font-weight: 750; }
.choice > span { background: #f0f5ff; border-color: #e1eafa; border-radius: 15px; color: var(--brand-blue); }
.choice:nth-child(2) > span { background: #eaf8ee; border-color: #d4ecda; color: #087333; }
.choice:nth-child(3) > span { background: #fff5c6; border-color: #f7e79a; }
.choice:nth-child(4) > span { background: #fff0ef; border-color: #f4d9d9; color: #ae1931; }
.choice input:checked + span { background: #e5efff; border-color: var(--brand-blue); box-shadow: 0 4px 0 #c4d8f9; color: var(--brand-blue); }
.choice strong { font-weight: 800; }
.choice input:focus-visible + span { outline-color: var(--brand-blue); }
.notice { background: #eaf7ee; border-color: var(--brand-green-dark); color: #075d2d; }
.error { color: #bb1830; }
.toast { background: var(--brand-blue); box-shadow: 0 5px 0 #032c701a; border-radius: 12px; }
.prose h2, .prose h3 { color: var(--brand-blue); }
.markdown-body blockquote { background: #fff8d9; border-color: var(--brand-yellow); border-radius: 0 12px 12px 0; }
.markdown-body pre { background: #edf4ff; }
.content-preview { background: #fff2af; color: #183e7a; }
.article-meta { color: #557299; }
.article-end { border-color: #d9e5f7; }
.blog-card { border-color: #d8e5f7; border-radius: 19px; background: #fff; }
.blog-card-top { background: #eaf2ff; border-bottom: 4px solid var(--brand-blue); }
.blog-card:nth-child(3n+2) .blog-card-top { background: #eaf8ee; border-color: #0aa342; }
.blog-card:nth-child(3n+3) .blog-card-top { background: #fff7d2; border-color: var(--brand-yellow); }
.blog-spark { color: var(--brand-blue); }
.blog-card:nth-child(3n+2) .blog-spark { color: var(--brand-green-dark); }
.blog-card:nth-child(3n+3) .blog-spark { color: var(--brand-red); }
.blog-card h2 { font-weight: 750; }
.simple-pagination a { color: var(--brand-blue); }
.menu-toggle { border-color: #d3e0f4; background: #f0f5ff; color: var(--brand-blue); border-radius: 9px; font-weight: 650; }
/* The same identity, with a quieter treatment at the publishing desk. */
.admin-body, .admin-login { background: #eff5ff; }
.admin-header { background: #fff; border-bottom: 4px solid var(--brand-blue); }
.admin-sidebar { background: #fff; border-color: #dae5f5; }
.admin-sidebar nav a.selected { background: #e8f0ff; color: var(--brand-blue); }
.admin-panel, .login-card { background: #fff; border-color: #d7e4f6; border-radius: 15px; }
.login-card { border-top: 5px solid var(--brand-blue); box-shadow: 0 8px 0 #dce9fc; }
.login-card .button { width: 100%; }
.admin-panel textarea { border-color: #cddcf0; background: #fff; border-radius: 9px; }
.stat-card { border: 1px solid #d2e3fa; background: #e4efff; border-radius: 13px; color: var(--brand-blue); }
.stat-card:nth-child(2) { background: #e6f7ec; border-color: #cfe9d7; color: #087333; }
.stat-card:nth-child(3) { background: #fff4c6; border-color: #f4e2a1; }
.stat-card:nth-child(4) { background: #ffeded; border-color: #f6d5d8; color: #bb1f35; }
.badge { background: #eaf2ff; color: var(--brand-blue); }
.editor-help, .copy-url { background: #edf4ff; }
.admin-errors { background: #fff0ed; border-color: var(--brand-red); color: #a61d2e; }
.danger { color: #b51d30; }
@media (min-width: 1500px) {
    .hero { padding-top: 65px; padding-bottom: 65px; }
}
@media (max-width: 1100px) {
    .header { padding-inline: 30px; gap: 20px; }
    .header::after { left: 30px; right: 30px; }
    .header .brand-logo { width: 200px; height: 73px; }
    .header nav { gap: 17px; font-size: 11px; }
    .hero { padding: 43px 30px; }
    .hero h1 { font-size: 51px; }
    .hero .eyebrow { font-size: 8px; letter-spacing: .9px; }
    .hero-actions { gap: 17px; flex-wrap: wrap; }
    .hero-actions .button { padding: 13px 17px; }
    .promise-strip { gap: 40px; }
    .section { padding: 55px 30px; }
    .guides-section { padding-top: 20px; }
    .finder-banner { padding: 32px; }
    .finder-banner h2 { font-size: 27px; }
    .finder-symbol { font-size: 55px; }
    .story-section h2 { font-size: 35px; }
}
@media (min-width: 761px) and (max-width: 940px) {
    .header { padding-inline: 23px; gap: 14px; }
    .header .brand-logo { width: 175px; height: 67px; }
    .header nav { gap: 13px; font-size: 10px; }
    .header .button { padding: 9px 12px; gap: 10px; font-size: 11px; }
    .hero h1 { font-size: 43px; }
    .hero-copy > p { font-size: 13px; }
}
@media (max-width: 760px) {
    .announcement { font-size: 9px; padding: 9px 15px; }
    .header { height: 95px; min-height: 95px; padding: 0 22px; }
    .header::after { left: 22px; right: 22px; height: 3px; }
    .header .brand-logo { width: 185px; height: 67px; }
    .header nav { top: 95px; gap: 19px; background: #fff; border-color: #d8e5f7; font-size: 14px; }
    .header nav .button { justify-content: space-between; }
    .hero { padding: 32px 22px 34px; gap: 38px; min-height: 0; grid-template-columns: minmax(0, 1fr); }
    .hero .eyebrow { font-size: 8px; padding: 7px 11px; margin-bottom: 20px; letter-spacing: 1px; }
    .hero h1 { font-size: clamp(40px, 10.6vw, 58px); letter-spacing: -1.9px; }
    .hero h1 svg { margin-left: 70px; width: 245px; max-width: calc(100% - 80px); height: 17px; }
    .hero-copy > p { font-size: 14px; margin-top: 17px; max-width: 470px; }
    .hero-actions { gap: 20px; }
    .hero-actions .button { padding: 13px 16px; font-size: 11px; }
    .hero-actions .text-link { font-size: 11px; }
    .hero-note { margin-top: 24px; font-size: 10px; }
    .hero-scene { padding: 0 15px 29px; max-width: 480px; }
    .scene-doodle { width: 45px; height: 45px; left: 8px; top: -8px; }
    .scene-arch { border-radius: 46% 46% 23px 23px; max-height: none; }
    .scene-label { right: 8px; top: 15px; font-size: 13px; }
    .scene-sticker { width: 112px; height: 112px; font-size: 10px; padding: 16px 9px; left: 0; bottom: 35px; border-width: 4px; }
    .scene-sticker span { font-size: 24px; }
    .scene-caption { font-size: 6px; right: 16px; }
    .promise-strip { gap: 13px; padding: 17px 18px; font-size: 9px; }
    .section { padding: 44px 22px; }
    .section-heading h2 { font-size: 28px; letter-spacing: -1px; }
    .section-heading .text-link { font-size: 10px; }
    .age-grid { gap: 13px; padding-bottom: 8px; }
    .age-tile { min-width: 139px; border-radius: 14px; }
    .age-tile > span { font-size: 62px; padding: 20px 0; }
    .age-tile > div { font-size: 10px; padding: 13px 12px; }
    .guides-section { padding-top: 12px; }
    .guide-card h3 { font-size: 25px; }
    .guide-visual { border-radius: 17px; margin-bottom: 18px; }
    .finder-banner { padding: 28px 24px; border-radius: 18px; }
    .finder-banner h2 { font-size: 29px; }
    .finder-banner::after { right: -10px; top: -17px; }
    .toy-copy h3 { font-size: 18px; line-height: 1.23; letter-spacing: -.5px; }
    .toy-visual { border-radius: 13px; }
    .toy-copy .meta { font-size: 7px; }
    .save { width: 31px; height: 31px; }
    .card-tag { font-size: 8px; padding: 3px 8px; }
    .story-section { padding: 25px 22px 40px; }
    .story-section h2 { font-size: 34px; }
    .newsletter h2 { font-size: 31px; }
    .newsletter .button { font-size: 10px; padding: 12px 13px; }
    .footer-top .brand-logo { width: 200px; height: 70px; }
    .page-intro { padding: 43px 22px; }
    .page-intro h1 { font-size: 39px; position: relative; z-index: 1; }
    .page-intro::before { left: -10px; top: 13px; font-size: 28px; opacity: .45; }
    .page-intro::after { right: 6px; bottom: 18px; font-size: 20px; opacity: .55; }
    .guide-body aside { padding: 22px; }
    .guide-body aside h2 { font-size: 27px; }
    .finder-container { margin-inline: 18px; padding: 24px 16px; border-radius: 18px; }
    .choice > span { border-radius: 12px; }
    .finder-actions .button { font-size: 10px; padding: 12px; }
    .cms-article h1 { font-size: 38px; }
    .login-card { border-radius: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .button { transition: none; }
}

/* A little more reading comfort, with centered button labels at every size. */
body { font-size: 16px; }
.hero-copy > p { font-size: 16px; }
.guide-card p, .blog-card p { font-size: 14px; }
.toy-copy p { font-size: 14px; }
.story-section p, .toy-detail p { font-size: 15px; }
.prose p { font-size: 16px; }
.guide-body aside p { font-size: 14px; }
.page-intro p, .finder-step > p, .finder-banner p { font-size: 15px; }
.newsletter p { font-size: 14px; }
.newsletter-form .fine, .consent { font-size: 12px; }
footer { font-size: 14px; }
.footer-top p, .footer-top > div:not(:first-child) { font-size: 14px; }
.footer-bottom, .footer-bottom p { font-size: 11px; }
button { text-align: center; }
.button, .header nav .button {
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media (max-width: 760px) {
    .hero-copy > p { font-size: 15px; }
    .toy-copy p { font-size: 12px; }
    .story-section p { font-size: 14px; }
    .page-intro p, .finder-step > p, .finder-banner p { font-size: 14px; }
}
.product-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1120px;margin:32px auto;padding:24px}.catalog-product-card{border:1px solid #dce5ec;border-radius:20px;padding:24px;background:#fff}.catalog-product-card img{width:100%;height:230px;object-fit:contain}.catalog-comparison-scroll{overflow-x:auto;max-width:1120px;margin:32px auto;padding:16px}.catalog-comparison{width:100%;border-collapse:collapse;background:white}.catalog-comparison th,.catalog-comparison td{padding:18px;border:1px solid #dce5ec;text-align:left;min-width:170px}.catalog-comparison thead{background:#eaf4fb}.catalog-comparison caption{padding:14px;text-align:left}.prose select,.prose input{padding:12px;border:1px solid #b7c8d6;border-radius:8px;max-width:100%}

.blog-cover-link{display:block}.blog-cover-link img{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px}.blog-featured-image{margin:28px 0}.blog-featured-image img,.markdown-body img{max-width:100%;height:auto;border-radius:16px}.blog-featured-image figcaption{font-size:13px;line-height:1.6;color:#64748b;margin-top:10px}

.seo-breadcrumbs{max-width:1200px;margin:18px auto 0;padding:0 24px;font-size:13px;color:#5d6b7f}.seo-breadcrumbs ol{display:flex;list-style:none;flex-wrap:wrap;gap:8px;padding:0;margin:0}.seo-breadcrumbs li+li:before{content:"/";margin-right:8px;color:#94a3b8}.answer-faq{max-width:980px}.answer-faq details{border-bottom:1px solid #dce5ec;padding:20px 0}.answer-faq summary{font-weight:700;font-size:18px;cursor:pointer}.answer-faq p{line-height:1.8;color:#526174;max-width:800px}.article-outline{background:#edf5fc;border:1px solid #d5e6f5;border-radius:16px;padding:24px;margin:28px 0}.article-outline ul{margin-bottom:0}.article-outline .outline-sub{margin-left:18px}h2[id],h3[id]{scroll-margin-top:110px}.toy-detail h2{font-size:22px;margin-top:28px}

.article-answer{border-left:4px solid #e7b531;padding:12px 20px;margin:24px 0;background:#fffbef;border-radius:0 14px 14px 0}.article-answer .lead{margin-bottom:6px}.guide-body aside li{margin-bottom:12px;line-height:1.7}.logo picture{display:block;line-height:0}