{"id":66,"date":"2026-11-09T08:29:16","date_gmt":"2026-11-09T08:29:16","guid":{"rendered":"https:\/\/miyabrush.com\/?page_id=66"},"modified":"2026-11-09T08:29:16","modified_gmt":"2026-11-09T08:29:16","slug":"base-brush","status":"publish","type":"page","link":"https:\/\/miyabrush.com\/?page_id=66","title":{"rendered":"Base Brush"},"content":{"rendered":"\n<style id=\"miya-theme-custom\">\n\/* MIYA B2B industrial theme \u2014 inspired by Osaki-style section layout (original CSS) *\/\n:root {\n  --miya-ink: #0f1419;\n  --miya-ink-2: #1a222c;\n  --miya-slate: #2c3642;\n  --miya-muted: #6b7582;\n  --miya-line: #e4e7eb;\n  --miya-bg: #f5f6f8;\n  --miya-white: #ffffff;\n  --miya-accent: #c45c26;\n  --miya-accent-h: #a84a1c;\n  --miya-teal: #1f6f6a;\n  --miya-radius: 4px;\n  --miya-shadow: 0 8px 28px rgba(15, 20, 25, 0.08);\n  --miya-max: 1180px;\n  --miya-font: \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\n}\n\n\/* Scope under body \/ .miya-site wrapper when possible *\/\n.miya-site,\n.miya-page {\n  font-family: var(--miya-font);\n  color: var(--miya-ink);\n  line-height: 1.65;\n}\n\n.miya-page * { box-sizing: border-box; }\n\n.miya-wrap {\n  width: min(100% - 2rem, var(--miya-max));\n  margin-inline: auto;\n}\n\n.miya-section {\n  padding: 4.5rem 0;\n}\n\n.miya-section--tight { padding: 3rem 0; }\n.miya-section--dark {\n  background: var(--miya-ink);\n  color: var(--miya-white);\n}\n.miya-section--muted { background: var(--miya-bg); }\n\n.miya-kicker {\n  display: inline-block;\n  font-size: 0.75rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--miya-accent);\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n\n.miya-section-title {\n  font-size: clamp(1.6rem, 2.4vw, 2.15rem);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  margin: 0 0 0.75rem;\n  line-height: 1.25;\n}\n\n.miya-section-lead {\n  max-width: 46rem;\n  color: var(--miya-muted);\n  margin: 0 0 2rem;\n  font-size: 1.05rem;\n}\n\n.miya-section--dark .miya-section-lead { color: rgba(255,255,255,0.72); }\n.miya-section--dark .miya-kicker { color: #e8a078; }\n\n\/* Hero *\/\n.miya-hero {\n  position: relative;\n  min-height: clamp(420px, 62vh, 680px);\n  display: grid;\n  align-items: center;\n  background: var(--miya-ink-2);\n  color: var(--miya-white);\n  overflow: hidden;\n}\n\n.miya-hero__media {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n\n.miya-hero__media img,\n.miya-hero__media .miya-ph {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.miya-hero__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(105deg, rgba(15,20,25,0.88) 0%, rgba(15,20,25,0.55) 48%, rgba(15,20,25,0.35) 100%);\n  z-index: 1;\n}\n\n.miya-hero__content {\n  position: relative;\n  z-index: 2;\n  padding: 5rem 0;\n}\n\n.miya-hero h1 {\n  font-size: clamp(2rem, 4.2vw, 3.4rem);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  margin: 0 0 1rem;\n  max-width: 14ch;\n  font-weight: 800;\n}\n\n.miya-hero p {\n  font-size: 1.125rem;\n  max-width: 36rem;\n  color: rgba(255,255,255,0.86);\n  margin: 0 0 1.75rem;\n}\n\n\/* Buttons *\/\n.miya-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.85rem 1.5rem;\n  border-radius: var(--miya-radius);\n  font-weight: 700;\n  text-decoration: none !important;\n  border: 2px solid transparent;\n  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;\n  cursor: pointer;\n  font-size: 0.95rem;\n}\n\n.miya-btn:hover { transform: translateY(-1px); }\n\n.miya-btn--primary {\n  background: var(--miya-accent);\n  color: #fff !important;\n}\n.miya-btn--primary:hover { background: var(--miya-accent-h); color: #fff !important; }\n\n.miya-btn--ghost {\n  background: transparent;\n  border-color: rgba(255,255,255,0.55);\n  color: #fff !important;\n}\n.miya-btn--ghost:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: #fff;\n}\n\n.miya-btn--outline {\n  background: transparent;\n  border-color: var(--miya-ink);\n  color: var(--miya-ink) !important;\n}\n.miya-btn--outline:hover {\n  background: var(--miya-ink);\n  color: #fff !important;\n}\n\n.miya-btn-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.75rem;\n}\n\n\/* Counters \/ about strip *\/\n.miya-about-strip {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 2.5rem;\n  align-items: center;\n}\n\n.miya-counters {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.miya-counter {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.25rem 1.1rem;\n  box-shadow: var(--miya-shadow);\n}\n\n.miya-counter__value {\n  font-size: 1.65rem;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: var(--miya-accent);\n  line-height: 1.1;\n}\n\n.miya-counter__label {\n  margin-top: 0.35rem;\n  font-size: 0.9rem;\n  color: var(--miya-muted);\n}\n\n\/* Product grid *\/\n.miya-grid {\n  display: grid;\n  gap: 1.25rem;\n}\n.miya-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.miya-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.miya-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n.miya-card {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  overflow: hidden;\n  transition: box-shadow 0.2s, transform 0.2s;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.miya-card:hover {\n  box-shadow: var(--miya-shadow);\n  transform: translateY(-2px);\n}\n\n.miya-card a { color: inherit; text-decoration: none !important; }\n\n.miya-card__media {\n  aspect-ratio: 4 \/ 3;\n  background: #d8dce2;\n  overflow: hidden;\n  position: relative;\n}\n.miya-card__media img,\n.miya-card__media .miya-ph {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.miya-card__body {\n  padding: 1.1rem 1.15rem 1.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  flex: 1;\n}\n\n.miya-card__title {\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n\n.miya-card__meta {\n  font-size: 0.88rem;\n  color: var(--miya-muted);\n  margin: 0;\n}\n\n.miya-card__link {\n  margin-top: auto;\n  padding-top: 0.75rem;\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: var(--miya-accent) !important;\n  letter-spacing: 0.02em;\n}\n\n\/* Services *\/\n.miya-service {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem 1.25rem;\n  height: 100%;\n}\n.miya-service__icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: rgba(196, 92, 38, 0.12);\n  color: var(--miya-accent);\n  display: grid;\n  place-items: center;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  font-size: 0.85rem;\n}\n.miya-service h3 {\n  margin: 0 0 0.5rem;\n  font-size: 1.05rem;\n}\n.miya-service p {\n  margin: 0;\n  color: var(--miya-muted);\n  font-size: 0.95rem;\n}\n\n\/* Placeholder block *\/\n.miya-ph {\n  width: 100%;\n  min-height: 160px;\n  background:\n    repeating-linear-gradient(\n      -45deg,\n      #d5d9e0,\n      #d5d9e0 12px,\n      #c9ced6 12px,\n      #c9ced6 24px\n    );\n  color: #4a5560;\n  display: grid;\n  place-items: center;\n  text-align: center;\n  padding: 1rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  border: 1px dashed #9aa3ad;\n}\n.miya-ph span {\n  background: rgba(255,255,255,0.85);\n  padding: 0.55rem 0.85rem;\n  border-radius: 3px;\n  max-width: 18rem;\n  line-height: 1.35;\n}\n.miya-ph--hero { min-height: 100%; height: 100%; }\n.miya-ph--tall { min-height: 320px; }\n.miya-ph--wide { min-height: 280px; }\n\n.miya-note {\n  font-size: 0.8rem;\n  color: var(--miya-muted);\n  font-style: italic;\n  margin-top: 0.5rem;\n}\n\n\/* CTA band *\/\n.miya-cta {\n  background: linear-gradient(120deg, var(--miya-ink) 0%, var(--miya-slate) 100%);\n  color: #fff;\n  padding: 3.5rem 0;\n  text-align: center;\n}\n.miya-cta h2 {\n  margin: 0 0 0.75rem;\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\n}\n.miya-cta p {\n  margin: 0 auto 1.5rem;\n  max-width: 36rem;\n  color: rgba(255,255,255,0.78);\n}\n\n\/* Page header (inner) *\/\n.miya-page-header {\n  background: var(--miya-ink);\n  color: #fff;\n  padding: 3.5rem 0 3rem;\n}\n.miya-page-header h1 {\n  margin: 0 0 0.5rem;\n  font-size: clamp(1.8rem, 3vw, 2.5rem);\n  letter-spacing: -0.02em;\n}\n.miya-page-header p {\n  margin: 0;\n  color: rgba(255,255,255,0.75);\n  max-width: 40rem;\n}\n\n\/* About anchors *\/\n.miya-anchor-nav {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  margin: 1.5rem 0 0;\n}\n.miya-anchor-nav a {\n  color: #fff !important;\n  text-decoration: none !important;\n  border: 1px solid rgba(255,255,255,0.35);\n  padding: 0.4rem 0.85rem;\n  border-radius: 999px;\n  font-size: 0.85rem;\n  font-weight: 600;\n}\n.miya-anchor-nav a:hover { background: rgba(255,255,255,0.12); }\n\n.miya-split {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 2.5rem;\n  align-items: center;\n}\n.miya-split--rev > :first-child { order: 2; }\n\n.miya-prose h2 {\n  font-size: 1.55rem;\n  margin: 0 0 0.75rem;\n  letter-spacing: -0.02em;\n}\n.miya-prose p { color: var(--miya-muted); margin: 0 0 1rem; }\n.miya-prose ul {\n  margin: 0 0 1rem;\n  padding-left: 1.15rem;\n  color: var(--miya-muted);\n}\n.miya-prose li { margin-bottom: 0.35rem; }\n\n.miya-contact-grid {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 2rem;\n}\n.miya-contact-card {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem;\n}\n.miya-contact-card h3 {\n  margin: 0 0 1rem;\n  font-size: 1.1rem;\n}\n.miya-contact-card p,\n.miya-contact-card a {\n  margin: 0 0 0.65rem;\n  color: var(--miya-muted);\n  text-decoration: none;\n  display: block;\n}\n.miya-contact-card a:hover { color: var(--miya-accent); }\n\n.miya-form-box {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem;\n  box-shadow: var(--miya-shadow);\n}\n\n.miya-footer-legal {\n  font-size: 0.85rem;\n  color: var(--miya-muted);\n}\n\n\/* Dark nav hint for theme Customizer \/ Additional CSS *\/\n.site-header,\n.wp-block-navigation,\nheader.wp-block-template-part {\n  \/* Soft suggestion \u2014 theme may override *\/\n}\n\n@media (max-width: 960px) {\n  .miya-about-strip,\n  .miya-split,\n  .miya-contact-grid,\n  .miya-grid--3,\n  .miya-grid--4 {\n    grid-template-columns: 1fr 1fr;\n  }\n  .miya-hero h1 { max-width: none; }\n}\n\n@media (max-width: 640px) {\n  .miya-about-strip,\n  .miya-split,\n  .miya-contact-grid,\n  .miya-grid--2,\n  .miya-grid--3,\n  .miya-grid--4,\n  .miya-counters {\n    grid-template-columns: 1fr;\n  }\n  .miya-section { padding: 3rem 0; }\n  .miya-hero { min-height: 420px; }\n}\n\n<\/style>\n\n\n<!-- MIYA category stub: Base Brush \/ \u5e95\u5ea7\u5237 -->\n\n<div class=\"miya-page\">\n<header class=\"miya-page-header\">\n  <div class=\"miya-wrap\">\n    <div class=\"miya-kicker\">Products \u00b7 \u5e95\u5ea7\u5237<\/div>\n    <h1>Base Brush<\/h1>\n    <p>Solid base paddle and cushion brushes for retail and salon programs.<\/p>\n  <\/div>\n<\/header>\n<section class=\"miya-section\">\n  <div class=\"miya-wrap\">\n    <p class=\"miya-section-lead\">Product grid ready for your photos. Six placeholder cards below \u2014 duplicate or delete as needed when SKUs are uploaded.<\/p>\n    <div class=\"miya-grid miya-grid--3\">\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 1 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 01<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 2 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 02<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 3 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 03<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 4 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 04<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 5 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 05<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n      <article class=\"miya-card\">\n        <!-- IMAGE SLOT: Base Brush SKU card 6 \u2014 replace with catalog photo \/ model code -->\n\n        <div class=\"miya-card__media\"><div class=\"miya-ph\" role=\"img\" aria-label=\"PRODUCT PHOTO\"><span>PRODUCT PHOTO<br><em>Replace with your image<\/em><\/span><\/div><\/div>\n        <div class=\"miya-card__body\">\n          <h3 class=\"miya-card__title\">Base Brush \u2014 Item 06<\/h3>\n          <p class=\"miya-card__meta\">Placeholder SKU \u00b7 Replace with model code &amp; specs<\/p>\n          <p class=\"miya-card__meta\">\u5e95\u5ea7\u5237<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n    <p style=\"margin-top:2rem\"><a class=\"miya-btn miya-btn--outline\" href=\"\/products\/\">\u2190 All products<\/a>\n    <a class=\"miya-btn miya-btn--primary\" href=\"\/contact\/\" style=\"margin-left:0.5rem\">Request samples \/ quote<\/a><\/p>\n  <\/div>\n<\/section>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Products \u00b7 \u5e95\u5ea7\u5237 Base Brush Solid base paddle and cushion brushes for retail and salon programs. Product grid ready for your photos. Six placeholder cards below \u2014 duplicate or delete as needed when SKUs are uploaded. PRODUCT PHOTOReplace with your image Base Brush \u2014 Item 01 Placeholder SKU \u00b7 Replace with model code &amp; specs &#8230; <a title=\"Base Brush\" class=\"read-more\" href=\"https:\/\/miyabrush.com\/?page_id=66\" aria-label=\"Read more about Base Brush\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":61,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miyabrush.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66"}],"version-history":[{"count":0,"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages\/61"}],"wp:attachment":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}