{"id":70,"date":"2026-09-28T13:04:04","date_gmt":"2026-09-28T13:04:04","guid":{"rendered":"https:\/\/yujiabottle.com\/?page_id=70"},"modified":"2026-10-21T12:42:36","modified_gmt":"2026-10-21T12:42:36","slug":"home","status":"publish","type":"page","link":"https:\/\/yujiabottle.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n\n<style>\n    :root{--ivory:#F6F1E8;--navy:#1F2A37;--sage:#9BAF9A;--sand:#E2DDD2;--terra:#B85C43;--terra-dark:#91452F;--white:#fff;--line:#c9c8c1;--muted:#515b64;--radius:14px;--max:1240px;--shadow:0 18px 45px rgba(31,42,55,.11)}\n    *,*::before,*::after{box-sizing:border-box}\n    html{scroll-behavior:smooth;scroll-padding-top:88px}\n    body{margin:0;background:var(--ivory);color:var(--navy);font:400 16px\/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}\n    h1,h2,h3,h4,p,ul,ol{margin-top:0}\n    h1,h2,h3,h4{font-family:Manrope,Inter,Arial,sans-serif;line-height:1.18;letter-spacing:-.035em}\n    h1{font-size:clamp(2.4rem,4.3vw,3.6rem);font-weight:800;max-width:17ch;margin-bottom:24px}\n    h2{font-size:clamp(2rem,3vw,2.65rem);font-weight:700;margin-bottom:20px}\n    h3{font-size:1.32rem;font-weight:700;margin-bottom:12px}\n    p{margin-bottom:18px}\n    a{color:inherit;text-decoration:none}\n    a:hover{text-decoration:none}\n    button,input,select,textarea{font:inherit}\n    button{cursor:pointer}\n    img{display:block;max-width:100%}\n    svg{display:block}\n    :focus-visible{outline:3px solid var(--terra-dark);outline-offset:3px}\n    .on-dark :focus-visible,.site-footer :focus-visible{outline-color:var(--ivory)}\n    .skip-link{position:absolute;top:-70px;left:16px;z-index:100;background:var(--navy);color:var(--white);padding:10px 16px;border-radius:8px}\n    .skip-link:focus{top:10px}\n    .container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}\n    .section{padding:92px 0}\n    .section--tight{padding:70px 0}\n    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--terra-dark);font-size:.76rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}\n    .eyebrow::before{content:\"\";width:19px;height:2px;background:currentColor}\n    .eyebrow--light{color:var(--ivory)}\n    .lead{font-size:1.08rem;line-height:1.75;max-width:69ch;color:#3b4650}\n    .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}\n    .section-head>div{max-width:690px}\n    .section-head p{margin-bottom:0;color:#4c5862}\n    .text-link{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;transition:gap .2s}\n    .text-link:hover{gap:15px}\n    .text-link svg,.btn svg,.card-link svg{width:17px;height:17px;flex:none}\n    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 23px;border-radius:10px;border:1.5px solid transparent;font-weight:700;font-size:.94rem;line-height:1.2;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}\n    .btn:hover{transform:translateY(-2px)}\n    .btn:active{transform:translateY(0)}\n    .btn--primary{background:var(--terra);color:var(--white)}\n    .btn--primary:hover{background:var(--terra-dark)}\n    .btn--outline{border-color:var(--navy);color:var(--navy);background:transparent}\n    .btn--outline:hover{background:var(--navy);color:var(--white)}\n    .btn--light{background:var(--ivory);color:var(--navy)}\n    .btn--light:hover{background:var(--white)}\n    .btn--full{width:100%}\n    .tag{display:inline-flex;align-items:center;border:1px solid rgba(31,42,55,.2);border-radius:100px;padding:6px 11px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}\n    .image-frame{position:relative;overflow:hidden;background:var(--sand)}\n    .image-frame img{width:100%;height:100%;object-fit:cover}\n.yb-homepage-page .catalog-image img{filter:none}\n\n    .utility-bar{background:var(--navy);color:var(--ivory);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}\n    .utility-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:32px}\n    .utility-inner span:last-child{opacity:.76}\n    .site-header{position:sticky;top:0;z-index:50;background:rgba(246,241,232,.96);border-bottom:1px solid rgba(31,42,55,.1);backdrop-filter:blur(14px)}\n    .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}\n    .brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}\n    .brand-mark{width:38px;height:42px;color:var(--navy)}\n    .brand-name{font-family:Manrope,Arial,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.07em;line-height:1}\n    .brand-sub{display:block;margin-top:5px;font-size:.58rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;opacity:.67}\n    .desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}\n    .desktop-nav a{font-size:.81rem;font-weight:600;white-space:nowrap}\n    .desktop-nav a:hover{color:var(--terra-dark)}\n    .header-cta{font-size:.82rem;padding-inline:17px}\n    .menu-toggle{display:none;border:0;background:transparent;padding:10px;color:var(--navy)}\n    .menu-toggle svg{width:25px;height:25px}\n    .mobile-menu{display:none}\n    .hero{padding:0 0 74px;background:var(--ivory)}\n    .hero-stage{position:relative;isolation:isolate;min-height:730px;overflow:hidden;background:var(--navy);color:var(--ivory)}\n    .hero-stage::before{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(31,42,55,.96) 0%,rgba(31,42,55,.86) 34%,rgba(31,42,55,.48) 68%,rgba(31,42,55,.22) 100%),linear-gradient(0deg,rgba(31,42,55,.52),transparent 34%);pointer-events:none}\n    .hero-stage::after{content:\"\";position:absolute;right:-100px;bottom:-240px;width:690px;height:690px;border:1px solid rgba(246,241,232,.23);border-radius:50%;pointer-events:none}\n    .hero-main{position:absolute;inset:0;z-index:-2}\n    .hero-main img{object-position:center 55%}\n    .hero-stage-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:70px;min-height:730px;padding-top:85px;padding-bottom:112px;z-index:1}\n    .hero-copy{max-width:820px}\n    .hero-copy .eyebrow{color:var(--ivory)}\n    .hero-copy h1{max-width:16ch;margin-bottom:23px;color:var(--ivory);font-size:clamp(3.4rem,5.5vw,5.5rem);line-height:1.03;letter-spacing:-.06em;text-wrap:balance}\n    .hero-copy h1 span{display:block;max-width:26ch;margin-top:13px;color:#e4e9e4;font-size:.48em;font-weight:600;line-height:1.18;letter-spacing:-.025em}\n    .hero-copy .lead{max-width:59ch;margin-bottom:15px;color:var(--ivory);font-size:1.08rem;font-weight:600;line-height:1.55}\n    .hero-sub{max-width:62ch;color:#dce3e3;font-size:.88rem;line-height:1.7}\n    .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:27px 0 20px}\n    .hero-actions .btn--outline{color:var(--ivory);border-color:rgba(246,241,232,.85)}\n    .hero-actions .btn--outline:hover{background:var(--ivory);color:var(--navy)}\n    .hero-catalog{color:var(--ivory);font-size:.86rem}\n    .hero-foot{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid rgba(246,241,232,.3);padding-top:18px;margin-top:28px;color:#e1e6e3;font-size:.75rem;font-weight:600}\n    .hero-foot span{display:flex;align-items:center;gap:8px}\n    .hero-foot svg{width:17px;height:17px;color:var(--sage)}\n    \n    \n    \n    \n    \/* Ospey-inspired depth: moving atmosphere, type behind the product, then foreground. *\/\n    .hero-stage{background:var(--navy)}\n    .hero-stage::before{z-index:1;background:linear-gradient(90deg,rgba(31,42,55,.96) 0%,rgba(31,42,55,.88) 37%,rgba(31,42,55,.25) 72%,rgba(31,42,55,.12) 100%),linear-gradient(0deg,rgba(31,42,55,.55),transparent 45%)}\n    .hero-stage::after{display:none}\n    .hero-atmosphere{position:absolute;inset:-8%;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 68% 34%,rgba(184,92,67,.48),transparent 36%),radial-gradient(ellipse at 70% 72%,rgba(155,175,154,.35),transparent 42%),linear-gradient(125deg,#1F2A37 18%,#42515a 55%,#1F2A37 100%);pointer-events:none}\n    .hero-atmosphere::before,.hero-atmosphere::after{content:\"\";position:absolute;inset:-20%;border-radius:42%;filter:blur(55px);opacity:.55;will-change:transform}\n    .hero-atmosphere::before{background:radial-gradient(ellipse at 34% 65%,rgba(246,241,232,.43),transparent 39%),radial-gradient(ellipse at 76% 33%,rgba(184,92,67,.35),transparent 44%);animation:hero-drift-a 22s ease-in-out infinite alternate}\n    .hero-atmosphere::after{background:radial-gradient(ellipse at 70% 68%,rgba(226,221,210,.35),transparent 38%),radial-gradient(ellipse at 28% 25%,rgba(155,175,154,.35),transparent 45%);animation:hero-drift-b 28s ease-in-out infinite alternate}\n    @keyframes hero-drift-a{from{transform:translate3d(-4%,2%,0) scale(1)}to{transform:translate3d(7%,-5%,0) scale(1.1)}}\n    @keyframes hero-drift-b{from{transform:translate3d(5%,-3%,0) scale(1.04)}to{transform:translate3d(-7%,5%,0) scale(.95)}}\n    .hero-back-title{position:absolute;z-index:1;top:62px;left:50%;width:100%;transform:translateX(-50%);color:rgba(246,241,232,.24);font:800 clamp(5rem,11.6vw,11.5rem)\/.92 Manrope,Inter,Arial,sans-serif;letter-spacing:-.085em;text-align:center;white-space:nowrap;pointer-events:none;user-select:none}\n    .hero-foreground{position:absolute;z-index:2;right:-4%;bottom:-4%;width:min(78%,1120px);height:auto;max-width:none;pointer-events:none;filter:drop-shadow(0 24px 38px rgba(10,15,19,.3));transform-origin:70% 85%}\n    .hero-stage-inner{z-index:3}\n    .hero-copy{position:relative;text-shadow:0 2px 15px rgba(18,26,34,.26)}\n    \n    \n    \n    \n    .hero .rfq-strip{position:relative;z-index:2;margin-top:-48px;padding:26px 30px;background:var(--ivory);color:var(--navy);border:1px solid rgba(31,42,55,.13);border-radius:14px;box-shadow:var(--shadow)}\n    .rfq-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}\n    .rfq-title h2{font-size:1.22rem;margin:0;letter-spacing:-.02em}\n    .rfq-title span{font-size:.78rem;opacity:.76}\n    .rfq-fields{display:grid;grid-template-columns:1.1fr .76fr .82fr .86fr 1.2fr auto;gap:8px}\n    .field{display:flex;flex-direction:column;gap:7px;min-width:0}\n    .field label{font-size:.72rem;font-weight:700;letter-spacing:.04em}\n    .field input,.field select,.field textarea{width:100%;min-height:46px;background:var(--white);border:1px solid #bbbdb9;border-radius:8px;padding:10px 12px;color:var(--navy);outline:0}\n    .field textarea{resize:vertical;min-height:122px}\n    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terra-dark);box-shadow:0 0 0 3px rgba(184,92,67,.18)}\n    .field input::placeholder,.field textarea::placeholder{color:#6d7478}\n    .rfq-fields .btn{align-self:end;min-height:46px}\n    .rfq-fields .btn:disabled{opacity:.72;cursor:wait}\n    .rfq-status{margin:12px 0 0;font-size:.82rem;color:var(--navy)}\n    .rfq-status[data-state=error]{color:#9b3e2d}\n    .rfq-status[hidden]{display:none}\n    .needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\n    .need-card{display:flex;flex-direction:column;min-height:430px;padding:0 24px 25px;border:1px solid rgba(31,42,55,.11);border-radius:var(--radius);background:#fbf8f2;overflow:hidden;transition:box-shadow .2s}\n    .need-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}\n    .need-image{height:205px;margin:0 -24px 23px}\n    .need-image img,.product-image img{transition:transform .65s cubic-bezier(.22,1,.36,1)}\n    .need-card:hover .need-image img,.product-card:hover .product-image img{transform:scale(1.07)}\n    .need-number{font-family:Manrope,Arial,sans-serif;color:var(--terra-dark);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:17px}\n    .need-card h3{font-size:1.13rem}\n    .need-card p{font-size:.85rem;line-height:1.6;color:#4f5962}\n    .card-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:.77rem;font-weight:700;color:var(--terra-dark)}\n    .region-section{background:var(--sand)}\n    #featured-products{background:var(--white)}\n    .region-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:stretch}\n    .region-intro{display:flex;flex-direction:column;justify-content:space-between}\n    .region-intro p{color:#46525a}\n    .region-visual{height:360px;border-radius:14px;margin-top:26px}\n    .region-panel{background:var(--ivory);border-radius:var(--radius);padding:30px;box-shadow:0 10px 30px rgba(31,42,55,.05)}\n    .region-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px}\n    .region-tab{border:1px solid transparent;background:transparent;border-radius:100px;padding:10px 15px;min-height:44px;font-size:.78rem;font-weight:700;color:var(--navy)}\n    .region-tab[aria-selected=\"true\"]{background:var(--navy);color:var(--white)}\n    .region-tab:hover:not([aria-selected=\"true\"]){border-color:var(--navy)}\n    .region-content[hidden]{display:none}\n    .region-content .btn{max-width:100%;white-space:normal;text-align:center}\n    .region-content h3{font-size:1.7rem}\n    .region-content p{max-width:60ch;color:#4b5660;font-size:.9rem}\n    .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;list-style:none;padding:0;margin:25px 0 30px}\n    .feature-list li{display:flex;align-items:start;gap:9px;font-size:.83rem;font-weight:600}\n    .feature-list li::before{content:\"\";flex:none;width:7px;height:7px;border-radius:50%;background:var(--sage);margin-top:9px}\n    .products-head{max-width:750px;margin-bottom:25px}\n    \n    \n    \n    \n    .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}\n    .product-card{overflow:hidden;background:#fbf8f2;border:1px solid rgba(31,42,55,.11);border-radius:var(--radius)}\n    .product-card[hidden]{display:none}\n    .product-image{height:350px}\n    .product-body{padding:22px 23px 24px}\n    .product-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}\n    .product-card h3{font-size:1.25rem;margin:0}\n    .product-card p{font-size:.84rem;color:#4e5961;min-height:66px;margin-bottom:15px}\n    .product-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}\n    .product-meta span{font-size:.66rem;font-weight:700;background:var(--sand);padding:5px 8px;border-radius:4px}\n    .product-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}\n    .product-actions .card-link{margin:0}\n    .product-actions a:last-child{font-size:.72rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}\n    .selection-section{background:var(--navy);color:var(--ivory)}\n    .selection-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}\n    .selection-layout p{color:#d4d9d9}\n    .selection-layout .btn{margin-top:15px}\n    .selection-visual{height:360px;width:100%;margin:0;border:1px solid rgba(246,241,232,.28);border-radius:12px}\n    .selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:36px 0 0}\n    .selection-grid li{position:relative;min-height:96px;padding:20px 18px 20px 58px;background:rgba(246,241,232,.075);border:1px solid rgba(246,241,232,.15);border-radius:10px;font-size:.88rem;font-weight:600;line-height:1.5}\n    .selection-grid span{position:absolute;top:24px;left:20px;color:var(--sage);font:800 .72rem\/1 Manrope,Arial,sans-serif;letter-spacing:.1em}\n    .custom-layout{display:grid;grid-template-columns:1.14fr .86fr;gap:52px;align-items:center}\n    .custom-visual{position:relative;padding:0 54px 34px 0}\n    .custom-main{height:610px;border-radius:14px;background:var(--sand)} .custom-main img{object-fit:cover!important;object-position:center 46%!important;filter:none!important;background:var(--sand)} .custom-detail img{object-fit:cover;filter:none!important}\n    .custom-detail{position:absolute;bottom:0;right:0;width:43%;height:265px;border:8px solid var(--ivory);border-radius:14px}\n    .custom-copy p{color:#4b5660}\n    .option-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 30px}\n    .option-list li{padding:7px 12px;border-radius:100px;background:var(--sand);font-size:.75rem;font-weight:700}\n    .quality-section{background:#f0ece3}\n    .quality-visual{height:440px;border-radius:14px}\n    .quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}\n    .quality-card{padding:26px;border-top:3px solid var(--sage);background:var(--ivory);border-radius:0 0 10px 10px}\n    .quality-card span{font-family:Manrope,Arial,sans-serif;color:var(--terra-dark);font-size:.73rem;font-weight:800;letter-spacing:.12em}\n    .quality-card h3{font-size:1.1rem;margin:17px 0 9px}\n    .quality-card p{font-size:.82rem;color:#515c64;margin:0}\n    .quality-bottom{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:28px}\n    .catalog-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:54px;align-items:center}\n    .catalog-cover{position:relative;width:100%;max-width:610px;margin:auto;padding:22px 22px 0;background:var(--sand);border-radius:14px 14px 0 0;box-shadow:var(--shadow)}\n    .catalog-cover::after{content:\"\";display:block;height:15px;background:#cac3b7;transform:skewX(-34deg);transform-origin:top left;position:absolute;left:22px;right:3px;bottom:-15px}\n    .catalog-image{height:470px;border-radius:7px 7px 0 0}\n.yb-homepage-page .catalog-image{height:auto;aspect-ratio:1\/1}  \/* \u5c01\u9762\u4e3a\u6b63\u65b9\u5f62\uff1a\u6309\u5bbd\u5ea6\u5b9a\u9ad8\uff0c\u907f\u514d cover \u88c1\u5207\uff082026-10-15\uff09*\/\n    .catalog-title{padding:24px 20px;background:var(--navy);color:var(--ivory);font-family:Manrope,Arial,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.15}\n    .catalog-title small{display:block;font:600 .66rem\/1.3 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;color:var(--sage)}\n    .catalog-copy p{color:#4a5660}\n    .catalog-points{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:23px 0;list-style:none;padding:0}\n    .catalog-points li{font-size:.82rem;font-weight:600;display:flex;gap:7px;align-items:center}\n    .catalog-points li::before{content:\"\u2713\";color:var(--terra-dark);font-weight:800}\n    .catalog-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}\n    .catalog-form .full{grid-column:1\/-1}\n    .form-note{font-size:.72rem;color:#566169;margin:6px 0 0}\n    .faq-section{background:var(--sand)}\n    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}\n    .faq-intro{position:sticky;top:116px;align-self:start}\n    .faq-intro p{color:#4d5961}\n    .faq-visual{height:300px;margin-top:32px;border-radius:12px}\n    .faq-group{margin-bottom:28px}\n    .faq-group h3{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-dark);margin:0 0 8px}\n    .faq-item{border-bottom:1px solid rgba(31,42,55,.2)}\n    .faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 2px;font-size:.9rem;font-weight:700;line-height:1.45;cursor:pointer}\n    .faq-item summary::-webkit-details-marker{display:none}\n    .faq-item summary::after{content:\"+\";flex:none;font-size:1.4rem;font-weight:400;line-height:1;color:var(--terra-dark)}\n    .faq-item[open] summary::after{content:\"\u2212\"}\n    .faq-item p{font-size:.83rem;color:#4b5660;line-height:1.7;padding:0 28px 18px 2px;margin:0}\n    .final-section{background:var(--navy);color:var(--ivory)}\n    .final-layout{display:grid;grid-template-columns:.96fr 1.04fr;gap:58px;align-items:start}\n    .final-copy p{color:#d7dcdb}\n    .final-visual{height:500px;margin-top:34px;border-radius:12px;opacity:.9}\n    .final-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:30px;border-radius:14px;background:var(--ivory);color:var(--navy)}\n    .final-form .full{grid-column:1\/-1}\n    .final-form .field label{color:var(--navy)}\n    .final-form .field input,.final-form .field select,.final-form .field textarea{background:#fff}\n    .final-form .btn{justify-self:start}\n    .final-form .form-note{margin:0}\n    .site-footer{background:#18222d;color:var(--ivory);padding:70px 0 28px}\n    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px}\n    .footer-brand p{max-width:34ch;margin:22px 0;color:#c9d0d0;font-size:.83rem}\n    .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    .footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}\n    .footer-grid li{font-size:.8rem;color:#d9dede}\n    .footer-grid li a:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}\n    .footer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}\n    .footer-actions .btn{font-size:.75rem;min-height:43px;padding:9px 13px}\n    .footer-bottom{border-top:1px solid rgba(246,241,232,.16);margin-top:54px;padding-top:24px;display:flex;justify-content:space-between;gap:18px;font-size:.69rem;color:#abb5b7}\n    .toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,20px);max-width:min(440px,calc(100vw - 32px));padding:14px 18px;background:var(--navy);color:var(--white);border-radius:10px;box-shadow:var(--shadow);font-size:.84rem;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}\n    .toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}\n    .site-header.is-scrolled{box-shadow:0 8px 28px rgba(31,42,55,.09)}\n    .image-frame img{transform-origin:center center}\n    @media(max-width:1120px){.desktop-nav{gap:15px}.desktop-nav a{font-size:.76rem}.rfq-fields{grid-template-columns:repeat(3,1fr)}.rfq-fields .btn{width:100%}.needs-grid,.quality-grid{grid-template-columns:repeat(2,1fr)}.region-layout,.selection-layout,.custom-layout,.catalog-layout,.faq-layout,.final-layout{gap:42px}}\n    @media(max-width:860px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{display:block;max-height:0;overflow:hidden;transition:max-height .25s;background:var(--ivory)}.mobile-menu.is-open{max-height:430px;border-top:1px solid var(--line)}.mobile-menu nav{display:grid;padding:13px 24px 22px}.mobile-menu a{padding:10px 0;font-size:.9rem;font-weight:700}.region-layout,.selection-layout,.custom-layout,.catalog-layout,.faq-layout,.final-layout{grid-template-columns:1fr}.region-visual{display:none}.faq-intro{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}\n    @media(max-width:600px){.container{width:min(calc(100% - 40px),var(--max))}.section{padding:68px 0}.section--tight{padding:54px 0}.utility-inner span:last-child{display:none}.utility-inner{justify-content:center}.header-inner{height:68px}.brand-name{font-size:1.08rem}.brand-mark{width:33px;height:37px}.hero-copy .lead{font-size:1rem}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1}.hero-catalog{width:100%;margin-top:4px}.rfq-title{display:block}.rfq-title span{display:block;margin-top:8px}.rfq-fields,.catalog-form,.final-form{grid-template-columns:1fr}.rfq-fields .btn,.catalog-form .full,.final-form .full{grid-column:auto}.section-head{display:block}.section-head .text-link{margin-top:20px}.needs-grid,.product-grid,.quality-grid{grid-template-columns:1fr}.need-card{min-height:410px}.need-image{height:220px}.product-image{height:255px}.feature-list,.catalog-points{grid-template-columns:1fr}.region-panel{padding:22px}.region-tab{font-size:.72rem;padding-inline:11px}.selection-grid{grid-template-columns:1fr}.selection-grid li{min-height:0}.selection-visual{height:220px}.custom-visual{padding-right:34px}.custom-main{height:360px}.custom-detail{height:155px}.quality-visual{height:270px}.catalog-image{height:275px}.catalog-cover{max-width:380px}.faq-visual{height:240px}.final-form{padding:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1\/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}\n    @media(max-width:380px){.hero-actions .btn{flex:1 1 100%}.selection-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}\n    @media(max-width:860px){.hero-stage,.hero-stage-inner{min-height:690px}.hero-stage-inner{display:block;padding-top:76px;padding-bottom:105px}.hero-copy{max-width:650px}.hero-foreground{width:92%;right:-22%;bottom:0;opacity:.72}.hero-back-title{top:95px;font-size:clamp(5rem,15vw,8rem)}.region-visual{display:block;height:330px}.custom-main{height:540px}.catalog-image{height:430px}.final-visual{height:380px}}\n    @media(max-width:600px){.hero{padding-top:0}.hero-stage,.hero-stage-inner{min-height:0}.hero-stage::before{background:linear-gradient(0deg,#1F2A37 0%,rgba(31,42,55,.95) 39%,rgba(31,42,55,.13) 76%)}.hero-stage-inner{padding-top:320px;padding-bottom:92px}.hero-foreground{top:86px;right:-20%;bottom:auto;width:112%;opacity:1}.hero-back-title{top:42px;font-size:clamp(4.2rem,17vw,6rem);text-align:left;left:18px;transform:none}.hero-copy h1{font-size:clamp(2.35rem,8vw,3rem);max-width:16ch;line-height:1.06}.hero-copy h1 span{font-size:.58em}.hero-copy .lead{font-size:1rem}.hero-sub{font-size:.84rem}.hero .rfq-strip{margin-top:-27px;padding:22px}.region-visual{height:300px}.product-image{height:340px}.custom-main{height:450px}.custom-detail{height:190px}.catalog-image{height:360px}.final-visual{height:330px}}\n    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-atmosphere::before,.hero-atmosphere::after{will-change:auto}}\n  \n\/* Gutenberg page shell: use the page content as the full visual canvas while keeping theme files untouched. *\/\nbody:has(.yb-homepage-page){background:#F6F1E8!important;}\n.yb-homepage-page{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--ivory);}\n.yb-homepage-page .site-header{position:sticky;}\n.yb-homepage-page main{display:block;}\n\n\/* Full-width GeneratePress shell for this Gutenberg page only. *\/\nbody.page-id-70 #page,\nbody.page-id-70 .site.grid-container,\nbody.page-id-70 .site-content,\nbody.page-id-70 #content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}\nbody.page-id-70 #primary{width:100%!important;float:none!important;margin:0!important;padding:0!important;}\nbody.page-id-70 #right-sidebar,\nbody.page-id-70 .widget-area,\nbody.page-id-70 .entry-header{display:none!important;}\nbody.page-id-70 .inside-article,\nbody.page-id-70 .entry-content{margin:0!important;padding:0!important;}\n\n\/* Hard reset of the outer GeneratePress page chrome for page 70. *\/\nhtml body #right-sidebar,\nhtml body .right-sidebar,\nhtml body .widget-area{display:none!important;visibility:hidden!important;}\nhtml body .entry-header{display:none!important;visibility:hidden!important;}\nhtml body #page,\nhtml body #content,\nhtml body #primary{width:100%!important;max-width:none!important;min-width:0!important;float:none!important;margin:0!important;padding:0!important;}\nhtml body #page .site-content{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;}\nhtml body #page .inside-article,\nhtml body #page .entry-content{padding:0!important;margin:0!important;}\n\n\/* Homepage hero synced with Homepage-preview.html, 2026-10-10 *\/\n.yb-homepage-page .hero-stage{background:#1F2A37}\n.yb-homepage-page .hero-stage::before{z-index:1;background:linear-gradient(90deg,rgba(31,42,55,.88) 0%,rgba(31,42,55,.78) 38%,rgba(31,42,55,.43) 66%,rgba(31,42,55,.32) 100%),linear-gradient(0deg,rgba(31,42,55,.75),transparent 52%)}\n.yb-homepage-page .hero-stage::after{display:none}\n.yb-homepage-page .hero-atmosphere{inset:0;overflow:hidden;background:#1F2A37 url(\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-hero-studio-background.jpg\") center\/cover no-repeat}\n.yb-homepage-page .hero-atmosphere::before{display:none}\n.yb-homepage-page .hero-atmosphere::after{content:\"\";position:absolute;inset:-20%;border-radius:42%;filter:blur(70px);opacity:.16;background:radial-gradient(ellipse at 75% 42%,rgba(155,175,154,.46),transparent 38%);animation:hero-drift-b 28s ease-in-out infinite alternate;will-change:transform}\n.yb-homepage-page .hero-background-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7) contrast(1.06) brightness(.86);opacity:0;transition:opacity 1s ease}\n.yb-homepage-page .hero-background-video.is-ready{opacity:1}\n.yb-homepage-page .hero-back-title{z-index:2;color:rgba(216,227,214,.44);letter-spacing:-.03em;text-shadow:0 0 12px rgba(203,216,201,.40),0 0 26px rgba(155,175,154,.20)}\n.yb-homepage-page .hero-foreground{filter:drop-shadow(0 24px 40px rgba(10,15,19,.55))}\n\n\n@keyframes hero-drift-b{from{transform:translate3d(5%,-3%,0) scale(1.04)}to{transform:translate3d(-7%,5%,0) scale(.95)}}\n@media(max-width:860px){.yb-homepage-page .hero-back-title{top:95px;font-size:clamp(5rem,15vw,8rem)}}\n@media(max-width:600px){.yb-homepage-page .hero-stage::before{background:linear-gradient(0deg,#1F2A37 0%,rgba(31,42,55,.96) 38%,rgba(31,42,55,.52) 78%)}.yb-homepage-page .hero-atmosphere{background-position:72% center}.yb-homepage-page .hero-back-title{top:42px;font-size:clamp(3rem,15vw,5.6rem);text-align:left;left:18px;transform:none}}\n@media(prefers-reduced-motion:reduce){.yb-homepage-page .hero-atmosphere::after{animation:none;will-change:auto}}\n\n\/* yb-selection-20261015 *\/\n.selection-section{background:var(--navy);color:var(--ivory);padding:88px 0 92px}\n.selection-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,5vw,80px);align-items:center}\n.selection-layout h2{max-width:18ch;font-size:clamp(2.35rem,3.6vw,3.5rem);line-height:1.1;text-wrap:balance}\n.selection-layout p{max-width:58ch;margin-top:24px;color:#e0e4e2;font-size:1rem;line-height:1.7}\n.selection-layout .btn{margin-top:18px}\n.selection-visual{height:340px;width:100%;margin:0;border:1px solid rgba(246,241,232,.28);border-radius:14px;overflow:hidden}\n.selection-visual img{width:100%;height:100%;object-fit:cover}\n.selection-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:56px 0 0;padding:32px 0 0;border-top:1px solid rgba(246,241,232,.25)}\n.selection-phase{min-width:0;padding:0 30px;border-left:1px solid rgba(246,241,232,.2)}\n.selection-phase:first-child{padding-left:0;border-left:0}\n.selection-phase:last-child{padding-right:0}\n.selection-phase-kicker{display:block;margin-bottom:14px;color:#b7cdb7;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\n.selection-phase h3{margin:0 0 20px;color:var(--ivory);font-size:1.37rem;line-height:1.25}\n.selection-steps{list-style:none;margin:0;padding:0}\n.selection-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:11px;align-items:baseline;padding:10px 0;border-top:1px solid rgba(246,241,232,.14);color:#eef0eb;font-size:1rem;line-height:1.5}\n.selection-steps li:first-child{border-top:0}\n.selection-steps li span{color:#b7cdb7;font:800 .75rem\/1.5 Manrope,Arial,sans-serif;letter-spacing:.05em}\n@media(max-width:980px){.selection-phase{padding-inline:20px}.selection-phase h3{font-size:1.18rem}}\n@media(max-width:760px){.selection-section{padding:68px 0 72px}.selection-layout{grid-template-columns:1fr;gap:32px}.selection-layout h2{max-width:20ch}.selection-visual{height:300px}.selection-phases{grid-template-columns:1fr;gap:26px;margin-top:40px;padding-top:28px}.selection-phase,.selection-phase:first-child,.selection-phase:last-child{padding:0 0 0 22px;border-left:2px solid rgba(155,175,154,.65)}.selection-phase h3{font-size:1.3rem;margin-bottom:12px}.selection-steps li{padding:8px 0}}\n@media(max-width:600px){.selection-layout h2{font-size:clamp(2rem,8vw,2.6rem)}.selection-visual{height:235px}.selection-layout .btn{width:100%;justify-content:center}.selection-phase-kicker{font-size:.72rem}}\n\n\/* yb-quality-20261015 *\/\n.quality-section{background:var(--sand);padding:80px 0 88px}\n.quality-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:32px}\n.quality-heading h2{max-width:19ch;margin:0;font-size:clamp(2.1rem,3.4vw,3.1rem);line-height:1.13;text-wrap:balance}\n.quality-heading-aside{padding-bottom:4px}\n.quality-heading-aside p{max-width:44ch;margin:0 0 22px;color:#394650;font-size:1rem;line-height:1.7}\n.quality-visual{height:clamp(280px,31vw,400px);border-radius:14px}\n.quality-visual img{width:100%;height:100%;object-fit:cover}\n.quality-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0;margin:30px 0 0;padding:0;border-top:1px solid rgba(31,42,55,.28)}\n.quality-points li{min-width:0;margin-top:24px;padding:0 28px;border-left:1px solid rgba(31,42,55,.22)}\n.quality-points li:first-child{padding-left:0;border-left:0}\n.quality-points li:last-child{padding-right:0}\n.quality-points span{display:block;margin-bottom:12px;color:var(--terra-dark);font:800 .76rem\/1.4 Manrope,Arial,sans-serif;letter-spacing:.1em}\n.quality-points h3{margin:0 0 8px;font-size:1.28rem;line-height:1.3}\n.quality-points p{max-width:36ch;margin:0;color:#394650;font-size:1rem;line-height:1.62}\n@media(max-width:800px){.quality-heading{grid-template-columns:1fr;gap:18px}.quality-heading h2{max-width:22ch}.quality-heading-aside p{max-width:65ch}.quality-points li{padding-inline:20px}}\n@media(max-width:600px){.quality-section{padding:68px 0 72px}.quality-heading{margin-bottom:28px}.quality-heading h2{font-size:clamp(1.9rem,8vw,2.25rem)}.quality-heading-aside .btn{width:100%}.quality-visual{height:235px}.quality-points{grid-template-columns:1fr;margin-top:26px}.quality-points li,.quality-points li:first-child,.quality-points li:last-child{margin:0;padding:20px 0;border-left:0;border-bottom:1px solid rgba(31,42,55,.18)}.quality-points li:last-child{border-bottom:0}.quality-points span{margin-bottom:8px}.quality-points h3{font-size:1.2rem}.quality-points p{max-width:none}}\n\n\/* yb-exhibition-20261016 *\/\n.exhibition-section{background:var(--ivory);padding:88px 0}\n.exhibition-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(38px,6vw,88px);align-items:center}\n.exhibition-copy h2{max-width:15ch;margin-bottom:22px;font-size:clamp(2rem,3.25vw,3rem);line-height:1.12}\n.exhibition-copy p{max-width:48ch;color:#4b5862;font-size:1rem;line-height:1.72}\n.exhibition-highlights{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}\n.exhibition-highlights span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid rgba(31,42,55,.2);border-radius:999px;color:var(--navy);font-size:.86rem;font-weight:600}\n.exhibition-visual{height:clamp(360px,42vw,590px);border-radius:16px;background:var(--sand)}\n.exhibition-visual img{width:100%;height:100%;object-fit:cover}\n\/* \u5c55\u4f1a\u56fe\uff1a\u56fe\u6846\u6309\u56fe\u7247\u81ea\u8eab\u6bd4\u4f8b\u5b9a\u9ad8\uff0c\u6c38\u4e0d\u88c1\u5207\uff082026-10-16\uff09 *\/\n.yb-homepage-page .exhibition-visual{height:auto;aspect-ratio:1406\/932}\n.yb-homepage-page .exhibition-visual img{object-fit:contain}\n\/* \u5c55\u4f1a\u533a\u5e03\u5c40\uff1a\u6587\u6848\u53cc\u680f\u5728\u4e0a + \u5927\u6a2a\u56fe\u901a\u680f\u5728\u4e0b\uff082026-10-16\uff0c\u6309\u8981\u6c42\u653e\u5927\u56fe\u7247\u5360\u6bd4\uff09 *\/\n.yb-homepage-page .exhibition-layout{grid-template-columns:1fr;gap:clamp(30px,4vw,52px);align-items:start}\n.yb-homepage-page .exhibition-copy{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:14px clamp(26px,4.5vw,64px);align-items:start;max-width:none}\n.yb-homepage-page .exhibition-copy .eyebrow{grid-column:1;grid-row:1}\n.yb-homepage-page .exhibition-copy h2{grid-column:1;grid-row:2;margin:0;max-width:18ch}\n.yb-homepage-page .exhibition-copy p{grid-column:2;grid-row:1 \/ span 2;max-width:52ch;margin:0}\n.yb-homepage-page .exhibition-copy .exhibition-highlights{grid-column:2;grid-row:3;margin:6px 0 0}\n.yb-homepage-page .exhibition-copy .btn{grid-column:1;grid-row:3;justify-self:start;margin-top:6px}\n.yb-homepage-page .exhibition-visual{border-radius:16px}\n@media(max-width:860px){.yb-homepage-page .exhibition-copy{grid-template-columns:1fr;gap:12px}.yb-homepage-page .exhibition-copy .eyebrow,.yb-homepage-page .exhibition-copy h2,.yb-homepage-page .exhibition-copy p,.yb-homepage-page .exhibition-copy .exhibition-highlights,.yb-homepage-page .exhibition-copy .btn{grid-column:1;grid-row:auto}}\n.exhibition-placeholder-note{position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:6px;background:rgba(246,241,232,.92);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}\n@media(max-width:800px){.exhibition-layout{grid-template-columns:1fr;gap:36px}.exhibition-copy h2{max-width:20ch}.exhibition-visual{height:clamp(280px,70vw,420px)}}\n@media(max-width:600px){.exhibition-section{padding:68px 0 72px}.exhibition-copy h2{font-size:clamp(1.9rem,8vw,2.3rem)}.exhibition-copy p{font-size:1rem}.exhibition-highlights{gap:8px;margin:20px 0 24px}.exhibition-highlights span{font-size:.8rem}.exhibition-copy .btn{width:100%;justify-content:center}.exhibition-visual{height:300px}.exhibition-placeholder-note{right:12px;bottom:12px;font-size:.65rem}}\n\n\/* yb-exhibition-refine-20261016 *\/\n.exhibition-section{\n  position:relative;\n  overflow:hidden;\n  background:var(--sand);\n  padding:clamp(72px,8vw,116px) 0;\n}\n.exhibition-section::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:linear-gradient(110deg,rgba(246,241,232,.34),transparent 48%);\n}\n.exhibition-section>.container{position:relative;z-index:1}\n.exhibition-layout{\n  display:grid;\n  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);\n  gap:clamp(32px,5.5vw,86px);\n  align-items:center;\n}\n.exhibition-copy{\n  display:block;\n  max-width:430px;\n}\n.exhibition-copy h2{\n  max-width:11ch;\n  margin:0 0 22px;\n  font-size:clamp(2.25rem,4vw,3.75rem);\n  line-height:1.05;\n  letter-spacing:-.055em;\n}\n.exhibition-copy p{\n  max-width:39ch;\n  margin:0;\n  color:#4b5862;\n  font-size:1rem;\n  line-height:1.72;\n}\n.exhibition-highlights{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px 18px;\n  margin:28px 0 30px;\n  padding-top:16px;\n  border-top:1px solid rgba(31,42,55,.18);\n}\n.exhibition-highlights span{\n  display:inline-flex;\n  align-items:center;\n  min-height:28px;\n  padding:0;\n  border:0;\n  border-radius:0;\n  color:var(--navy);\n  font-size:.79rem;\n  font-weight:700;\n}\n.exhibition-highlights span+span::before{\n  content:\"\";\n  width:4px;\n  height:4px;\n  margin-right:9px;\n  border-radius:50%;\n  background:var(--sage);\n}\n.exhibition-copy .btn{margin-top:0}\n.exhibition-visual{\n  height:clamp(390px,39vw,610px);\n  border-radius:18px;\n  background:var(--sand);\n  box-shadow:0 18px 42px rgba(31,42,55,.12);\n}\n.exhibition-visual img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n.exhibition-placeholder-note{display:none}\n@media (max-width:800px){\n  .exhibition-section{padding:70px 0 78px}\n  .exhibition-layout{grid-template-columns:1fr;gap:34px}\n  .exhibition-copy{max-width:620px}\n  .exhibition-copy h2{max-width:16ch;font-size:clamp(2.15rem,8vw,3rem)}\n  .exhibition-copy p{max-width:52ch}\n  .exhibition-visual{height:clamp(300px,72vw,440px)}\n}\n@media (max-width:600px){\n  .exhibition-section{padding:58px 0 64px}\n  .exhibition-highlights{margin:22px 0 26px}\n  .exhibition-copy .btn{width:auto}\n  .exhibition-visual{height:300px;border-radius:14px}\n}\n<\/style>\n<div class=\"yb-homepage-page\">\n<div class=\"yb-main-content\">\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <div class=\"hero-stage on-dark\">\n        <div class=\"hero-atmosphere\" aria-hidden=\"true\"><video class=\"hero-background-video\" autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-hero-studio-background.jpg\"><source src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-factory-hero-1600.mp4\" type=\"video\/mp4\"><\/video><\/div>\n        <div class=\"hero-back-title\" aria-hidden=\"true\">YUJIA BOTTLE<\/div>\n        <img decoding=\"async\" class=\"hero-foreground\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/09\/yujia-hero-products.png\" width=\"1536\" height=\"1024\" fetchpriority=\"high\" alt=\"A collection of empty airless pump bottles, lotion and spray bottles, and cream jars on sandstone plinths.\">\n        <div class=\"container hero-stage-inner\">\n          <div class=\"hero-copy\">\n            <span class=\"eyebrow\">Packaging with purpose<\/span>\n            <h1 id=\"hero-title\">Cosmetic Packaging Manufacturer <span>Customization \/ Professional \/ One-stop Service<\/span><\/h1>\n            <p class=\"lead\">Bottles, jars and dispensing systems for skincare and personal care brands.<\/p>\n            <p class=\"hero-sub\">From first sample to repeat order, we make the right packaging easier to choose.<\/p>\n            <div class=\"hero-actions\"><a class=\"btn btn--primary\" href=\"\/contact-us\/\" data-yb-quote-open=\"quote\">Request a Quote <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><a class=\"btn btn--outline\" href=\"\/products\/\">View Products<\/a><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"container\"><form class=\"rfq-strip\" novalidate><div class=\"rfq-title\"><h2>Start with the essentials<\/h2><span>Tell us what you need to package.<\/span><\/div><div class=\"rfq-fields\"><div class=\"field\"><label for=\"hero-type\">Product type<\/label><select id=\"hero-type\" name=\"product_type\" required><option value=\"\">Select a format<\/option><option>Airless bottles<\/option><option>Acrylic bottles<\/option><option>Cream jars<\/option><option>Lotion bottles<\/option><option>Spray bottles<\/option><option>Travel bottles<\/option><option>Custom packaging<\/option><\/select><\/div><div class=\"field\"><label for=\"hero-capacity\">Capacity<\/label><input id=\"hero-capacity\" name=\"capacity\" placeholder=\"e.g. 50 ml\" required><\/div><div class=\"field\"><label for=\"hero-quantity\">Quantity<\/label><input id=\"hero-quantity\" name=\"quantity\" placeholder=\"e.g. 10,000\" required><\/div><div class=\"field\"><label for=\"hero-country\">Target country<\/label><input id=\"hero-country\" name=\"country\" placeholder=\"Country\" required><\/div><div class=\"field\"><label for=\"hero-email\">Business email<\/label><input id=\"hero-email\" type=\"email\" name=\"email\" placeholder=\"you@company.com\" autocomplete=\"email\" required><\/div><button class=\"btn btn--outline\" type=\"submit\">Send to YUJIA<\/button><\/div><p class=\"rfq-status\" role=\"status\" aria-live=\"polite\" hidden><\/p><\/form><\/div>\n    <\/section>\n\n    <section class=\"section\" aria-labelledby=\"needs-title\"><div class=\"container\"><div class=\"section-head\"><div><span class=\"eyebrow\">Start with your requirements<\/span><h2 id=\"needs-title\">Choose Packaging Around Your Product Requirements<\/h2><p>Packaging decisions affect filling, dispensing, shipping, shelf presentation and repeat production. Start with the questions that matter most.<\/p><\/div><a class=\"text-link\" href=\"\/products\/\">Explore all products <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><div class=\"needs-grid\"><article class=\"need-card\"><div class=\"image-frame need-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-requirement-product-fit-mockups.webp\" width=\"700\" height=\"479\" loading=\"lazy\" alt=\"Cosmetic bottle and jar mockups with printed specification sheets spread across a table for a packaging fit review.\"><\/div><span class=\"need-number\">01 \/ PRODUCT FIT<\/span><h3>Need a container suitable for cosmetic packaging?<\/h3><p>Review airless bottles, cream jars and pump options for skincare and personal care formulas.<\/p><a class=\"card-link\" href=\"\/products\/\">Explore Product Types <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><\/article><article class=\"need-card\"><div class=\"image-frame need-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-requirement-branding-review.webp\" width=\"700\" height=\"479\" loading=\"lazy\" alt=\"Three people reviewing packaging samples and printed design sheets at a studio table.\"><\/div><span class=\"need-number\">02 \/ BRANDING<\/span><h3>Need custom branding?<\/h3><p>Discuss color, surface finish, logo printing, labeling and matching components.<\/p><a class=\"card-link\" href=\"\/custom-cosmetic-packaging\/\">View Custom Packaging <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><\/article><article class=\"need-card\"><div class=\"image-frame need-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-requirement-samples-lineup.webp\" width=\"700\" height=\"479\" loading=\"lazy\" alt=\"Rows of pump bottles filled with amber liquid and small sample jars lined up on a light shelf.\"><\/div><span class=\"need-number\">03 \/ SAMPLES<\/span><h3>Need samples before ordering?<\/h3><p>Request standard samples, decorated samples or bottle and pump combinations for evaluation.<\/p><a class=\"card-link\" href=\"\/contact-us\/?inquiry=sample#inquiry\">Request Samples <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><\/article><article class=\"need-card\"><div class=\"image-frame need-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-requirement-markets.jpg\" width=\"700\" height=\"520\" loading=\"lazy\" alt=\"Photograph of cosmetic packaging samples beside international shipping documents and a world map on a sourcing desk, suggesting market-specific purchasing planning.\"><\/div><span class=\"need-number\">04 \/ MARKETS<\/span><h3>Need market-specific support?<\/h3><p>Explore purchasing, documentation and packaging planning for your target market.<\/p><a class=\"card-link\" href=\"#target-market-support\">Choose Your Market <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><\/article><\/div><\/div><\/section>\n\n    \n    <section class=\"section\" id=\"featured-products\" aria-labelledby=\"products-title\"><div class=\"container\"><div class=\"products-head\"><span class=\"eyebrow\">The product collection<\/span><h2 id=\"products-title\">Packaging Formats for Skincare and Personal Care Products<\/h2><p class=\"lead\">Find a starting point by format, then confirm capacity, material, closure and decoration with the actual product specification.<\/p><\/div><div class=\"product-grid\">\n      <article class=\"product-card\" data-category=\"skincare dispensing\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-airless-studio-bottle.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Clear airless pump bottle with a clear overcap standing on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Airless Bottles<\/h3><\/div><p>For serums, creams and lotions requiring controlled dispensing. Compare capacities, pump structures and decoration options.<\/p><div class=\"product-meta\"><span>Serums &amp; creams<\/span><span>Pump options<\/span><span>Custom finish<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=airless\">View Airless Bottles \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n      <article class=\"product-card\" data-category=\"skincare\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-acrylic-silver-bottles-cool.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Mirror-finish silver airless bottles displayed on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Acrylic Bottles<\/h3><\/div><p>Build a coordinated range with bottle, jar, cap and pump combinations that make a strong visual impression.<\/p><div class=\"product-meta\"><span>Skincare range<\/span><span>Matching sets<\/span><span>Decoration<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=acrylic\">View Acrylic Bottles \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n      <article class=\"product-card\" data-category=\"skincare\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-cream-jar-studio.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Clear cream jar with a polished lid standing on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Cream Jars<\/h3><\/div><p>For face creams, eye creams, masks and body care. Review jar structures, lids, liners and capacities.<\/p><div class=\"product-meta\"><span>Face &amp; body<\/span><span>Lids &amp; liners<\/span><span>Capacity<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=jars\">View Cream Jars \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n      <article class=\"product-card\" data-category=\"dispensing\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-lotion-studio-bottle.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Clear lotion bottle with a white pump and clear overcap standing on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Lotion Bottles<\/h3><\/div><p>For body care, skincare and personal care. Compare pump output, bottle size and closure options.<\/p><div class=\"product-meta\"><span>Body care<\/span><span>Pump output<\/span><span>Closure fit<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=lotion\">View Lotion Bottles \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n      <article class=\"product-card\" data-category=\"dispensing\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-spray-studio-bottles.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Clear fine-mist spray bottles with grey pumps and clear overcaps on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Spray Bottles<\/h3><\/div><p>Fine mist formats for facial mist, haircare, body spray and other liquid applications.<\/p><div class=\"product-meta\"><span>Fine mist<\/span><span>Spray head<\/span><span>Liquid care<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=spray\">View Spray Bottles \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n      <article class=\"product-card\" data-category=\"travel skincare\"><div class=\"image-frame product-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-travel-studio-set.webp\" width=\"804\" height=\"700\" loading=\"lazy\" alt=\"Travel-size spray, pump and dropper bottles with a mini jar and a tan zip pouch on white plinths in a bright studio setting.\"><\/div><div class=\"product-body\"><div class=\"product-top\"><h3>Travel Bottles<\/h3><\/div><p>Small formats for trial products, travel kits, hotel amenities and beauty sampling.<\/p><div class=\"product-meta\"><span>Trial sizes<\/span><span>Travel kits<\/span><span>Multi-SKU<\/span><\/div><div class=\"product-actions\"><a class=\"card-link\" href=\"\/products\/?category=travel\">View Travel Bottles \u2192<\/a><a href=\"\/contact-us\/?inquiry=sample#inquiry\">Ask about samples<\/a><\/div><\/div><\/article>\n    <\/div><\/div><\/section>\n    <section class=\"section exhibition-section\" aria-labelledby=\"exhibition-title\"><div class=\"container\">\n  <div class=\"exhibition-layout\">\n    <div class=\"exhibition-copy\"><span class=\"eyebrow\">Packaging exhibitions<\/span><h2 id=\"exhibition-title\">Yujia at Packaging Exhibitions<\/h2><p>Yujia takes part in packaging exhibitions and brings bottles, jars and dispensing components along. Buyers can compare structures, finishes and closures on the spot and talk their project through with our team.<\/p><div class=\"exhibition-highlights\" aria-label=\"What you can explore\"><span>Product samples<\/span><span>Component matching<\/span><span>Project conversations<\/span><\/div><a class=\"btn btn--primary\" href=\"\/contact-us\/\">Talk to Our Team<\/a><\/div>\n    <div class=\"image-frame exhibition-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-exhibition-booth.webp\" width=\"1406\" height=\"932\" loading=\"lazy\" alt=\"Yujia exhibition stand with the YUJIA lightbox sign, product counters and visitors at a packaging trade show.\"><span class=\"exhibition-placeholder-note\" aria-hidden=\"true\">Exhibition feature image<\/span><\/div>\n  <\/div>\n<\/div><\/section>\n\n    <section class=\"section region-section\" id=\"target-market-support\" aria-labelledby=\"regions-title\"><div class=\"container region-layout\"><div class=\"region-intro\"><div><span class=\"eyebrow\">Global perspective<\/span><h2 id=\"regions-title\">Packaging Support for Your Target Market<\/h2><p>Different markets create different sourcing questions. Select a region to see the details buyers commonly need to plan.<\/p><\/div><div class=\"image-frame region-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-market-workspace.jpg\" width=\"900\" height=\"420\" loading=\"lazy\" alt=\"Editorial photograph of cosmetic packaging samples, material swatches and shipping documents arranged on a buyer's desk, suggesting international sourcing and market planning.\"><\/div><\/div><div class=\"region-panel\"><div class=\"region-tabs\" role=\"tablist\" aria-label=\"Target markets\"><button class=\"region-tab\" id=\"tab-na\" role=\"tab\" aria-controls=\"panel-na\" aria-selected=\"true\" tabindex=\"0\">North America<\/button><button class=\"region-tab\" id=\"tab-eu\" role=\"tab\" aria-controls=\"panel-eu\" aria-selected=\"false\" tabindex=\"-1\">Europe<\/button><button class=\"region-tab\" id=\"tab-sa\" role=\"tab\" aria-controls=\"panel-sa\" aria-selected=\"false\" tabindex=\"-1\">South America<\/button><button class=\"region-tab\" id=\"tab-sea\" role=\"tab\" aria-controls=\"panel-sea\" aria-selected=\"false\" tabindex=\"-1\">Southeast Asia<\/button><\/div><div class=\"region-content\" id=\"panel-na\" role=\"tabpanel\" aria-labelledby=\"tab-na\"><span class=\"tag\">Market focus 01<\/span><h3>North America<\/h3><p>Plan for straightforward quotations, compatible components and documentation your team can review before ordering.<\/p><ul class=\"feature-list\"><li>Clear quotations<\/li><li>Product samples<\/li><li>Repeat-order control<\/li><li>Pump and closure compatibility<\/li><li>Material information<\/li><li>Practical documentation<\/li><\/ul><a class=\"btn btn--outline\" href=\"mailto:info@yujiabottle.com?subject=North%20America%20Packaging%20Inquiry\" data-yb-quote-open=\"quote\">Contact Our North America Expert<\/a><\/div><div class=\"region-content\" id=\"panel-eu\" role=\"tabpanel\" aria-labelledby=\"tab-eu\" hidden><span class=\"tag\">Market focus 02<\/span><h3>Europe<\/h3><p>Explore material transparency, product traceability and suitable PCR or refillable options where available for the selected structure.<\/p><ul class=\"feature-list\"><li>PCR and refillable options<\/li><li>Material transparency<\/li><li>Component information<\/li><li>Recyclability documentation<\/li><li>Product traceability<\/li><li>Project planning<\/li><\/ul><a class=\"btn btn--outline\" href=\"mailto:info@yujiabottle.com?subject=Europe%20Packaging%20Inquiry\" data-yb-quote-open=\"quote\">Contact Our Europe Expert<\/a><\/div><div class=\"region-content\" id=\"panel-sa\" role=\"tabpanel\" aria-labelledby=\"tab-sa\" hidden><span class=\"tag\">Market focus 03<\/span><h3>South America<\/h3><p>Balance product choice and cost planning while keeping export packing and future repeat orders in view.<\/p><ul class=\"feature-list\"><li>Flexible formats<\/li><li>Cost planning<\/li><li>Smaller pack sizes<\/li><li>Export packing<\/li><li>Reorder continuity<\/li><li>Language support planning<\/li><\/ul><a class=\"btn btn--outline\" href=\"mailto:info@yujiabottle.com?subject=South%20America%20Packaging%20Inquiry\" data-yb-quote-open=\"quote\">Contact Our South America Expert<\/a><\/div><div class=\"region-content\" id=\"panel-sea\" role=\"tabpanel\" aria-labelledby=\"tab-sea\" hidden><span class=\"tag\">Market focus 04<\/span><h3>Southeast Asia<\/h3><p>Review compact packs, practical dispensing formats and sampling across multiple SKUs.<\/p><ul class=\"feature-list\"><li>Compact packaging<\/li><li>Travel and trial sizes<\/li><li>Pumps and sprays<\/li><li>Refillable options<\/li><li>Multi-SKU sampling<\/li><li>Repeat supply planning<\/li><\/ul><a class=\"btn btn--outline\" href=\"mailto:info@yujiabottle.com?subject=Southeast%20Asia%20Packaging%20Inquiry\" data-yb-quote-open=\"quote\">Contact Our Southeast Asia Expert<\/a><\/div><\/div><\/div><\/section>\n\n    \n    <section class=\"section selection-section on-dark\" aria-labelledby=\"selection-title\"><div class=\"container\"><div class=\"selection-layout\"><div><span class=\"eyebrow eyebrow--light\">A better product brief<\/span><h2 id=\"selection-title\">How to Select the Right Cosmetic Packaging<\/h2><p>Start with the formula and application. Then confirm capacity, dispensing method, material, closure, decoration and order quantity. A clear brief reduces quotation changes and sample revisions.<\/p><a class=\"btn btn--light\" href=\"\/contact-us\/\" data-yb-quote-open=\"quote\">Send Your Product Requirements<\/a><\/div><div class=\"image-frame selection-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-selection-packaging-review-20261015.jpg\" width=\"1976\" height=\"1310\" loading=\"lazy\" alt=\"People reviewing cosmetic packaging samples and printed cartons at a table.\"><\/div><\/div><ol class=\"selection-phases\" aria-label=\"Packaging selection in three stages\">\n<li class=\"selection-phase\"><span class=\"selection-phase-kicker\">Stage 01 \/ The brief<\/span><h3>Define the format<\/h3><ol class=\"selection-steps\"><li><span aria-hidden=\"true\">01<\/span>Define the product application<\/li><li><span aria-hidden=\"true\">02<\/span>Confirm target fill volume<\/li><li><span aria-hidden=\"true\">03<\/span>Choose bottle, jar or spray<\/li><\/ol><\/li>\n<li class=\"selection-phase\"><span class=\"selection-phase-kicker\">Stage 02 \/ The sample<\/span><h3>Check the combination<\/h3><ol class=\"selection-steps\" start=\"4\"><li><span aria-hidden=\"true\">04<\/span>Match pump, cap or closure<\/li><li><span aria-hidden=\"true\">05<\/span>Review material and finish<\/li><li><span aria-hidden=\"true\">06<\/span>Request a sample<\/li><\/ol><\/li>\n<li class=\"selection-phase\"><span class=\"selection-phase-kicker\">Stage 03 \/ The order<\/span><h3>Approve and produce<\/h3><ol class=\"selection-steps\" start=\"7\"><li><span aria-hidden=\"true\">07<\/span>Confirm artwork and decoration<\/li><li><span aria-hidden=\"true\">08<\/span>Approve final specification<\/li><li><span aria-hidden=\"true\">09<\/span>Plan production and shipping<\/li><\/ol><\/li>\n<\/ol><\/div><\/section>\n\n    <section class=\"section\" aria-labelledby=\"custom-title\"><div class=\"container custom-layout\"><div class=\"custom-visual\"><div class=\"image-frame custom-main\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-branding-range.webp\" width=\"1246\" height=\"1220\" loading=\"lazy\" alt=\"Coordinated range of white, clear and purple cosmetic bottles and jars with pumps, droppers and a cream jar.\"><\/div><div class=\"image-frame custom-detail\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-branding-detail-shelf.webp\" width=\"550\" height=\"498\" loading=\"lazy\" alt=\"Close-up of a cosmetic display shelf with coloured bottles and jars and a decoration sample sheet.\"><\/div><\/div><div class=\"custom-copy\"><span class=\"eyebrow\">Made for your brand<\/span><h2 id=\"custom-title\">Build a Packaging Set Around Your Brand<\/h2><p class=\"lead\">Start with a standard product, then discuss color, finish, logo printing, labeling, caps, pumps and matching jars.<\/p><p>For a new structure, confirm the drawing, sample, decoration and production requirements before bulk manufacturing. Available options depend on the selected product.<\/p><ul class=\"option-list\"><li>Custom color<\/li><li>Frosted finish<\/li><li>Matte or glossy<\/li><li>Silk screen printing<\/li><li>Hot stamping<\/li><li>Logo &amp; labels<\/li><li>Matching caps<\/li><li>Coordinated sets<\/li><li>Refillable options<\/li><li>Custom mold inquiry<\/li><\/ul><a class=\"btn btn--primary\" href=\"\/custom-cosmetic-packaging\/\">Start a Custom Packaging Project <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><\/div><\/section>\n\n    <section class=\"section quality-section\" aria-labelledby=\"quality-title\"><div class=\"container\">\n  <div class=\"quality-heading\">\n    <div><span class=\"eyebrow\">Before you order<\/span><h2 id=\"quality-title\">Confirm the Details Before You Order<\/h2><\/div>\n    <div class=\"quality-heading-aside\"><p>Review the container, an assembled sample and your order terms before committing to production.<\/p><a class=\"btn btn--outline\" href=\"\/contact-us\/\">Discuss Your Requirements<\/a><\/div>\n  <\/div>\n  <div class=\"image-frame quality-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-quality-caliber-measurement.webp\" width=\"2172\" height=\"724\" loading=\"lazy\" alt=\"Gloved hands measuring a cosmetic bottle with a digital caliper beside matching samples and caps.\"><\/div>\n  <ol class=\"quality-points\" aria-label=\"Details to confirm before ordering\">\n    <li><span aria-hidden=\"true\">01<\/span><h3>Packaging specification<\/h3><p>Check capacity, dimensions, material, dispensing parts and intended use.<\/p><\/li>\n    <li><span aria-hidden=\"true\">02<\/span><h3>Approved sample<\/h3><p>Compare the complete pack, color and decoration with the agreed sample.<\/p><\/li>\n    <li><span aria-hidden=\"true\">03<\/span><h3>Order confirmation<\/h3><p>Keep quantity, packing, lead time and approved product details together for future orders.<\/p><\/li>\n  <\/ol>\n<\/div><\/section>\n\n    <section class=\"section\" id=\"catalog-download\" aria-labelledby=\"catalog-title\"><div class=\"container catalog-layout\"><div class=\"catalog-cover\"><div class=\"image-frame catalog-image\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-catalog-cover-yujia.webp\" width=\"1132\" height=\"1132\" loading=\"lazy\" alt=\"Yujia cosmetic packaging catalog cover showing airless and lotion bottles on a marble plinth.\"><\/div><div class=\"catalog-title\"><small>Yujia \u00b7 Product guide<\/small>Cosmetic Packaging<br>Catalog<\/div><\/div><div class=\"catalog-copy\"><span class=\"eyebrow\">Keep the collection close<\/span><h2 id=\"catalog-title\">Download the Yujia Cosmetic Packaging Catalog<\/h2><p>Compare bottles, jars, pumps, sprays, travel packaging, materials and customization options in one product guide.<\/p><ul class=\"catalog-points\"><li>Six product categories<\/li><li>Capacity &amp; material options<\/li><li>Decoration methods<\/li><li>Application suggestions<\/li><li>Sample request process<\/li><li>Inquiry checklist<\/li><\/ul><form id=\"catalog-form\" class=\"catalog-form\" novalidate><div class=\"full\"><label for=\"home-catalog-email\">Work email <span aria-hidden=\"true\">*<\/span><\/label><input id=\"home-catalog-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required minlength=\"6\" maxlength=\"190\"><\/div><div><label for=\"home-catalog-company\">Company <span aria-hidden=\"true\">*<\/span><\/label><input id=\"home-catalog-company\" name=\"company\" autocomplete=\"organization\" required minlength=\"2\" maxlength=\"120\"><\/div><div><label for=\"home-catalog-country\">Country <span aria-hidden=\"true\">*<\/span><\/label><input id=\"home-catalog-country\" name=\"country\" autocomplete=\"country-name\" required minlength=\"2\" maxlength=\"120\"><\/div><div class=\"full\"><label for=\"home-catalog-interest\">Product interest <span aria-hidden=\"true\">*<\/span><\/label><select id=\"home-catalog-interest\" name=\"interest\" required><option value=\"\">Select if known<\/option><option>Airless Bottles<\/option><option>Acrylic Bottles<\/option><option>Cream Jars<\/option><option>Lotion Bottles<\/option><option>Spray Bottles<\/option><option>Travel Bottles<\/option><option>Multiple categories<\/option><\/select><\/div><button class=\"btn btn--primary full\" type=\"submit\">Download Product Catalog <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 3v13m-5-5 5 5 5-5M4 19h16\"\/><\/svg><\/button><p class=\"form-note full\">PDF &middot; 73 pages &middot; 11 MB. Your details are used only to send this catalog and follow up on your enquiry. <a href=\"\/privacy-policy\/\" style=\"text-decoration:underline;text-underline-offset:3px\">Privacy policy<\/a>.<\/p><\/form><\/div><\/div><\/section>\n\n    <section class=\"section faq-section\" aria-labelledby=\"faq-title\"><div class=\"container faq-layout\"><div class=\"faq-intro\"><span class=\"eyebrow\">Practical answers<\/span><h2 id=\"faq-title\">Questions B2B Buyers Ask Before Ordering Cosmetic Packaging<\/h2><p>From MOQ and sampling to compatibility and repeat orders, these are the questions worth resolving early.<\/p><a class=\"btn btn--outline\" href=\"\/blog\/\">Read More Packaging Guides<\/a><div class=\"image-frame faq-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-faq-buyer-desk-generated.png\" width=\"800\" height=\"700\" loading=\"lazy\" alt=\"Editorial photograph of a packaging buyer reviewing cosmetic bottle samples, a quotation checklist and printed specifications on a warm neutral desk.\"><\/div><\/div><div class=\"faq-list\"><div class=\"faq-group\"><h3>MOQ &amp; pricing<\/h3><details class=\"faq-item\"><summary>What information do you need to prepare a quotation?<\/summary><p>Please provide the product type, target capacity, estimated quantity, target market, preferred material, closure or pump requirement, decoration request and delivery location. A drawing or reference image can help identify a suitable option faster.<\/p><\/details><details class=\"faq-item\"><summary>How do you calculate the MOQ for bottles and jars?<\/summary><p>MOQ can vary by product, size, color, decoration method, packaging set and whether the item uses a stock or custom component. We confirm the MOQ per SKU and include the quantity basis in the quotation.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Samples &amp; lead time<\/h3><details class=\"faq-item\"><summary>When does the production lead time begin?<\/summary><p>The production schedule should begin after the product specification, artwork, sample or decoration proof and commercial terms receive approval. Your quotation should show the exact starting point for lead-time calculation.<\/p><\/details><details class=\"faq-item\"><summary>Can I request samples before a bulk order?<\/summary><p>Yes. You can request standard samples, bottle and pump combinations, color samples or decorated samples. Tell us the formula type, capacity and target market so we can prepare a relevant sample plan.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Product compatibility<\/h3><details class=\"faq-item\"><summary>How do you match a bottle with the right pump or closure?<\/summary><p>We review the bottle neck, thread structure, collar, sealing component, dip-tube length, pump output and intended formula. The complete bottle and closure combination should receive approval before production.<\/p><\/details><details class=\"faq-item\"><summary>What should we test for formula compatibility?<\/summary><p>Compatibility testing should review contact materials, sealing, leakage, dispensing performance, color or surface changes and product stability under intended storage and use conditions. Final testing should use your actual formula.<\/p><\/details><details class=\"faq-item\"><summary>Why is a new airless pump bottle not dispensing?<\/summary><p>A new airless bottle may need priming. Other causes can include unsuitable viscosity, trapped air, incorrect filling, a damaged pump or incorrect assembly. Request a sample test before approving a large order.<\/p><\/details><details class=\"faq-item\"><summary>Can airless pump bottles be refilled?<\/summary><p>Some airless systems support refill use, while others use a sealed structure. Refillability depends on the bottle design, inner component, filling process and hygiene requirements. Confirm the intended refill process before selecting the packaging.<\/p><\/details><details class=\"faq-item\"><summary>Can airless bottles be used for travel products?<\/summary><p>Airless bottles can suit travel-size skincare and personal care products when the closure, sealing and transport conditions match the application. Test the filled package for leakage and dispensing performance before shipment.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Materials &amp; documents<\/h3><details class=\"faq-item\"><summary>What documents can you provide for packaging?<\/summary><p>Available documents depend on the product and project. Ask for the material description, product drawing, component specification, packaging information, inspection record and applicable test or declaration documents before placing the order.<\/p><\/details><details class=\"faq-item\"><summary>Can you provide PCR or refillable packaging?<\/summary><p>We can review PCR, refillable or other material options based on the product structure and project requirements. Confirm the material percentage, component construction, testing information and available documentation for each product.<\/p><\/details><details class=\"faq-item\"><summary>Who is responsible for labeling requirements?<\/summary><p>The brand or responsible party must confirm destination-market labeling requirements. Yujia can provide packaging dimensions, component information and material details needed for artwork and packaging planning. Obtain market-specific regulatory advice when required.<\/p><\/details><\/div><div class=\"faq-group\"><h3>Customization &amp; reorders<\/h3><details class=\"faq-item\"><summary>Can you support repeat orders for the same packaging?<\/summary><p>Repeat orders should use an approved product code, artwork version, color reference, material specification and decoration record. Confirm the reorder control process before the first bulk order.<\/p><\/details><\/div><\/div><\/div><\/section>\n\n    <section class=\"section final-section on-dark\" aria-labelledby=\"final-title\"><div class=\"container final-layout\"><div class=\"final-copy\"><span class=\"eyebrow eyebrow--light\">Your next step<\/span><h2 id=\"final-title\">Tell Us What Your Product Needs<\/h2><p>Send your product type, target capacity, estimated quantity and market. We can help identify suitable packaging options and the information needed for sampling or a quotation.<\/p><a class=\"text-link\" style=\"color:var(--ivory)\" href=\"\/contact-us\/?inquiry=sample#inquiry\">Prefer to start with samples? <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=\"image-frame final-visual\"><img decoding=\"async\" src=\"https:\/\/yujiabottle.com\/wp-content\/uploads\/2026\/10\/yujia-home-rfq-packaging-flatlay.jpg\" width=\"900\" height=\"500\" loading=\"lazy\" alt=\"Top-down photograph of a cosmetic bottle technical drawing, a sample pump bottle, material chips and handwritten product specifications on a clean studio desk.\"><\/div><\/div><form class=\"final-form preview-form\" data-success=\"Your inquiry is prepared in this preview. Thank you. We will review your request and contact you using the details provided.\" novalidate><div class=\"field\"><label for=\"rfq-name\">Name<\/label><input id=\"rfq-name\" name=\"name\" autocomplete=\"name\" required><\/div><div class=\"field\"><label for=\"rfq-company\">Company<\/label><input id=\"rfq-company\" name=\"company\" autocomplete=\"organization\" required><\/div><div class=\"field\"><label for=\"rfq-email\">Business email<\/label><input id=\"rfq-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div><div class=\"field\"><label for=\"rfq-country\">Country<\/label><input id=\"rfq-country\" name=\"country\" autocomplete=\"country-name\" required><\/div><div class=\"field\"><label for=\"rfq-category\">Product category<\/label><select id=\"rfq-category\" name=\"category\" required><option value=\"\">Select a format<\/option><option>Airless bottles<\/option><option>Acrylic bottles<\/option><option>Cream jars<\/option><option>Lotion bottles<\/option><option>Spray bottles<\/option><option>Travel bottles<\/option><option>Custom packaging<\/option><\/select><\/div><div class=\"field\"><label for=\"rfq-capacity\">Target capacity<\/label><input id=\"rfq-capacity\" name=\"capacity\" placeholder=\"e.g. 50 ml\" required><\/div><div class=\"field\"><label for=\"rfq-quantity\">Estimated quantity<\/label><input id=\"rfq-quantity\" name=\"quantity\" placeholder=\"Approximate quantity\" required><\/div><div class=\"field\"><label for=\"rfq-custom\">Customization<\/label><input id=\"rfq-custom\" name=\"customization\" placeholder=\"Optional: color, print, finish\"><\/div><div class=\"field full\"><label for=\"rfq-message\">Additional details<\/label><textarea id=\"rfq-message\" name=\"message\" placeholder=\"Formula, material preference, launch timing, reference product or questions\"><\/textarea><\/div><button class=\"btn btn--primary full\" type=\"submit\">Request a Quote <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><\/button><p class=\"form-note full\">Need a physical sample first? <a href=\"\/contact-us\/?inquiry=sample#inquiry\" style=\"text-decoration:underline;text-underline-offset:3px\">Request samples<\/a>.<\/p><\/form><\/div><\/section>\n  <\/div>\n\n  <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/gsap.min.js\"><\/script>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/ScrollTrigger.min.js\"><\/script>\n  <script>\n    function refreshMotionLayout(){if(window.ScrollTrigger)requestAnimationFrame(()=>ScrollTrigger.refresh(true))}\n    const tabs=[...document.querySelectorAll('.region-tab')];\n    function activateTab(tab,focus=false){tabs.forEach(item=>{const selected=item===tab;item.setAttribute('aria-selected',String(selected));item.tabIndex=selected?0:-1;document.getElementById(item.getAttribute('aria-controls')).hidden=!selected});if(focus)tab.focus();refreshMotionLayout()}\n    tabs.forEach((tab,index)=>{tab.addEventListener('click',()=>activateTab(tab));tab.addEventListener('keydown',event=>{let target;if(event.key==='ArrowRight')target=tabs[(index+1)%tabs.length];else if(event.key==='ArrowLeft')target=tabs[(index-1+tabs.length)%tabs.length];else if(event.key==='Home')target=tabs[0];else if(event.key==='End')target=tabs[tabs.length-1];if(target){event.preventDefault();activateTab(target,true)}})});\n    document.querySelectorAll('.filter-btn').forEach(button=>button.addEventListener('click',()=>{const filter=button.dataset.filter;document.querySelectorAll('.filter-btn').forEach(item=>item.setAttribute('aria-pressed',String(item===button)));document.querySelectorAll('.product-card').forEach(card=>card.hidden=filter!=='all'&&!card.dataset.category.split(' ').includes(filter));refreshMotionLayout()}));\n    let toastTimer;const toast=document.getElementById('toast');\n    function showToast(message){toast.textContent=message;toast.classList.add('is-visible');clearTimeout(toastTimer);toastTimer=setTimeout(()=>toast.classList.remove('is-visible'),5200)}\n    const homeRfq=document.querySelector('.rfq-strip');\n    if(homeRfq){\n      const rfqStatus=homeRfq.querySelector('.rfq-status');\n      const rfqButton=homeRfq.querySelector('button[type=\"submit\"]');\n      const honeypot=document.createElement('input');\n      honeypot.type='text';honeypot.name='website';honeypot.tabIndex=-1;honeypot.autocomplete='off';\n      honeypot.setAttribute('aria-hidden','true');honeypot.style.cssText='position:absolute;left:-10000px;width:1px;height:1px';\n      homeRfq.appendChild(honeypot);\n      homeRfq.addEventListener('submit',async event=>{\n        event.preventDefault();\n        if(!homeRfq.checkValidity()){homeRfq.reportValidity();return}\n        rfqButton.disabled=true;\n        const previousLabel=rfqButton.textContent;\n        rfqButton.textContent='Sending\u2026';\n        rfqStatus.hidden=false;rfqStatus.dataset.state='pending';rfqStatus.textContent='Sending your request\u2026';\n        const data=Object.fromEntries(new FormData(homeRfq).entries());\n        try{\n          const response=await fetch('\/wp-json\/yujia\/v1\/home-rfq',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application\/json'},body:JSON.stringify(data)});\n          const result=await response.json();\n          if(!response.ok||!result.success)throw new Error(result.message||'Please try again or email info@yujiabottle.com directly.');\n          rfqStatus.dataset.state='success';rfqStatus.textContent=result.message;\n          homeRfq.reset();\n        }catch(error){\n          rfqStatus.dataset.state='error';rfqStatus.textContent=error.message||'Please try again or email info@yujiabottle.com directly.';\n        }finally{\n          rfqButton.disabled=false;rfqButton.textContent=previousLabel;\n        }\n      });\n    }\n\n    document.querySelectorAll('.preview-form').forEach(form=>form.addEventListener('submit',event=>{event.preventDefault();if(!form.checkValidity()){form.reportValidity();return}showToast(form.dataset.success)}));\n    if(location.protocol==='file:'){document.querySelectorAll('a[href^=\"\/\"]').forEach(link=>link.addEventListener('click',event=>{event.preventDefault();showToast('This destination will be available when the full website is connected.')}))}\n    const heroVideo=document.querySelector('.hero-background-video');\n    if(heroVideo){\n      const heroMotionPreference=window.matchMedia('(prefers-reduced-motion: reduce)');\n      \/\/ Fade the film in only once it really has frames, so the studio still never hard-cuts to video.\n      const revealHeroVideo=()=>{if(!heroMotionPreference.matches)heroVideo.classList.add('is-ready')};\n      heroVideo.addEventListener('playing',revealHeroVideo,{once:true});\n      heroVideo.addEventListener('loadeddata',revealHeroVideo,{once:true});\n      if(heroVideo.readyState>=2)revealHeroVideo();\n      function syncHeroVideo(){if(document.hidden||heroMotionPreference.matches){heroVideo.pause()}else{heroVideo.play().catch(()=>{})}}\n      document.addEventListener('visibilitychange',syncHeroVideo);\n      heroMotionPreference.addEventListener('change',syncHeroVideo);\n      syncHeroVideo();\n    }\n    if(window.gsap&&window.ScrollTrigger){\n      gsap.registerPlugin(ScrollTrigger);\n      const motion=gsap.matchMedia();\n      motion.add({reduce:'(prefers-reduced-motion: reduce)',desktop:'(min-width: 861px)'},context=>{\n        if(context.conditions.reduce)return;\n        const desktop=context.conditions.desktop;\n        const hero=gsap.timeline({defaults:{ease:'power3.out'}});\n        hero.from('.hero-atmosphere',{scale:1.14,autoAlpha:0,duration:1.5,ease:'power2.out'})\n          .from('.hero-back-title',{y:(_,title)=>-(title.offsetHeight+(desktop?90:110)),autoAlpha:0,duration:1.45,ease:'power3.out'},.08)\n          .from('.hero-foreground',{y:95,scale:1.06,autoAlpha:0,duration:1.45,ease:'power2.out'},.28)\n          .from('.hero-copy .eyebrow',{y:32,autoAlpha:0,duration:.7},.15)\n          .from('.hero-copy h1',{y:100,rotation:2,autoAlpha:0,duration:1.15},.28)\n          .from(['.hero-copy .lead','.hero-sub'],{y:40,autoAlpha:0,stagger:.12,duration:.75},.74)\n          .from(['.hero-actions','.hero-catalog','.hero-foot'],{y:30,autoAlpha:0,stagger:.1,duration:.65},1.03)\n          .from('.rfq-strip',{y:85,autoAlpha:0,duration:1.05,ease:'back.out(1.25)'},1.28);\n        \n\n        function reveal(selector,{y=58,rotation=0,scale=1,duration=.95}={}){\n          gsap.utils.toArray(selector).forEach(element=>gsap.from(element,{y,rotation,scale,autoAlpha:0,duration,ease:'power3.out',scrollTrigger:{trigger:element,start:'top 88%',once:true},onComplete:()=>gsap.set(element,{clearProps:'transform,opacity,visibility'})}));\n        }\n        function revealGroup(selector,{y=70,rotation=0,stagger=.12}={}){\n          gsap.utils.toArray(selector).forEach(group=>{\n            const items=[...group.children];\n            gsap.from(items,{y,rotation,autoAlpha:0,stagger,duration:.95,ease:'power3.out',scrollTrigger:{trigger:group,start:'top 86%',once:true},onComplete:()=>gsap.set(items,{clearProps:'transform,opacity,visibility'})});\n          });\n        }\n        reveal('.section-head,.products-head,.region-intro > div:first-child,.selection-layout > div:first-child,.custom-copy,.catalog-copy,.faq-intro,.final-copy',{y:64});\n        reveal('.region-panel,.custom-visual,.catalog-cover,.final-form,.quality-heading-aside',{y:85,scale:.96,duration:1.1});\n        reveal('.region-visual,.exhibition-visual,.quality-visual',{y:65,scale:.94,duration:1.15});\n        revealGroup('.needs-grid',{y:95,rotation:2,stagger:.13});\n        revealGroup('.product-grid',{y:95,rotation:1.5,stagger:.1});\n        revealGroup('.selection-phases',{y:48,stagger:.12});\n        revealGroup('.quality-points',{y:75,stagger:.12});\n        revealGroup('.faq-list',{y:55,stagger:.11});\n\n        if(desktop){\n          gsap.utils.toArray('.region-visual img,.selection-visual img,.quality-visual img,.custom-main img,.catalog-image img,.faq-visual img,.final-visual img').forEach(image=>{\n            gsap.fromTo(image,{yPercent:-7,scale:1.2},{yPercent:7,scale:1.2,ease:'none',scrollTrigger:{trigger:image.closest('.image-frame'),start:'top bottom',end:'bottom top',scrub:.8}});\n          });\n          \n        }\n      });\n      document.querySelectorAll('.faq-item').forEach(item=>item.addEventListener('toggle',refreshMotionLayout));\n      window.addEventListener('load',refreshMotionLayout,{once:true});\n    }\n  <\/script>\n  <!-- IMAGE REPLACEMENT PROMPTS: See Homepage-image-prompts.md. Every Picsum image has its replacement prompt in its alt attribute. Replace placeholder images and rewrite alt text as an accurate description of the final image before publication. -->\n<\/div>\n\n<style id=\"yb-exhibition-refine-final\">\n.exhibition-section{position:relative;overflow:hidden;background:var(--sand);padding:clamp(72px,8vw,116px) 0}\n.exhibition-section::before{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(246,241,232,.34),transparent 48%)}\n.exhibition-section>.container{position:relative;z-index:1}\n.exhibition-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5.5vw,86px);align-items:center}\n.exhibition-copy{display:block;max-width:430px}\n.exhibition-copy h2{max-width:11ch;margin:0 0 22px;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.05;letter-spacing:-.055em}\n.exhibition-copy p{max-width:39ch;margin:0;color:#4b5862;font-size:1rem;line-height:1.72}\n.exhibition-highlights{display:flex;flex-wrap:wrap;gap:8px 18px;margin:28px 0 30px;padding-top:16px;border-top:1px solid rgba(31,42,55,.18)}\n.exhibition-highlights span{display:inline-flex;align-items:center;min-height:28px;padding:0;border:0;border-radius:0;color:var(--navy);font-size:.79rem;font-weight:700}\n.exhibition-highlights span+span::before{content:\"\";width:4px;height:4px;margin-right:9px;border-radius:50%;background:var(--sage)}\n.exhibition-copy .btn{margin-top:0}\n.exhibition-visual{height:clamp(390px,39vw,610px);border-radius:18px;background:var(--sand);box-shadow:0 18px 42px rgba(31,42,55,.12)}\n.exhibition-visual img{width:100%;height:100%;object-fit:cover}\n.exhibition-placeholder-note{display:none}\n@media(max-width:800px){.exhibition-section{padding:70px 0 78px}.exhibition-layout{grid-template-columns:1fr;gap:34px}.exhibition-copy{max-width:620px}.exhibition-copy h2{max-width:16ch;font-size:clamp(2.15rem,8vw,3rem)}.exhibition-copy p{max-width:52ch}.exhibition-visual{height:clamp(300px,72vw,440px)}}\n@media(max-width:600px){.exhibition-section{padding:58px 0 64px}.exhibition-highlights{margin:22px 0 26px}.exhibition-copy .btn{width:auto}.exhibition-visual{height:300px;border-radius:14px}}\n<\/style><style id=\"yb-exhibition-specificity-fix\">\n.yb-homepage-page .exhibition-layout{grid-template-columns:1fr;gap:clamp(30px,4vw,52px);align-items:start}\n.yb-homepage-page .exhibition-copy{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:14px clamp(26px,4.5vw,64px);align-items:start;max-width:none}\n.yb-homepage-page .exhibition-copy .eyebrow{grid-column:1;grid-row:1}\n.yb-homepage-page .exhibition-copy h2{grid-column:1;grid-row:2}\n.yb-homepage-page .exhibition-copy p{grid-column:2;grid-row:1;align-self:start}\n.yb-homepage-page .exhibition-copy .exhibition-highlights{grid-column:2;grid-row:2;align-self:start}\n.yb-homepage-page .exhibition-copy .btn{grid-column:1;grid-row:3;justify-self:start}\n.yb-homepage-page .exhibition-copy h2{max-width:11ch;margin:0 0 22px;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.05}\n.yb-homepage-page .exhibition-copy p{max-width:39ch;margin:0}\n.yb-homepage-page .exhibition-copy .exhibition-highlights{display:flex;margin:10px 0 0;padding-top:14px}\n.yb-homepage-page .exhibition-copy .btn{justify-self:start}\n\/* \u5c55\u4f1a\u533a(sand) \u4e0e\u76ee\u6807\u5e02\u573a\u533a(sand) \u80cc\u666f\u8fde\u4f53 \u2192 \u540e\u8005\u6539\u56de\u8c61\u7259\u767d\uff0c\u5e76\u7ed9\u767d\u8272\u9762\u677f\u52a0\u7ec6\u8fb9\u6846\u4fdd\u6301\u8f6e\u5ed3\uff082026-10-16\uff09 *\/\n.yb-homepage-page .region-section{background:var(--ivory);border-top:1px solid rgba(31,42,55,.10)}\n.yb-homepage-page .region-panel{border:1px solid var(--line);box-shadow:0 10px 30px rgba(31,42,55,.04)}\n\/* hero \u7ec6\u8282\u5361\u5df2\u79fb\u9664\uff082026-10-16\uff09\u2192 \u7f51\u683c\u6539\u5355\u680f\uff0c\u6587\u6848\u4ecd\u53d7 max-width:820px \u7ea6\u675f *\/\n.yb-homepage-page .hero-stage-inner{grid-template-columns:minmax(0,1fr)}\n\/* hero \u53f3\u4e0b\u89d2\u4ea7\u54c1\u7ec4\u5408\u56fe\u7565\u7f29\u5c0f\uff082026-10-16\uff09\u2014 \u4ec5\u9650\u684c\u9762\uff0c\u4ee5\u514d\u538b\u8fc7\u79fb\u52a8\u7aef\u7684 92%\/112% *\/\n@media(min-width:861px){.yb-homepage-page .hero-foreground{width:min(67%,960px)}}\n\/* hero \u52a0\u9ad8\uff1a\u4ec5\u589e\u52a0\u9876\u90e8\u7559\u767d\uff0c\u62c9\u5f00 YUJIA BOTTLE \u5b57\u6837\u4e0e\u53f3\u4e0b\u4ea7\u54c1\u56fe\u7684\u7eb5\u5411\u95f4\u8ddd\uff082026-10-16\uff09\n   \u4ea7\u54c1\u56fe\u8d34\u5e95\u3001\u6587\u6848\u5e95\u90e8\u5bf9\u9f50\uff0c\u56e0\u6b64\u52a0\u9ad8\u5ea6\u4e0d\u4f1a\u79fb\u52a8\u6587\u6848\uff0c\u53ea\u628a\u4ea7\u54c1\u56fe\u968f\u5e95\u90e8\u4e0b\u79fb *\/\n@media(min-width:861px){.yb-homepage-page .hero-stage-inner{padding-top:215px}}\n  \/* \u539f 85px\uff0c+90px *\/\n.yb-homepage-page .exhibition-visual{height:auto;aspect-ratio:1406\/932}\n@media(max-width:800px){\n  .yb-homepage-page .exhibition-layout{grid-template-columns:1fr;gap:34px;align-items:start}\n  .yb-homepage-page .exhibition-copy{grid-template-columns:1fr;gap:12px;max-width:640px}\n  .yb-homepage-page .exhibition-copy .eyebrow,.yb-homepage-page .exhibition-copy h2,.yb-homepage-page .exhibition-copy p,.yb-homepage-page .exhibition-copy .exhibition-highlights,.yb-homepage-page .exhibition-copy .btn{grid-column:1;grid-row:auto}\n  .yb-homepage-page .exhibition-copy h2{max-width:16ch;font-size:clamp(2.15rem,8vw,3rem)}\n  .yb-homepage-page .exhibition-copy p{max-width:52ch}\n  .yb-homepage-page .exhibition-visual{height:auto}\n}\n@media(max-width:600px){.yb-homepage-page .exhibition-visual{height:auto}}\n\n\/* \u6587\u6848\u533a\u53d6\u6d88\u8de8\u5217\u7f51\u683c\uff08\u884c\u9ad8\u4e92\u76f8\u7275\u6296\u9020\u6210\u5927\u7a7a\u9699\uff09\uff0c\u6539\u56de\u7eb5\u5411\u7b80\u5355\u6392\u5217\uff082026-10-16\uff09 *\/\n.yb-homepage-page .exhibition-copy{display:block;max-width:720px}\n.yb-homepage-page .exhibition-copy .eyebrow{display:block;margin:0 0 14px}\n.yb-homepage-page .exhibition-copy h2{grid-column:auto;grid-row:auto;max-width:20ch;margin:0 0 20px}\n.yb-homepage-page .exhibition-copy p{grid-column:auto;grid-row:auto;max-width:62ch;margin:0}\n.yb-homepage-page .exhibition-copy .exhibition-highlights{grid-column:auto;grid-row:auto;margin:22px 0 0;padding-top:16px}\n.yb-homepage-page .exhibition-copy .btn{grid-column:auto;grid-row:auto;justify-self:auto;margin-top:26px}\n<\/style><style id=\"yb-hero-copy-refine-20261016\">.yb-homepage-page .hero-copy{max-width:580px}.yb-homepage-page .hero-copy h1{max-width:11ch;font-size:clamp(3rem,5.2vw,5rem);line-height:1.02}.yb-homepage-page .hero-copy h1 span{max-width:18ch;margin-top:15px;font-size:.42em;line-height:1.15}.yb-homepage-page .hero-copy .lead{max-width:39ch;margin-bottom:14px;font-size:1.08rem;line-height:1.55}.yb-homepage-page .hero-copy .hero-sub{max-width:45ch;font-size:.94rem;line-height:1.65}.yb-homepage-page .hero-actions{margin-top:30px;margin-bottom:0}@media(max-width:760px){.yb-homepage-page .hero-copy{max-width:100%}.yb-homepage-page .hero-copy h1{max-width:12ch;font-size:clamp(2.65rem,12vw,4rem)}.yb-homepage-page .hero-copy h1 span{font-size:.48em}.yb-homepage-page .hero-copy .lead{font-size:1rem}.yb-homepage-page .hero-copy .hero-sub{font-size:.9rem}}\n\/* hero \u6807\u9898\u6392\u7248\uff082026-10-16\uff09\uff1a\u7528 ID \u7ea7\u7279\u5f02\u6027\uff0c\u786e\u4fdd\u4e0d\u88ab\u540e\u7eed\u540c\u7279\u5f02\u6027\u89c4\u5219\u8986\u76d6\n   \u5b9e\u6d4b\uff1a\u65b0\u6807\u9898\u5728 1000px \u680f\u5185\u6070\u4e3a 2 \u884c\uff0c\u526f\u6807 1 \u884c \u2192 \u6587\u6848\u5757\u603b\u9ad8\u4e0e\u539f\u72b6\u6001\u4e00\u81f4\uff0c\n   \u56e0\u6b64 hero \u9ad8\u5ea6\u4e0e YUJIA BOTTLE\u2194\u4ea7\u54c1\u56fe\u7684\u7eb5\u5411\u95f4\u8ddd\u5747\u4e0d\u53d8 *\/\n@media(min-width:861px){\n  .yb-homepage-page .hero-stage .hero-copy{max-width:1000px}\n  .yb-homepage-page #hero-title{max-width:1000px;font-size:72px;line-height:1.06}\n  .yb-homepage-page #hero-title span{max-width:1000px;font-size:.40em;margin-top:31.1px;letter-spacing:.01em;color:#dde4e0}\n  .yb-homepage-page #hero-title span::before{content:\"\";display:inline-block;width:22px;height:2px;margin-right:12px;vertical-align:middle;background:var(--sage)}\n  \/* \u5e95\u90e8\u6807\u7b7e\u6761\u4e0e\u76ee\u5f55\u5165\u53e3\u4fdd\u6301\u539f\u5bbd\uff0c\u907f\u514d\u5206\u9694\u7ebf\u88ab\u62c9\u957f *\/\n  .yb-homepage-page .hero-foot{max-width:580px}\n  .yb-homepage-page .hero-catalog{max-width:580px}\n  \/* \u5b57\u6837\u7f29\u5c0f\uff082026-10-16\uff09\uff1a\u539f clamp(5rem,11.6vw,11.5rem)=184px \u4e0a\u9650 *\/\n  .yb-homepage-page .hero-back-title{font-size:clamp(4.4rem,10vw,10rem)}\n}\n<\/style><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 your catalog download starts automatically.\";\n            form.reset();\n            if (form.id === \"catalog-form\") { var dl = document.createElement(\"a\"); dl.href = \"\/wp-content\/uploads\/2026\/10\/YUJIA-PACKAGING-PRODUCT-CATALOG.pdf\"; dl.download = \"YUJIA-PACKAGING-PRODUCT-CATALOG.pdf\"; document.body.appendChild(dl); dl.click(); dl.remove(); }\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<style id=\"yb-home-catalog-fields-20261021\">.yb-homepage-page .catalog-form label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#566169;margin:0 0 6px}.yb-homepage-page .catalog-form input,.yb-homepage-page .catalog-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid rgba(31,42,55,.2);border-radius:8px;background:#fff;font:inherit;font-size:.92rem;color:#1F2A37}.yb-homepage-page .catalog-form input:focus,.yb-homepage-page .catalog-form select:focus{outline:none;border-color:#B85C43;box-shadow:0 0 0 3px rgba(184,92,67,.14)}.yb-homepage-page .catalog-form .form-note{font-size:.72rem;color:#566169;margin:6px 0 0;line-height:1.5}<\/style>\n<style id=\"yb-catalog-validate-20261021\">.catalog-form .field-error{display:none;color:#B3261E;font-size:.72rem;margin-top:4px}.catalog-form input:user-invalid,.catalog-form select:user-invalid{border-color:#B3261E!important;box-shadow:0 0 0 3px rgba(179,38,30,.12)!important}.catalog-form input:user-invalid + .field-error{display:block}<\/style>\n<style id=\"yb-catalog-anchor-20261021\">#catalog-download{scroll-margin-top:110px}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Airless bottles, acrylic bottles, cream jars, lotion bottles, spray bottles and travel packaging for global B2B buyers.<\/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-70","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":129,"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":785,"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/pages\/70\/revisions\/785"}],"wp:attachment":[{"href":"https:\/\/yujiabottle.com\/es\/wp-json\/wp\/v2\/media?parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}