{"id":105,"date":"2026-10-01T07:06:27","date_gmt":"2026-10-01T07:06:27","guid":{"rendered":"https:\/\/yujiabottle.com\/?page_id=105"},"modified":"2026-10-18T05:08:23","modified_gmt":"2026-10-18T05:08:23","slug":"custom-cosmetic-packaging","status":"publish","type":"page","link":"https:\/\/yujiabottle.com\/vi\/custom-cosmetic-packaging\/","title":{"rendered":"T\u00f9y ch\u1ec9nh"},"content":{"rendered":"\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap\");\n.yb-customization-page{--ivory:#F6F1E8;--navy:#1F2A37;--sage:#9BAF9A;--sand:#E2DDD2;--terra:#B85C43;--terra-dark:#91452F;--white:#fff;--muted:#4b5963;--line:rgba(31,42,55,.16);--radius:14px;--max:1240px;--shadow:0 18px 45px rgba(31,42,55,.11);--preview-color:#9BAF9A;--preview-cap:#1F2A37}\n.yb-customization-page *,.yb-customization-page *::before,.yb-customization-page *::after{box-sizing:border-box}\n.yb-customization-page{margin:0;background:var(--ivory);color:var(--navy);font:400 16px\/1.65 Inter,\"Noto Sans SC\",Arial,sans-serif;-webkit-font-smoothing:antialiased}\n.yb-customization-page h1,.yb-customization-page h2,.yb-customization-page h3,.yb-customization-page h4,.yb-customization-page p,.yb-customization-page ul,.yb-customization-page ol{margin-top:0}\n.yb-customization-page h1,.yb-customization-page h2,.yb-customization-page h3,.yb-customization-page h4{font-family:Manrope,Inter,Arial,sans-serif;line-height:1.18;letter-spacing:-.035em}\n.yb-customization-page h1{font-size:clamp(2.6rem,4.4vw,3.7rem);font-weight:800}\n.yb-customization-page h2{font-size:clamp(2rem,3vw,2.55rem);font-weight:700}\n.yb-customization-page h3{font-size:1.35rem;font-weight:700}\n.yb-customization-page p{margin-bottom:18px}\n.yb-customization-page a{color:inherit;text-decoration:none}\n.yb-customization-page button,.yb-customization-page input,.yb-customization-page select,.yb-customization-page textarea{font:inherit}\n.yb-customization-page button{cursor:pointer}\n.yb-customization-page img{display:block;width:100%;height:100%;object-fit:cover}\n.yb-customization-page svg{display:block;flex:none}\n.yb-customization-page [hidden]{display:none!important}\n.yb-customization-page :focus-visible{outline:3px solid var(--terra-dark);outline-offset:3px}\n.yb-customization-page .on-dark :focus-visible,.yb-customization-page .site-footer :focus-visible{outline-color:var(--ivory)}\n.yb-customization-page .skip-link{position:absolute;top:-70px;left:16px;z-index:100;background:var(--navy);color:var(--white);padding:10px 16px;border-radius:8px}\n.yb-customization-page .skip-link:focus{top:10px}\n.yb-customization-page .container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}\n.yb-customization-page .section{padding:96px 0}\n.yb-customization-page .section--sand{background:var(--sand)}\n.yb-customization-page .section--navy{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--terra-dark);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}\n.yb-customization-page .eyebrow::before{content:\"\";width:20px;height:2px;background:currentColor}\n.yb-customization-page .on-dark .eyebrow,.yb-customization-page .section--navy .eyebrow,.yb-customization-page .final-cta .eyebrow{color:var(--sage)}\n.yb-customization-page .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}\n.yb-customization-page .section-head>div{max-width:760px}\n.yb-customization-page .section-head p{max-width:72ch;margin-bottom:0;color:var(--muted)}\n.yb-customization-page .on-dark .section-head p{color:#d7dddb}\n.yb-customization-page .lead{font-size:1.08rem;line-height:1.7;color:#3f4b55}\n.yb-customization-page .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1.5px solid transparent;border-radius:10px;font-size:.95rem;font-weight:700;line-height:1.25;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}\n.yb-customization-page .button:hover{transform:translateY(-2px)}\n.yb-customization-page .button:active{transform:translateY(0)}\n.yb-customization-page .button svg,.yb-customization-page .text-link svg{width:17px;height:17px}\n.yb-customization-page .button--primary{background:var(--terra);color:var(--white)}\n.yb-customization-page .button--primary:hover{background:var(--terra-dark)}\n.yb-customization-page .button--outline{background:transparent;border-color:var(--navy);color:var(--navy)}\n.yb-customization-page .button--outline:hover{background:var(--navy);color:var(--white)}\n.yb-customization-page .button--light{background:var(--ivory);color:var(--navy)}\n.yb-customization-page .button--light:hover{background:var(--white)}\n.yb-customization-page .button--light-outline{border-color:rgba(246,241,232,.76);color:var(--ivory)}\n.yb-customization-page .button--light-outline:hover{background:var(--ivory);color:var(--navy)}\n.yb-customization-page .text-link{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:700;color:var(--terra-dark);transition:gap .2s}\n.yb-customization-page .text-link:hover{gap:14px}\n.yb-customization-page .image-frame{position:relative;overflow:hidden;background:#c8c5bb}\n.yb-customization-page .image-frame img{transform-origin:center}\n\n.yb-customization-page .utility-bar{background:var(--navy);color:var(--ivory);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}\n.yb-customization-page .utility-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:32px}\n.yb-customization-page .utility-inner span:last-child{opacity:.76}\n.yb-customization-page .site-header{position:sticky;top:0;z-index:50;background:rgba(246,241,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}\n.yb-customization-page .site-header.is-scrolled{box-shadow:0 8px 28px rgba(31,42,55,.09)}\n.yb-customization-page .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}\n.yb-customization-page .brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}\n.yb-customization-page .brand-mark{width:38px;height:42px;color:var(--navy)}\n.yb-customization-page .site-footer .brand-mark{color:var(--ivory)}\n.yb-customization-page .brand-name{font-family:Manrope,Arial,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.07em;line-height:1}\n.yb-customization-page .brand-sub{display:block;margin-top:5px;font-size:.58rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;opacity:.67}\n.yb-customization-page .desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}\n.yb-customization-page .desktop-nav a{font-size:.81rem;font-weight:600;white-space:nowrap}\n.yb-customization-page .desktop-nav a:hover,.yb-customization-page .desktop-nav a[aria-current=\"page\"]{color:var(--terra-dark)}\n.yb-customization-page .header-cta{font-size:.82rem;padding-inline:17px}\n.yb-customization-page .menu-toggle{display:none;border:0;background:transparent;padding:10px;color:var(--navy)}\n.yb-customization-page .menu-toggle svg{width:25px;height:25px}\n.yb-customization-page .mobile-menu{display:none}\n.yb-customization-page .breadcrumb{display:flex;align-items:center;gap:9px;min-height:54px;font-size:.75rem;font-weight:600;color:#53606a}\n.yb-customization-page .breadcrumb a{text-decoration:underline;text-underline-offset:3px}\n.yb-customization-page .hero{padding-bottom:66px}\n.yb-customization-page .hero-stage{position:relative;min-height:680px;overflow:hidden;isolation:isolate;background:var(--navy);color:var(--ivory)}\n.yb-customization-page .hero-stage::before{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,42,55,.98) 0%,rgba(31,42,55,.86) 43%,rgba(31,42,55,.4) 71%,rgba(31,42,55,.23) 100%);pointer-events:none}\n.yb-customization-page .hero-main{position:absolute;inset:0}\n.yb-customization-page .hero-main img{object-position:67% center}\n.yb-customization-page .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:65px;min-height:680px;padding-top:76px;padding-bottom:70px}\n.yb-customization-page .hero-copy{max-width:800px}\n.yb-customization-page .hero-copy h1{max-width:16ch;margin-bottom:22px;color:var(--ivory);font-size:clamp(3rem,5.2vw,5.3rem);line-height:1.04;letter-spacing:-.058em;text-wrap:balance}\n.yb-customization-page .hero-subhead{max-width:62ch;color:var(--ivory);font-size:1.08rem;font-weight:650;line-height:1.55}\n.yb-customization-page .hero-description{max-width:68ch;color:#e0e6e4;font-size:1rem}\n.yb-customization-page .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 16px}\n.yb-customization-page .hero-catalog{color:var(--ivory);font-size:.9rem}\n.yb-customization-page .hero-foot{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(246,241,232,.3);color:#e2e7e5;font-size:.78rem;font-weight:650}\n.yb-customization-page .hero-side .image-frame{height:255px;border:1px solid rgba(246,241,232,.55);border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.25)}\n.yb-customization-page .hero-side p{margin:12px 0 0;color:#e2e7e5;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.yb-customization-page .hero-note{margin:17px 0 0;color:#cfd8d7;font-size:.74rem}\n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page \n.yb-customization-page .stage-gallery{display:grid;grid-template-columns:.72fr 1.28fr;gap:36px;align-items:stretch;margin-bottom:28px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f2}\n.yb-customization-page .stage-copy{display:flex;flex-direction:column;justify-content:center;padding:14px}\n.yb-customization-page .stage-copy h3{font-size:1.55rem}\n.yb-customization-page .stage-copy p{color:var(--muted);font-size:.9rem}\n.yb-customization-page .stage-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}\n.yb-customization-page .stage-tab{min-height:48px;padding:10px 12px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);font-size:.85rem;font-weight:700;text-align:left}\n.yb-customization-page .stage-tab[aria-selected=\"true\"]{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .stage-panel .image-frame{height:465px;border-radius:10px}\n.yb-customization-page .options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}\n.yb-customization-page .option-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fcf9f3}\n.yb-customization-page .option-card .image-frame{height:258px}\n.yb-customization-page .option-card img{transition:transform .65s cubic-bezier(.22,1,.36,1)}\n.yb-customization-page .option-card:hover img{transform:scale(1.06)}\n.yb-customization-page .option-content{display:flex;flex:1;flex-direction:column;padding:23px 24px 25px}\n.yb-customization-page .option-content h3{font-size:1.28rem;margin-bottom:9px}\n.yb-customization-page .option-content p{font-size:.9rem;color:var(--muted)}\n.yb-customization-page .option-meta{display:grid;gap:7px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:.79rem}\n.yb-customization-page .option-meta strong{font-weight:750}\n.yb-customization-page .option-select{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;min-height:44px;margin-top:17px;padding:9px 14px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);font-size:.84rem;font-weight:750}\n.yb-customization-page .option-select[aria-pressed=\"true\"]{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .option-select::before{content:\"+\";font-size:1.1rem;line-height:1}\n.yb-customization-page .option-select[aria-pressed=\"true\"]::before{content:\"\u2713\"}\n.yb-customization-page .options-footer{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}\n.yb-customization-page .options-footer p{margin:0;color:var(--muted);font-size:.84rem}\n.yb-customization-page .decor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}\n.yb-customization-page .decor-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f2}\n.yb-customization-page .decor-card .image-frame{height:275px}\n.yb-customization-page .decor-card-body{display:flex;flex:1;flex-direction:column;padding:22px}\n.yb-customization-page .decor-card h3{font-size:1.13rem;margin-bottom:9px}\n.yb-customization-page .decor-card p{font-size:.86rem;color:var(--muted)}\n.yb-customization-page .decor-card button{align-self:flex-start;margin-top:auto;min-height:44px;padding:0;border:0;background:transparent;color:var(--terra-dark);font-size:.85rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}\n.yb-customization-page .decor-card button[aria-pressed=\"true\"]{color:var(--navy)}\n.yb-customization-page .decor-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:26px}\n.yb-customization-page .decor-foot p{max-width:66ch;margin:0;color:var(--muted);font-size:.86rem}\n.yb-customization-page .color-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}\n.yb-customization-page .color-copy p{color:var(--muted)}\n.yb-customization-page .color-controls{display:grid;gap:19px;margin:26px 0}\n.yb-customization-page .color-control label{display:block;margin-bottom:8px;font-size:.86rem;font-weight:750}\n.yb-customization-page .color-control input[type=text]{width:min(100%,260px);min-height:46px;padding:10px 12px;border:1px solid #aeb4b0;border-radius:8px;background:var(--white);color:var(--navy)}\n.yb-customization-page .color-error{display:block;margin-top:5px;color:#9c231e;font-size:.78rem;font-weight:700}\n.yb-customization-page .swatch-row{display:flex;flex-wrap:wrap;gap:9px}\n.yb-customization-page .swatch{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid rgba(31,42,55,.36);border-radius:50%;background:var(--swatch);color:var(--navy)}\n.yb-customization-page .swatch[aria-pressed=\"true\"]{outline:3px solid var(--navy);outline-offset:2px}\n.yb-customization-page .swatch svg{width:19px;height:19px;opacity:0;filter:drop-shadow(0 1px 2px rgba(255,255,255,.7))}\n.yb-customization-page .swatch[aria-pressed=\"true\"] svg{opacity:1}\n.yb-customization-page .cap-choice{display:flex;flex-wrap:wrap;gap:8px}\n.yb-customization-page .cap-choice button{min-height:44px;padding:9px 13px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);font-size:.82rem;font-weight:700}\n.yb-customization-page .cap-choice button[aria-pressed=\"true\"]{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .color-file{display:block;margin-top:18px;font-size:.84rem}\n.yb-customization-page .color-file input{display:block;max-width:100%;margin-top:7px;font-size:.82rem}\n.yb-customization-page .color-file-note{margin:8px 0 0!important;font-size:.75rem!important}\n.yb-customization-page .color-preview{padding:30px;border:1px solid rgba(31,42,55,.14);border-radius:var(--radius);background:#f8f4ec;box-shadow:var(--shadow)}\n.yb-customization-page .color-preview-stage{display:grid;place-items:center;min-height:520px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 35%,#faf8f1 0%,#e7e0d4 70%,#d1c9bd 100%)}\n.yb-customization-page .color-preview svg{width:min(100%,620px);height:auto;filter:drop-shadow(0 24px 18px rgba(31,42,55,.16))}\n.yb-customization-page .preview-body{fill:var(--preview-color);transition:fill .25s}\n.yb-customization-page .preview-cap{fill:var(--preview-cap);transition:fill .25s}\n.yb-customization-page .preview-highlight{fill:rgba(255,255,255,.17)}\n.yb-customization-page .preview-shadow{fill:rgba(31,42,55,.13)}\n.yb-customization-page .color-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:.75rem;font-weight:750}\n.yb-customization-page .color-preview-caption strong{color:var(--terra-dark);letter-spacing:.1em;text-transform:uppercase}\n.yb-customization-page .color-copy .button{margin-top:8px}\n.yb-customization-page .set-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}\n.yb-customization-page .set-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.yb-customization-page .set-board .image-frame:first-child{grid-row:span 2;min-height:550px}\n.yb-customization-page .set-board .image-frame{min-height:270px;border-radius:12px}\n.yb-customization-page .set-copy p{color:var(--muted)}\n.yb-customization-page .set-questions{display:grid;gap:8px;margin:25px 0;padding:0;list-style:none}\n.yb-customization-page .set-questions li{padding-left:22px;position:relative;font-size:.88rem;font-weight:600}\n.yb-customization-page .set-questions li::before{content:\"\";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--sage)}\n.yb-customization-page .set-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:21px 0}\n.yb-customization-page .set-product{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fbf8f2;font-size:.83rem;font-weight:700}\n.yb-customization-page .set-product input{width:18px;height:18px;accent-color:var(--navy)}\n.yb-customization-page .set-product input[type=text]{width:72px;min-height:34px;margin-left:auto;padding:6px;border:1px solid #aeb4b0;border-radius:6px;background:var(--white);font-size:.76rem}\n.yb-customization-page .set-product input[type=text]:disabled{opacity:.48}\n.yb-customization-page .set-product:has(input[type=\"checkbox\"]:checked){border-color:var(--navy);background:#edf0e9}\n.yb-customization-page .set-directions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}\n.yb-customization-page .set-directions button{min-height:44px;padding:9px 13px;border:1px solid var(--navy);border-radius:8px;background:transparent;color:var(--navy);font-size:.82rem;font-weight:700}\n.yb-customization-page .set-directions button[aria-pressed=\"true\"]{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .set-product label{display:flex;align-items:center;gap:8px;cursor:pointer}\n.yb-customization-page .set-products-link{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:.78rem;font-weight:700}\n.yb-customization-page .set-products-link a{text-decoration:underline;text-underline-offset:3px}\n.yb-customization-page .routes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}\n.yb-customization-page .route-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f2}\n.yb-customization-page .route-card .image-frame{height:360px}\n.yb-customization-page .route-body{padding:30px}\n.yb-customization-page .route-body h3{font-size:1.55rem}\n.yb-customization-page .route-body p{color:var(--muted);font-size:.9rem}\n.yb-customization-page .route-body ul{display:grid;gap:8px;margin:20px 0 26px;padding-left:20px;font-size:.86rem}\n.yb-customization-page .route-select{min-height:48px;padding:11px 17px;border:1.5px solid var(--navy);border-radius:9px;background:transparent;color:var(--navy);font-size:.9rem;font-weight:750}\n.yb-customization-page .route-select[aria-pressed=\"true\"]{background:var(--navy);color:var(--ivory)}\n.yb-customization-page .route-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:23px}\n.yb-customization-page .route-foot p{max-width:65ch;margin:0;color:var(--muted);font-size:.84rem}\n.yb-customization-page .process-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:start}\n.yb-customization-page .process-visual{position:sticky;top:112px}\n.yb-customization-page .process-visual .image-frame{height:575px;border-radius:13px}\n.yb-customization-page .process-intro h2{color:var(--ivory)}\n.yb-customization-page .process-intro p{color:#d5dddc}\n.yb-customization-page .process-list{margin:28px 0}\n.yb-customization-page .process-list details{border-bottom:1px solid rgba(246,241,232,.28)}\n.yb-customization-page .process-list summary{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 0;cursor:pointer;list-style:none;font-size:.9rem;font-weight:750}\n.yb-customization-page .process-list summary::-webkit-details-marker,.yb-customization-page .faq-item summary::-webkit-details-marker{display:none}\n.yb-customization-page .process-list summary span{color:var(--sage);font:800 .72rem\/1 Manrope,Arial,sans-serif;letter-spacing:.1em}\n.yb-customization-page .process-list summary::after{content:\"+\";margin-left:auto;color:var(--sage);font-size:1.4rem;font-weight:400}\n.yb-customization-page .process-list details[open] summary::after{content:\"\u2212\"}\n.yb-customization-page .process-list p{margin:0;padding:0 28px 18px 38px;color:#d7dddc;font-size:.85rem}\n.yb-customization-page .approval-checklist{margin-top:26px;padding:23px;border:1px solid rgba(246,241,232,.26);border-radius:10px;background:rgba(246,241,232,.06)}\n.yb-customization-page .approval-checklist h3{font-size:1rem;color:var(--ivory)}\n.yb-customization-page .approval-checklist p{margin:0;color:#d7dddc;font-size:.8rem}\n.yb-customization-page .proof-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:54px;align-items:center}\n.yb-customization-page .proof-media{display:grid;grid-template-columns:1fr .43fr;gap:12px;height:560px}\n.yb-customization-page .proof-media .image-frame{border-radius:12px}\n.yb-customization-page .proof-media .image-frame:last-child{align-self:end;height:63%}\n.yb-customization-page .proof-copy p{color:var(--muted)}\n.yb-customization-page .proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:23px 0 26px}\n.yb-customization-page .proof-card{padding:17px;border:1px solid var(--line);border-radius:9px;background:#fbf8f2}\n.yb-customization-page .proof-card strong{display:block;font-size:.85rem}\n.yb-customization-page .proof-card span{display:block;margin-top:5px;color:var(--muted);font-size:.75rem}\n.yb-customization-page .proof-note{padding:12px 14px;border-left:3px solid var(--sage);background:#edf0e9;font-size:.78rem!important}\n.yb-customization-page .inquiry-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:54px;align-items:start}\n.yb-customization-page .inquiry-copy h2{color:var(--ivory)}\n.yb-customization-page .inquiry-copy p{color:#d7dddc}\n.yb-customization-page .inquiry-photo{height:500px;margin-top:27px;border-radius:12px}\n.yb-customization-page .form-card{padding:30px;border-radius:14px;background:var(--ivory);color:var(--navy)}\n.yb-customization-page .form-card>p{color:var(--muted)}\n.yb-customization-page .selection-summary{margin:21px 0;padding:17px;border:1px solid var(--line);border-radius:9px;background:#f2eee5}\n.yb-customization-page .selection-summary h3{font-size:.9rem;margin-bottom:7px}\n.yb-customization-page .selection-summary p{margin:0;color:var(--muted);font-size:.79rem}\n.yb-customization-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}\n.yb-customization-page .field{display:flex;flex-direction:column;gap:5px;min-width:0}\n.yb-customization-page .field.full{grid-column:1\/-1}\n.yb-customization-page .field label{font-size:.86rem;font-weight:750}\n.yb-customization-page .field input,.yb-customization-page .field select,.yb-customization-page .field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #acb3ae;border-radius:8px;background:var(--white);color:var(--navy);outline:0}\n.yb-customization-page .field textarea{min-height:108px;resize:vertical}\n.yb-customization-page .field input:focus,.yb-customization-page .field select:focus,.yb-customization-page .field textarea:focus{border-color:var(--terra-dark);box-shadow:0 0 0 3px rgba(184,92,67,.18)}\n.yb-customization-page .field [aria-invalid=\"true\"]{border-color:#9c231e}\n.yb-customization-page .field-error{min-height:0;color:#9c231e;font-size:.75rem;font-weight:700}\n.yb-customization-page .form-note{color:#56616a;font-size:.77rem}\n.yb-customization-page .form-feedback{margin:18px 0 0;padding:15px;border-radius:8px;background:#e5ede2;color:var(--navy);font-size:.84rem;font-weight:700}\n.yb-customization-page .form-card textarea[readonly]{min-height:80px;background:#f2eee5}\n.yb-customization-page .form-card .file-note{margin:4px 0 0;color:var(--muted);font-size:.72rem}\n.yb-customization-page .form-card .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}\n.yb-customization-page .form-card .form-actions a{font-size:.82rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}\n.yb-customization-page .error-summary{margin-bottom:18px;padding:15px;border:2px solid #9c231e;border-radius:8px;background:#fff7f4;color:#76241f}\n.yb-customization-page .error-summary strong{display:block;margin-bottom:7px}\n.yb-customization-page .error-summary ul{margin:0;padding-left:20px;font-size:.82rem}\n.yb-customization-page .error-summary a{text-decoration:underline;text-underline-offset:2px}\n.yb-customization-page .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px}\n.yb-customization-page .faq-intro{position:sticky;top:116px;align-self:start}\n.yb-customization-page .faq-intro p{color:var(--muted)}\n.yb-customization-page .faq-photo{height:285px;margin:28px 0;border-radius:12px}\n.yb-customization-page .faq-group{margin-bottom:28px}\n.yb-customization-page .faq-group h3{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--terra-dark);margin-bottom:8px}\n.yb-customization-page .faq-item{border-bottom:1px solid rgba(31,42,55,.21)}\n.yb-customization-page .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:15px 2px;cursor:pointer;list-style:none;font-size:.91rem;font-weight:700;line-height:1.45}\n.yb-customization-page .faq-item summary::after{content:\"+\";flex:none;color:var(--terra-dark);font-size:1.35rem;font-weight:400}\n.yb-customization-page .faq-item[open] summary::after{content:\"\u2212\"}\n.yb-customization-page .faq-item p{margin:0;padding:0 30px 18px 2px;color:var(--muted);font-size:.86rem;line-height:1.7}\n.yb-customization-page .final-cta{position:relative;overflow:hidden;background:var(--navy);color:var(--ivory)}\n.yb-customization-page .final-cta .image-frame{position:absolute;inset:0}\n.yb-customization-page .final-cta .image-frame img{filter:saturate(.42) brightness(.55)}\n.yb-customization-page .final-cta::before{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,42,55,.96),rgba(31,42,55,.68),rgba(31,42,55,.28))}\n.yb-customization-page .final-inner{position:relative;z-index:2;max-width:790px;padding:96px 0}\n.yb-customization-page .final-inner h2{color:var(--ivory);font-size:clamp(2.1rem,3.4vw,3rem)}\n.yb-customization-page .final-inner p{color:#e1e6e3}\n.yb-customization-page .final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}\n.yb-customization-page .site-footer{padding:70px 0 28px;background:#18222d;color:var(--ivory)}\n.yb-customization-page .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}\n.yb-customization-page .footer-brand p{max-width:34ch;margin:20px 0;color:#c9d0d0;font-size:.83rem}\n.yb-customization-page .footer-grid h3{font:700 .76rem\/1.4 Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin:6px 0 18px;color:var(--sage)}\n.yb-customization-page .footer-grid ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}\n.yb-customization-page .footer-grid li{font-size:.875rem;color:#d9dede}\n.yb-customization-page .footer-grid li a:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}\n.yb-customization-page .footer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}\n.yb-customization-page .footer-actions .button{font-size:.75rem;min-height:43px;padding:9px 13px}\n.yb-customization-page .footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:52px;padding-top:24px;border-top:1px solid rgba(246,241,232,.16);color:#abb5b7;font-size:.69rem}\n.yb-customization-page .floating-project{position:fixed;right:20px;bottom:20px;z-index:45;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);box-shadow:var(--shadow)}\n.yb-customization-page .floating-project.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}\n.yb-customization-page .toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(450px,calc(100vw - 32px));padding:13px 17px;border-radius:9px;background:var(--navy);color:var(--white);box-shadow:var(--shadow);font-size:.81rem;opacity:0;visibility:hidden;transform:translate(-50%,20px);transition:opacity .2s,visibility .2s,transform .2s}\n.yb-customization-page .toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}\n@media(max-width:1120px){.yb-customization-page .desktop-nav{gap:14px}\n.yb-customization-page .desktop-nav a{font-size:.75rem}\n.yb-customization-page .header-cta{padding-inline:13px}\n.yb-customization-page .options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n.yb-customization-page .decor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n.yb-customization-page .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px}\n.yb-customization-page .footer-grid>div:last-child{grid-column:2\/-1}}\n@media(max-width:860px){.yb-customization-page .desktop-nav,.yb-customization-page .header-cta{display:none}\n.yb-customization-page .menu-toggle{display:block}\n.yb-customization-page .mobile-menu{display:block;max-height:0;overflow:hidden;transition:max-height .25s;background:var(--ivory)}\n.yb-customization-page .mobile-menu.is-open{max-height:430px;border-top:1px solid var(--line)}\n.yb-customization-page .mobile-menu nav{display:grid;padding:13px 24px 22px}\n.yb-customization-page .mobile-menu a{padding:10px 0;font-size:.9rem;font-weight:700}\n.yb-customization-page .hero-inner{grid-template-columns:1fr;min-height:0;padding-top:78px;padding-bottom:70px}\n.yb-customization-page .hero-side{display:none}\n.yb-customization-page .hero-stage{min-height:0}\n.yb-customization-page .hero-stage::before{background:linear-gradient(90deg,rgba(31,42,55,.95),rgba(31,42,55,.6))}\n.yb-customization-page \n.yb-customization-page \n.yb-customization-page .process-visual,.yb-customization-page .faq-intro{position:static}\n.yb-customization-page .process-visual .image-frame{height:400px}\n.yb-customization-page .proof-media{height:430px}\n.yb-customization-page .footer-grid{grid-template-columns:repeat(2,1fr)}\n.yb-customization-page .footer-grid>div:last-child{grid-column:auto}}\n@media(max-width:600px){.yb-customization-page .container{width:min(calc(100% - 40px),var(--max))}\n.yb-customization-page .section{padding:68px 0}\n.yb-customization-page .section-head p,.yb-customization-page .stage-copy p,.yb-customization-page .option-content p,.yb-customization-page .decor-card p,.yb-customization-page .color-copy p,.yb-customization-page .set-copy p,.yb-customization-page .route-body p,.yb-customization-page .process-intro p,.yb-customization-page .process-list p,.yb-customization-page .proof-copy p,.yb-customization-page .inquiry-copy p,.yb-customization-page .faq-intro p,.yb-customization-page .faq-item p,.yb-customization-page .final-inner p,.yb-customization-page .hero-description{font-size:1rem}\n.yb-customization-page .mobile-menu a,.yb-customization-page .faq-item summary{font-size:1rem}\n.yb-customization-page .utility-inner span:last-child{display:none}\n.yb-customization-page .utility-inner{justify-content:center}\n.yb-customization-page .header-inner{height:68px}\n.yb-customization-page .brand-name{font-size:1.08rem}\n.yb-customization-page .brand-mark{width:33px;height:37px}\n.yb-customization-page .breadcrumb{min-height:48px}\n.yb-customization-page .hero-inner{padding-top:61px;padding-bottom:62px}\n.yb-customization-page .hero-copy h1{font-size:clamp(2.4rem,9vw,3.35rem)}\n.yb-customization-page .hero-subhead{font-size:1rem}\n.yb-customization-page .hero-actions{align-items:stretch}\n.yb-customization-page .hero-actions .button{flex:1 1 100%}\n.yb-customization-page \n.yb-customization-page .stage-gallery{padding:16px;gap:20px}\n.yb-customization-page .stage-copy{padding:5px}\n.yb-customization-page .stage-panel .image-frame{height:300px}\n.yb-customization-page .options-grid,.yb-customization-page .decor-grid,.yb-customization-page .routes-grid,.yb-customization-page .proof-grid{grid-template-columns:1fr}\n.yb-customization-page .option-card .image-frame{height:290px}\n.yb-customization-page .decor-card .image-frame{height:285px}\n.yb-customization-page .color-preview{padding:16px}\n.yb-customization-page .color-preview-stage{min-height:360px}\n.yb-customization-page .set-board .image-frame:first-child{min-height:350px}\n.yb-customization-page .set-board .image-frame{min-height:170px}\n.yb-customization-page .set-products{grid-template-columns:1fr 1fr}\n.yb-customization-page .route-card .image-frame{height:270px}\n.yb-customization-page .route-body{padding:25px}\n.yb-customization-page .process-visual .image-frame{height:310px}\n.yb-customization-page .process-list p{padding-left:25px}\n.yb-customization-page .proof-media{height:335px}\n.yb-customization-page .inquiry-photo{height:300px}\n.yb-customization-page .form-card{padding:21px}\n.yb-customization-page .faq-photo{height:220px}\n.yb-customization-page .final-inner{padding:72px 0}\n.yb-customization-page .footer-grid{grid-template-columns:1fr 1fr;gap:29px}\n.yb-customization-page .footer-brand{grid-column:1\/-1}\n.yb-customization-page .footer-bottom{display:block}\n.yb-customization-page .footer-bottom span{display:block;margin-top:8px}\n.yb-customization-page .floating-project{right:12px;bottom:12px;min-height:44px;padding:9px 13px;font-size:.72rem}}\n@media(max-width:420px){.yb-customization-page .set-products,.yb-customization-page .form-grid{grid-template-columns:1fr}\n.yb-customization-page .field.full{grid-column:auto}\n.yb-customization-page .set-board{grid-template-columns:1fr}\n.yb-customization-page .set-board .image-frame:first-child{grid-row:auto}\n.yb-customization-page .set-board .image-frame{min-height:220px}\n.yb-customization-page .proof-media{grid-template-columns:1fr 1fr;height:250px}\n.yb-customization-page .footer-grid{grid-template-columns:1fr}\n.yb-customization-page .footer-brand{grid-column:auto}}\n@media(prefers-reduced-motion:reduce){.yb-customization-page *,.yb-customization-page *::before,.yb-customization-page *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\nbody.page-id-105{background:#F6F1E8}\nbody.page-id-105 #page{max-width:none}\nbody.page-id-105 #content{max-width:none;padding:0;display:block}\nbody.page-id-105 #primary{width:100%;float:none}\nbody.page-id-105 #right-sidebar,body.page-id-105 .entry-header{display:none}\nbody.page-id-105 .site-main,body.page-id-105 .inside-article,body.page-id-105 .entry-content{margin:0;padding:0}\nbody.page-id-105 .inside-article{background:transparent}\n.yb-customization-page{box-sizing:border-box;width:100%;overflow:hidden}\n.yb-customization-page .button,.yb-customization-page button.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;text-decoration:none}\n.yb-customization-page .button--primary{background:#B85C43;color:#fff}\n.yb-customization-page .button--primary:hover{background:#91452F;color:#fff}\n.yb-customization-page button:disabled{opacity:.6;cursor:not-allowed}\n<\/style>\n<div class=\"yb-customization-page\">\n    <div class=\"container\"><nav class=\"breadcrumb\" aria-label=\"Breadcrumb\"><a href=\"\/\">Home<\/a><span aria-hidden=\"true\">\/<\/span><span aria-current=\"page\">Custom Packaging<\/span><\/nav><\/div>\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <div class=\"hero-stage on-dark\"><div class=\"hero-main image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-hero-bottles.webp\" width=\"2200\" height=\"1115\" fetchpriority=\"high\" loading=\"eager\" alt=\"Wide studio photograph of red, gold and clear airless cosmetic bottles with metal pumps and caps, grouped to the right on a bright reflective surface with space for the headline on the left.\"><\/div><div class=\"container hero-inner\"><div class=\"hero-copy\"><span class=\"eyebrow\">Made around your brand<\/span><h1 id=\"hero-title\">Custom Cosmetic Bottles With Logo for Your Brand<\/h1><p class=\"hero-subhead\">Plan bottle colors, jar colors, logo decoration, finishes, caps, pumps, and matching packaging sets around your product line.<\/p><p class=\"hero-description\">Start with a Yujia bottle or jar style and tell us how you want it to look and work. Share your logo, target capacity, formula type, quantity, and destination. We can review the parts and decoration options for the selected model before you order samples.<\/p><div class=\"hero-actions\"><a class=\"button button--primary\" href=\"#custom-project-form\">Start a Custom Project<\/a><a class=\"button button--light-outline\" href=\"#decoration-methods\">See Decoration Methods<\/a><\/div><a class=\"text-link hero-catalog\" href=\"\/products\/\">Browse Bottles and Jars <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M4 12h15m-6-6 6 6-6 6\"\/><\/svg><\/a><div class=\"hero-foot\"><span>Color &amp; finish<\/span><span>Artwork &amp; components<\/span><span>Sample approval<\/span><\/div><p class=\"hero-note\">Visual concept only. Product photos and sample availability require model-specific confirmation.<\/p><\/div><\/div><\/div>\n      <\/section>\n\n    <section class=\"section section--sand\" id=\"decoration-methods\" aria-labelledby=\"decoration-title\"><div class=\"container\"><div class=\"section-head\"><div><span class=\"eyebrow\">Decoration on the real container<\/span><h2 id=\"decoration-title\">Match the Decoration to the Container<\/h2><p>Cosmetic bottle printing should fit the container surface, artwork and daily use. Review the result on the actual model before approving production.<\/p><\/div><\/div><div class=\"decor-grid\"><article class=\"decor-card\"><div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-method-1-printline.webp\" width=\"680\" height=\"760\" loading=\"lazy\" alt=\"Frosted cosmetic bottles moving along a production line after decoration, with printed marks and labels applied to the bottle bodies.\"><\/div><div class=\"decor-card-body\"><h3>Silk screen printing<\/h3><p>Check print area, color, fine details, placement and adhesion on a physical sample.<\/p><button type=\"button\" data-method=\"Silk screen printing\" aria-pressed=\"false\">Add this method to brief \u2192<\/button><\/div><\/article><article class=\"decor-card\"><div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-method-2-hotstamping.webp\" width=\"680\" height=\"760\" loading=\"lazy\" alt=\"Hot foil stamping machine applying gold foil with a heated die onto a small workpiece held in a fixture.\"><\/div><div class=\"decor-card-body\"><h3>Hot stamping<\/h3><p>Check foil edges, alignment and wear on a physical sample.<\/p><button type=\"button\" data-method=\"Hot stamping\" aria-pressed=\"false\">Add this method to brief \u2192<\/button><\/div><\/article><article class=\"decor-card\"><div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-method-3-labeling-machine.webp\" width=\"680\" height=\"760\" loading=\"lazy\" alt=\"Automatic labelling machine applying wrap labels from a roll onto cosmetic bottles on a cleanroom filling line.\"><\/div><div class=\"decor-card-body\"><h3>Label application<\/h3><p>Check dimensions, curves, material, edge position and use conditions.<\/p><button type=\"button\" data-method=\"Label application\" aria-pressed=\"false\">Add this method to brief \u2192<\/button><\/div><\/article><article class=\"decor-card\"><div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-method-4-frosted.webp\" width=\"1360\" height=\"1520\" loading=\"lazy\" alt=\"Frosted glass cosmetic bottles with brushed gold caps on a filling line, shown as an example of a matte frosted surface finish.\"><\/div><div class=\"decor-card-body\"><h3>Frosted or glossy finish<\/h3><p>Compare the finished bottle, jar, cap and pump as a coordinated set.<\/p><button type=\"button\" data-method=\"Frosted or glossy finish\" aria-pressed=\"false\">Add this method to brief \u2192<\/button><\/div><\/article><\/div><div class=\"decor-foot\"><p>Ask for the selected model, material, logo colors, artwork coverage and estimated quantity before choosing a method.<\/p><a class=\"button button--outline\" href=\"#custom-project-form\">Ask Which Method Fits My Design<\/a><\/div><\/div><\/section>\n\n\n\n\n\n    <section class=\"section section--navy\" id=\"project-inquiry\" aria-labelledby=\"inquiry-title\"><div class=\"container inquiry-layout\"><div class=\"inquiry-copy\"><span class=\"eyebrow\">Your next step<\/span><h2 id=\"inquiry-title\">Tell Us About Your Custom Packaging Project<\/h2><p>Share the bottle or jar you need, the parts you want to change and your target quantity. Add a logo, drawing or reference. Yujia can review the request and discuss a practical route with you.<\/p><div class=\"inquiry-photo image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-inquiry-terracotta.webp\" width=\"1032\" height=\"1000\" loading=\"lazy\" alt=\"Coordinated terracotta cosmetic bottles and cream jars with black bands, arranged on wooden blocks as a custom packaging set reference.\"><\/div><p class=\"form-note\" style=\"color:#d4dedc\">Review your selections before sending your project brief. Artwork files are not uploaded here \u2014 email them after we reply.<\/p><\/div><form class=\"form-card\" id=\"custom-project-form\" action=\"#\" method=\"post\" enctype=\"multipart\/form-data\" novalidate aria-labelledby=\"form-title\"><h3 id=\"form-title\" style=\"font-size:1.45rem\">Start a Custom Project<\/h3><p>Fields marked * are required. Add detail where you can; we will review what is practical for the selected model.<\/p><div class=\"selection-summary\"><h3>Your selected direction<\/h3><p id=\"selection-summary-text\" aria-live=\"polite\">No options selected yet. You can still send a brief.<\/p><textarea id=\"selected-options\" name=\"selected_options\" readonly aria-label=\"Selected customization options\" hidden><\/textarea><\/div><div class=\"error-summary\" id=\"form-error-summary\" tabindex=\"-1\" role=\"alert\" hidden><\/div><div class=\"form-grid\"><div class=\"field\"><label for=\"lead-name\">Name *<\/label><input id=\"lead-name\" name=\"name\" autocomplete=\"name\" required aria-describedby=\"lead-name-error\"><span class=\"field-error\" id=\"lead-name-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-email\">Work email *<\/label><input id=\"lead-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required aria-describedby=\"lead-email-error\"><span class=\"field-error\" id=\"lead-email-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-company\">Company *<\/label><input id=\"lead-company\" name=\"company\" autocomplete=\"organization\" required aria-describedby=\"lead-company-error\"><span class=\"field-error\" id=\"lead-company-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-country\">Destination country *<\/label><input id=\"lead-country\" name=\"destination_country\" autocomplete=\"country-name\" required aria-describedby=\"lead-country-error\"><span class=\"field-error\" id=\"lead-country-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-product\">Product type *<\/label><select id=\"lead-product\" name=\"product_type\" required aria-describedby=\"lead-product-error\"><option value=\"\">Choose a product<\/option><option>Airless Bottle<\/option><option>Acrylic Bottle<\/option><option>Cream Jar<\/option><option>Lotion Bottle<\/option><option>Spray Bottle<\/option><option>Travel Bottle<\/option><option>Packaging Set<\/option><option>Other \/ Need help<\/option><\/select><span class=\"field-error\" id=\"lead-product-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-quantity\">Estimated quantity *<\/label><input id=\"lead-quantity\" name=\"estimated_quantity\" type=\"number\" min=\"1\" step=\"1\" placeholder=\"Units per model or SKU\" required aria-describedby=\"lead-quantity-error\"><span class=\"field-error\" id=\"lead-quantity-error\"><\/span><\/div><div class=\"field full\"><label for=\"lead-description\">Short project description *<\/label><textarea id=\"lead-description\" name=\"project_description\" required placeholder=\"What would you like to make, change or confirm?\" aria-describedby=\"lead-description-error\"><\/textarea><span class=\"field-error\" id=\"lead-description-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-route\">Project route<\/label><select id=\"lead-route\" name=\"project_route\"><option value=\"\">Not sure yet<\/option><option value=\"Existing model\">Existing model<\/option><option value=\"Structure review\">Structure review<\/option><\/select><\/div><div class=\"field\"><label for=\"lead-model\">Existing Yujia model \/ reference link<\/label><input id=\"lead-model\" name=\"model_reference\" type=\"text\" placeholder=\"Model number or URL\"><\/div><div class=\"field\"><label for=\"lead-capacity\">Target capacity<\/label><input id=\"lead-capacity\" name=\"capacity\" placeholder=\"e.g. 30 ml\"><\/div><div class=\"field\"><label for=\"lead-formula\">Formula type<\/label><input id=\"lead-formula\" name=\"formula_type\" placeholder=\"e.g. serum, cream\"><\/div><div class=\"field\"><label for=\"lead-color\">Selected color code<\/label><input id=\"lead-color\" name=\"selected_color\" placeholder=\"e.g. #9BAF9A\" maxlength=\"7\" aria-describedby=\"lead-color-error\"><span class=\"field-error\" id=\"lead-color-error\"><\/span><\/div><div class=\"field\"><label for=\"lead-method\">Decoration method<\/label><select id=\"lead-method\" name=\"decoration_method\"><option value=\"\">Need advice<\/option><option>Silk screen printing<\/option><option>Hot stamping<\/option><option>Label application<\/option><option>Frosted or glossy finish<\/option><\/select><\/div><div class=\"field\"><label for=\"lead-closure\">Cap or pump needs<\/label><input id=\"lead-closure\" name=\"closure_needs\" placeholder=\"Shape, finish, output or sealing\"><\/div><div class=\"field\"><label for=\"lead-date\">Target date<\/label><div class=\"date-control\" style=\"position:relative;display:block\"><input id=\"lead-date\" name=\"target_date\" type=\"date\"><span class=\"date-placeholder\" aria-hidden=\"true\" style=\"position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#4b5963;font-size:.95rem;line-height:1;pointer-events:none;white-space:nowrap;max-width:calc(100% - 46px);overflow:hidden;text-overflow:ellipsis\">Select a date<\/span><\/div><\/div><div class=\"field full\"><label for=\"lead-file\">Logo, drawing or reference file<\/label><div class=\"file-control\"><input id=\"lead-file\" name=\"reference_file\" type=\"file\" accept=\".png,.jpg,.jpeg,.webp,.pdf,.svg,image\/png,image\/jpeg,image\/webp,application\/pdf,image\/svg+xml\" aria-describedby=\"lead-file-note lead-file-error\"><span class=\"file-control-button\" aria-hidden=\"true\">Choose file<\/span><span class=\"file-control-name\" id=\"lead-file-name\">No file chosen<\/span><\/div><p class=\"file-note\" id=\"lead-file-note\">PNG, JPG, WebP, PDF or SVG; up to 10 MB. Add product references or drawings if they help explain your requirements. <\/p><span class=\"field-error\" id=\"lead-file-error\"><\/span><\/div><\/div><div class=\"form-actions\"><button class=\"button button--primary\" type=\"submit\">Review My Project Brief<\/button><a href=\"\/products\/\">Browse Product Catalog<\/a><\/div><p class=\"form-note\">Review your project brief, then send it to our team. We reply within one business day.<\/p><div class=\"form-feedback\" id=\"form-feedback\" role=\"status\" tabindex=\"-1\" hidden><\/div><\/form><\/div><\/section>\n    <section class=\"section\" id=\"custom-faq\" aria-labelledby=\"faq-title\"><div class=\"container faq-layout\"><div class=\"faq-intro\"><span class=\"eyebrow\">Before you choose<\/span><h2 id=\"faq-title\">Questions About Custom Bottles and Jars<\/h2><p>Use these answers to prepare a clearer brief. The final option still depends on the exact container, artwork and physical sample.<\/p><div class=\"faq-photo image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-faq-beautyset.webp\" width=\"844\" height=\"570\" loading=\"lazy\" alt=\"Coral and blush cosmetic spray bottles grouped on a pink set, illustrating a coordinated custom packaging finish.\"><\/div><a class=\"button button--outline\" href=\"#custom-project-form\">Ask About Your Design<\/a><\/div><div><div class=\"faq-group\"><h3>Design<\/h3><details class=\"faq-item\"><summary>Can I add my logo to an existing cosmetic bottle or jar?<\/summary><p>Logo options depend on the model, material, print area, artwork and quantity. Send the product model and your logo file. Yujia can review screen printing, hot stamping or a label for that pack and confirm what can be sampled.<\/p><\/details><details class=\"faq-item\"><summary>What is the difference between custom decoration and a custom mold?<\/summary><p>Decoration changes the look of an existing container through color, printing, finish or a matching part. A custom mold changes the structure and needs a separate review of drawings, tooling, samples, cost and volume. Tell us which part must change before choosing a route.<\/p><\/details><details class=\"faq-item\"><summary>Which logo method should I use: screen printing, hot stamping or a label?<\/summary><p>Start with the artwork and container surface. Screen printing may suit direct graphics; hot stamping may suit a foil detail; a label may help with more text or design changes. The final choice depends on material, shape, print area, use and a physical sample.<\/p><\/details><details class=\"faq-item\"><summary>Can you match a brand color across bottles, jars, caps and pumps?<\/summary><p>Share a color code and, if possible, a physical reference. Different materials and finishes can make the same target color look different. Compare real samples side by side and record the approved reference for each component.<\/p><\/details><details class=\"faq-item\"><summary>How much space do I need for a logo or label?<\/summary><p>The usable area depends on shape, curve, seams and closure. Ask for a drawing or print-area guide for the exact container. Check small text and label edges on a physical sample before approving artwork.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Production planning<\/h3><details class=\"faq-item\"><summary>What is the MOQ for custom cosmetic bottles with a logo?<\/summary><p>There is no one MOQ for every project. It can change with the base model, material, color, printing method, artwork versions and quantity per SKU. Send your design and quantities so Yujia can confirm the minimum for each proposed option.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Samples and approval<\/h3><details class=\"faq-item\"><summary>Can I order samples before approving bulk production?<\/summary><p>Ask for samples that match the chosen container, closure, color and decoration as closely as the project allows. Check appearance, fit, dispensing, sealing and your formula in the final pack. Availability, cost and timing need confirmation for the exact project.<\/p><\/details><details class=\"faq-item\"><summary>What should we approve before production begins?<\/summary><p>Approve the model and capacity, materials and components, artwork version, color and finish references, logo position, sample result, quantity, packing method and agreed terms. Keep the approved sample and written specification together for future orders.<\/p><\/details><\/div><\/div><\/div><\/section>\n    <section class=\"final-cta\" id=\"final-cta\" aria-labelledby=\"final-title\"><div class=\"image-frame\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-custom-final-tubes.webp\" width=\"2137\" height=\"736\" loading=\"lazy\" alt=\"Wide shot of amber and white cosmetic tubes and a frosted applicator bottle on a warm amber set, used behind the closing call to action.\"><\/div><div class=\"container final-inner\"><span class=\"eyebrow\">Let&#8217;s review your idea<\/span><h2 id=\"final-title\">Ready to Review Your Packaging Idea?<\/h2><p>Choose an existing bottle or jar, or send a reference image. Add your logo, quantity and destination so Yujia can review a practical route for your project.<\/p><div class=\"final-actions\"><a class=\"button button--primary\" href=\"#custom-project-form\">Start a Custom Project<\/a><a class=\"button button--light-outline\" href=\"\/products\/\">View Bottles and Jars<\/a><\/div><p style=\"font-size:.78rem;color:#d9ddda;margin-top:20px\">Need to check samples first? <a class=\"text-link\" href=\"\/contact-us\/?inquiry=sample#inquiry\">See the sample route<\/a>.<\/p><\/div><\/section>\n  <\/div>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.15.0\/gsap.min.js\" defer><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.15.0\/ScrollTrigger.min.js\" defer><\/script>\n<script>\n  (() => {\n    'use strict';\n    const pageRoot = document.querySelector('.yb-customization-page');\n    const $ = (selector, root = pageRoot) => root.querySelector(selector);\n    const $$ = (selector, root = pageRoot) => Array.from(root.querySelectorAll(selector));\n    const form = $('#custom-project-form');\n    form.addEventListener('submit', event => event.preventDefault());\n    const selectedChanges = new Set();\n    let selectedMethod = '';\n    const changeButtons = $$('[data-change]');\n    const formColor = $('#lead-color');\n    const updateSummary = () => {\n      const route = $('#lead-route').value;\n      const color = formColor.value.trim();\n      const lines = [\n        'Changes: ' + (selectedChanges.size ? [...selectedChanges].join(', ') : 'not chosen'),\n        'Decoration: ' + (selectedMethod || 'need advice'),\n        'Color: ' + (color || 'not specified'),\n        'Route: ' + (route || 'not sure yet')\n      ];\n      $('#selected-options').value = lines.join('\\n');\n      $('#selection-summary-text').textContent = lines.join(' \u00b7 ');\n    };\n    changeButtons.forEach(button => button.addEventListener('click', () => {\n      const value = button.dataset.change;\n      if (selectedChanges.has(value)) selectedChanges.delete(value);\n      else selectedChanges.add(value);\n      changeButtons.filter(item => item.dataset.change === value).forEach(item => item.setAttribute('aria-pressed', String(selectedChanges.has(value))));\n      updateSummary();\n    }));\n    $$('[data-method]').forEach(button => button.addEventListener('click', () => {\n      selectedMethod = selectedMethod === button.dataset.method ? '' : button.dataset.method;\n      $$('[data-method]').forEach(item => item.setAttribute('aria-pressed', String(item.dataset.method === selectedMethod)));\n      $('#lead-method').value = selectedMethod;\n      updateSummary();\n    }));\n    $('#lead-method').addEventListener('change', event => {\n      selectedMethod = event.target.value;\n      $$('[data-method]').forEach(item => item.setAttribute('aria-pressed', String(item.dataset.method === selectedMethod)));\n      updateSummary();\n    });\n    $('#lead-route').addEventListener('change', event => {\n      updateSummary();\n    });\n\n    const isHex = value => \/^#[0-9a-fA-F]{6}$\/.test(value);\n    formColor.addEventListener('input', updateSummary);\n    updateSummary();\n\n    const fileLimit = 10 * 1024 * 1024;\n    const allowedExtensions = \/\\.(png|jpe?g|webp|pdf|svg)$\/i;\n    const fileInputs = [$('#lead-file')];\n    const checkFile = input => {\n      const file = input.files && input.files[0];\n      if (!file) return '';\n      if (!allowedExtensions.test(file.name)) return 'Use PNG, JPG, WebP, PDF or SVG.';\n      if (file.size > fileLimit) return 'Use a file smaller than 10 MB.';\n      return '';\n    };\n    $('#lead-file').addEventListener('change', event => {\n      const message = checkFile(event.target);\n      $('#lead-file-error').textContent = message;\n      event.target.setAttribute('aria-invalid', String(Boolean(message)));\n    });\n\n    const requiredFields = ['lead-name', 'lead-email', 'lead-company', 'lead-country', 'lead-product', 'lead-quantity', 'lead-description'];\n    const fieldLabel = id => $('label[for=\"' + id + '\"]').textContent.replace('*', '').trim();\n    const validate = () => {\n      const errors = [];\n      requiredFields.forEach(id => {\n        const input = $('#' + id);\n        const value = input.value.trim();\n        let message = '';\n        if (!value) message = fieldLabel(id) + ' is required.';\n        else if (id === 'lead-email' && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value)) message = 'Enter a valid work email.';\n        else if (id === 'lead-quantity' && (!Number.isInteger(Number(value)) || Number(value) < 1)) message = 'Enter a quantity of at least 1.';\n        input.setAttribute('aria-invalid', String(Boolean(message)));\n        $('#' + id + '-error').textContent = message;\n        if (message) errors.push({id, message});\n      });\n      if (formColor.value.trim() ? !isHex(formColor.value.trim()) : false) {\n        formColor.setAttribute('aria-invalid', 'true');\n        $('#lead-color-error').textContent = 'Enter a six-digit HEX color if provided.';\n        errors.push({id: 'lead-color', message: 'Enter a six-digit HEX color if provided.'});\n      } else {\n        formColor.setAttribute('aria-invalid', 'false');\n        $('#lead-color-error').textContent = '';\n      }\n      fileInputs.forEach(input => {\n        const message = checkFile(input);\n        input.setAttribute('aria-invalid', String(Boolean(message)));\n        if (input.id === 'lead-file') $('#lead-file-error').textContent = message;\n        if (message) errors.push({id: input.id, message});\n      });\n      return errors;\n    };\n    requiredFields.forEach(id => $('#' + id).addEventListener('input', () => {\n      const input = $('#' + id);\n      if (input.getAttribute('aria-invalid') === 'true') {\n        input.setAttribute('aria-invalid', 'false');\n        $('#' + id + '-error').textContent = '';\n      }\n    }));\n    form.addEventListener('submit', event => {\n      event.preventDefault();\n      const errors = validate();\n      const summary = $('#form-error-summary');\n      const feedback = $('#form-feedback');\n      feedback.hidden = true;\n      if (errors.length) {\n        summary.hidden = false;\n        summary.replaceChildren();\n        const title = document.createElement('strong');\n        title.textContent = 'Please check ' + errors.length + (errors.length === 1 ? ' field:' : ' fields:');\n        const list = document.createElement('ul');\n        errors.forEach(({id, message}) => {\n          const li = document.createElement('li');\n          const link = document.createElement('a');\n          link.href = '#' + id;\n          link.textContent = message;\n          link.addEventListener('click', () => setTimeout(() => $('#' + id).focus(), 0));\n          li.append(link);\n          list.append(li);\n        });\n        summary.append(title, list);\n        summary.focus();\n        summary.scrollIntoView({behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth', block: 'center'});\n        return;\n      }\n      summary.hidden = true;\n      const name = $('#lead-name').value.trim();\n      feedback.textContent = 'Brief checked, ' + name + '. Your brief includes ' + $('#lead-product').value + ', approximately ' + $('#lead-quantity').value + ' units, with these directions: ' + $('#selected-options').value.replace(\/n\/g, '; ') + '. Review the brief, then send it with the button below. We reply within one business day.';\n      feedback.hidden = false;\n      feedback.focus();\n      feedback.scrollIntoView({behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth', block: 'center'});\n    });\n\n    $('#custom-project-form button[type=\"submit\"]').disabled = false;\n\n    addEventListener('load', () => {\n      if (!window.gsap || !window.ScrollTrigger) return;\n      gsap.registerPlugin(ScrollTrigger);\n      const mm = gsap.matchMedia();\n      mm.add('(prefers-reduced-motion: no-preference)', () => {\n        gsap.from($$('.hero-copy > *'), {y: 34, opacity: 0, duration: .8, stagger: .09, ease: 'power3.out', clearProps: 'all'});\n        gsap.from($('.hero-side'), {x: 45, opacity: 0, duration: 1.05, delay: .35, ease: 'power3.out', clearProps: 'all'});\n        $$('.section-head, .color-copy, .set-copy, .process-intro, .proof-copy, .inquiry-copy, .faq-intro, .final-inner').forEach(element => {\n          gsap.from(element, {scrollTrigger: {trigger: element, start: 'top 88%', once: true}, y: 28, opacity: 0, duration: .8, ease: 'power2.out', clearProps: 'all'});\n        });\n        $$('.option-card, .decor-card, .route-card, .proof-card').forEach((element, index) => {\n          gsap.from(element, {scrollTrigger: {trigger: element, start: 'top 93%', once: true}, y: 34, opacity: 0, scale: .98, duration: .7, delay: (index % 3) * .06, ease: 'power2.out', clearProps: 'all'});\n        });\n        mm.add('(min-width: 861px)', () => {\n          gsap.to($('.hero-main img'), {scale: 1.12, yPercent: 7, ease: 'none', scrollTrigger: {trigger: '.hero-stage', start: 'top top', end: 'bottom top', scrub: .7}});\n          gsap.to($('#final-cta .image-frame img'), {scale: 1.12, yPercent: -5, ease: 'none', scrollTrigger: {trigger: '#final-cta', start: 'top bottom', end: 'bottom top', scrub: .7}});\n        });\n      });\n      ScrollTrigger.refresh(true);\n    });\n  })();\n  <\/script>\n<script id=\"yb-decor-to-form-20261016\">\n(function(){\n  \/* \u70b9\u201cAdd this method to brief\u201d\u65f6\uff1a\u9009\u4e2d\u8868\u5355\u7684\u88c5\u9970\u65b9\u6cd5 + \u6eda\u5230\u9879\u76ee\u7b80\u62a5\u8868\u5355\uff08\u4fdd\u7559\u539f\u6709\u6309\u94ae\u5f00\u5173\u884c\u4e3a\uff09 *\/\n  var btns = document.querySelectorAll(\".decor-card [data-method]\");\n  var select = document.getElementById(\"lead-method\");\n  var form = document.getElementById(\"custom-project-form\");\n  if (!btns.length) return;\n  function pick(value){\n    if (!select || !value) return;\n    var opts = select.options;\n    for (var i = 0; i < opts.length; i++){\n      if (opts[i].textContent.trim() === value || opts[i].value === value){\n        select.selectedIndex = i;\n        break;\n      }\n    }\n    select.dispatchEvent(new Event(\"change\", {bubbles:true}));\n  }\n  function scrollToForm(){\n    if (!form) return;\n    var y = form.getBoundingClientRect().top + window.pageYOffset - 96;\n    window.scrollTo({top: y, behavior: \"smooth\"});\n  }\n  for (var i = 0; i < btns.length; i++){\n    (function(btn){\n      btn.addEventListener(\"click\", function(){\n        pick(btn.getAttribute(\"data-method\"));\n        setTimeout(scrollToForm, 80);\n      });\n    })(btns[i]);\n  }\n})();\n<\/script>\n<style id=\"yb-file-control-20261016\">\n\/* \u539f\u751f file \u63a7\u4ef6\u7684\u6587\u5b57\u7531\u6d4f\u89c8\u5668\u8bed\u8a00\u51b3\u5b9a\uff08\u4e2d\u6587\u673a\u5668\u4e0a\u663e\u793a\u201c\u9009\u62e9\u6587\u4ef6\u201d\uff09\uff0c\u6545\u9690\u85cf\u539f\u751f\u63a7\u4ef6\u3001\u81ea\u7ed8\u82f1\u6587\u6309\u94ae *\/\n.yb-customization-page .file-control{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;background:var(--white);border:1px solid #bbbdb9;border-radius:8px}\n.yb-customization-page .file-control input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}\n.yb-customization-page .file-control-button{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--navy);border-radius:6px;color:var(--navy);font-size:.85rem;font-weight:700;white-space:nowrap}\n.yb-customization-page .file-control-name{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.yb-customization-page .file-control input[type=file]:focus-visible + .file-control-button{outline:2px solid var(--terra);outline-offset:2px}\\n\/* \u65e5\u671f\u5b57\u6bb5\uff1a\u7a7a\u503c\u65f6\u9690\u85cf\u6d4f\u89c8\u5668\u672c\u5730\u5316\u7684\u539f\u751f\u5360\u4f4d\uff08\u201c\u5e74\/\u6708\/\u65e5\u201d\uff09\uff0c\u53e0\u52a0\u82f1\u6587\u5360\u4f4d\uff1b\u4fdd\u7559\u539f\u751f\u65e5\u5386\u9009\u62e9\u5668 *\/\n..yb-customization-page .date-control{position:relative}\n..yb-customization-page .date-control input[type=date].is-empty{color:transparent}\n.yb-customization-page .date-placeholder{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:.95rem}\n..yb-customization-page .date-control input[type=date]:not(.is-empty) + .date-placeholder{display:none}\n.yb-customization-page section.hero{padding-bottom:0}  \/* \u5220\u9664\u201cWhat would you like to change\u201d\u5361\u7247\u540e\uff0c\u539f\u672c\u88ab\u5b83\u8d1f\u8fb9\u8ddd\u906e\u4f4f\u7684 66px \u7559\u767d\u53d8\u6210\u7f1d\u9699\uff0c\u73b0\u5f52\u96f6\uff082026-10-16\uff09 *\/<\/style>\n<script id=\"yb-file-name-20261016\">\n(function(){\n  var input = document.getElementById(\"lead-file\");\n  var nameEl = document.getElementById(\"lead-file-name\");\n  if (!input || !nameEl) return;\n  input.addEventListener(\"change\", function(){\n    var files = input.files;\n    if (files.length > 0){ nameEl.textContent = files[0].name; }\n    else { nameEl.textContent = \"No file chosen\"; }\n  });\n})();\n<\/script>\n\n<style id=\"yb-date-placeholder-z-20261016\">\n\/* \u8ba9\u82f1\u6587\u5360\u4f4d\u7a33\u5b9a\u663e\u793a\u5728\u539f\u751f\u65e5\u671f\u8f93\u5165\u6846\u4e4b\u4e0a\uff08\u5426\u5219\u4f1a\u88ab\u8f93\u5165\u6846\u767d\u5e95\u76d6\u4f4f\uff09 *\/\n.yb-customization-page .date-control input[type=date]{position:relative;z-index:1;background:var(--white,#fff)}\n.yb-customization-page .date-placeholder{z-index:2;color:#4b5963}\n<\/style>\n<script id=\"yb-inquiry-submit-20261017\">\n(function(){\n  \/* \u628a\u6240\u6709\u9875\u9762\u5185\u8868\u5355\u63a5\u5230 POST \/wp-json\/yujia\/v1\/inquiry\uff08\u8df3\u8fc7\u62a5\u4ef7\u5f39\u6846\u4e0e\u641c\u7d22\u6846\uff09*\/\n  var forms = document.querySelectorAll(\"form\");\n  var pageUrl = window.location.href;\n  var stamp = Math.floor(Date.now() \/ 1000);\n  for (var i = 0; i < forms.length; i++){\n    (function(form, index){\n      if (form.id === \"yb-quote-form\") return;\n      var role = form.getAttribute(\"role\");\n      if (role === \"search\") return;\n      var key = form.getAttribute(\"data-yb-inquiry\");\n      if (!key){ key = form.id ? form.id : \"page-form-\" + (index + 1); }\n      var hp = document.createElement(\"input\");\n      hp.type = \"text\"; hp.name = \"yb_hp\"; hp.tabIndex = -1; hp.autocomplete = \"off\";\n      hp.setAttribute(\"aria-hidden\", \"true\");\n      hp.style.position = \"absolute\"; hp.style.left = \"-9999px\"; hp.style.width = \"1px\"; hp.style.height = \"1px\";\n      form.appendChild(hp);\n      var ts = document.createElement(\"input\");\n      ts.type = \"hidden\"; ts.name = \"yb_ts\"; ts.value = String(stamp);\n      form.appendChild(ts);\n      var status = document.createElement(\"p\");\n      status.className = \"yb-inquiry-status\";\n      status.setAttribute(\"role\", \"status\");\n      status.style.marginTop = \"12px\"; status.style.fontSize = \".9rem\"; status.style.lineHeight = \"1.5\";\n      status.hidden = true;\n      form.appendChild(status);\n      form.addEventListener(\"submit\", function(event){\n        event.preventDefault();\n        if (!form.checkValidity()){ form.reportValidity(); return; }\n\n        var submitBtn = form.querySelector(\"button[type=submit]\") || form.querySelector(\"button\");\n        var oldText = submitBtn ? submitBtn.textContent : \"\";\n        if (submitBtn){ submitBtn.disabled = true; }\n        status.hidden = false;\n        status.style.color = \"#4b5963\";\n        status.textContent = \"Sending your request\u2026\";\n        var fd = new FormData(form);\n        fd.append(\"meta\", JSON.stringify({ form_key: key, page_url: pageUrl }));\n        fetch(\"\/wp-json\/yujia\/v1\/inquiry\", {\n          method: \"POST\",\n          body: fd\n        }).then(function(res){\n          return res.json().then(function(json){ return { ok: res.ok, json: json }; });\n        }).then(function(out){\n          var passed = false; if (out.ok) { if (out.json) { if (out.json.ok) { passed = true; } } } if (passed){\n            status.style.color = \"#2f6b3c\";\n            status.textContent = \"Thank you. Your request has been received \u2014 we reply within 1 business day.\";\n            form.reset();\n            if (submitBtn){\n              submitBtn.textContent = \"Sent \u2713\";\n              setTimeout(function(){ submitBtn.textContent = oldText; }, 4000);\n            }\n          } else {\n            status.style.color = \"#91452F\";\n            var errMsg = \"Something went wrong. Please email info@yujiabottle.com.\"; if (out.json) { if (out.json.message) { errMsg = out.json.message; } } status.textContent = errMsg;\n          }\n        }).catch(function(){\n          status.style.color = \"#91452F\";\n          status.textContent = \"Network error. Please email info@yujiabottle.com.\";\n        }).then(function(){\n          if (submitBtn){ submitBtn.disabled = false; }\n        });\n      });\n    })(forms[i], i);\n  }\n})();\n<\/script>\n\n<style id=\"yb-flatpickr-css\">.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{\/*\n      \/*rtl:begin:ignore*\/left:0\/*\n      \/*rtl:end:ignore*\/}\/*\n      \/*rtl:begin:ignore*\/\n\/*\n      \/*rtl:end:ignore*\/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{\/*\n      \/*rtl:begin:ignore*\/right:0\/*\n      \/*rtl:end:ignore*\/}\/*\n      \/*rtl:begin:ignore*\/\n\/*\n      \/*rtl:end:ignore*\/\n.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}<\/style>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr@4.6.13\/dist\/flatpickr.min.js\" defer><\/script>\n<style id=\"yb-flatpickr-skin-20261017\">\n\/* \u8ba9\u65e5\u5386\u9762\u677f\u4e0e\u7ad9\u70b9\u5b57\u4f53\/\u8272\u677f\u4e00\u81f4 *\/\n.flatpickr-calendar{font-family:Manrope,Helvetica,Arial,sans-serif;border-radius:10px;box-shadow:0 18px 48px rgba(20,28,38,.18);border:1px solid rgba(31,42,55,.14)}\n.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#B85C43;border-color:#B85C43}\n.flatpickr-day.today{border-color:#9BAF9A}\n.flatpickr-months .flatpickr-month,.flatpickr-current-month{color:#1F2A37;font-weight:700}\n.flatpickr-alt-input{background-image:url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A37' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'\/%3E%3Cpath d='M8 3v4M16 3v4M3 11h18'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;padding-right:44px!important;cursor:pointer}\n<\/style>\n<script id=\"yb-flatpickr-init-20261017\">\n(function(){\n  \/* \u7528\u81ea\u5efa\u82f1\u6587\u65e5\u5386\u66ff\u6389\u6d4f\u89c8\u5668\u672c\u5730\u5316\u7684\u539f\u751f\u5f39\u5c42\uff1b\u8868\u5355\u503c\u4ecd\u4e3a Y-m-d *\/\n  var tries = 0;\n  function boot(){\n    tries++;\n    if (!window.flatpickr){ if (tries < 60){ setTimeout(boot, 150); } return; }\n    var inputs = document.querySelectorAll(\"input[type=date]\");\n    for (var i = 0; i < inputs.length; i++){\n      (function(input){\n        var host = input.parentNode;\n        var span = host.querySelector(\".date-placeholder, .date-picker-text\");\n        if (span){ span.style.display = \"none\"; }\n        window.flatpickr(input, {\n          dateFormat: \"Y-m-d\",\n          altInput: true,\n          altFormat: \"j F Y\",\n          altInputClass: \"flatpickr-alt-input\",\n          placeholder: \"Select a date\",\n          allowInput: false,\n          disableMobile: false,\n          monthSelectorType: \"static\"\n        });\n      })(inputs[i]);\n    }\n  }\n  boot();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home\/Custom Packaging Made around your brand Custom Cosmetic Bottles With Logo for Your Brand Plan bottle colors, jar colors, logo decoration, finishes, caps, pumps, and matching packaging sets around your product line. Start with a Yujia bottle or jar style and tell us how you want it to look and work. Share your logo, target &#8230; <a title=\"T\u00f9y ch\u1ec9nh\" class=\"read-more\" href=\"https:\/\/yujiabottle.com\/vi\/custom-cosmetic-packaging\/\" aria-label=\"\u0110\u1ecdc th\u00eam v\u1ec1 Customization\">\u0110\u1ecdc ti\u1ebfp<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-105","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":41,"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/pages\/105\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/yujiabottle.com\/vi\/wp-json\/wp\/v2\/media?parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}