:root{
  --or:#fc9823;--ink:#333;--navy:#000769;--blue:#2b689c;--panel:#333;--spec:#e4e4e4;--gray:#666;--light:#e6e6e6;
  --wrap:1000px;--fz:"PingFang TC","Noto Sans TC","Microsoft JhengHei","Heiti TC",sans-serif;--shadow:0 4px 18px rgba(0,0,0,.12);}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fz);color:var(--ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.narrow{max-width:760px}.center{text-align:center}
.h-or{color:var(--or);font-weight:600}
/* 頁首 */
.site-head{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 0 #d5dbe3}
.head-inner{display:flex;align-items:flex-end;justify-content:space-between;height:92px;padding-bottom:0}
.logo{align-self:center}.logo img{height:72px;width:auto}
.site-nav{display:flex}
.site-nav a{font-size:14px;color:#333;padding:6px 32px;border-left:1px solid var(--navy);line-height:20px}
.site-nav a:first-child{border-left:0}
.site-nav a:hover{color:var(--or)}
.site-nav a.on{background:var(--or);color:#fff}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;align-self:center}
.nav-toggle span{width:24px;height:2px;background:#333}
.site-foot{background:var(--or);height:120px}
/* 按鈕 */
.btn{display:inline-block;background:var(--or);color:#fff;font-size:14px;padding:4px 24px;min-width:120px;text-align:center}
.btn:hover{background:#e3851a}
.btn-line{display:inline-block;border:1px solid var(--or);color:var(--or);font-size:14px;padding:3px 22px;min-width:120px;text-align:center}
.btn-line:hover{background:var(--or);color:#fff}
.pill{display:block;background:rgba(102,102,102,.6);color:#fff;font-size:12px;text-align:center;padding:3px 6px;margin-top:10px}
/* 首頁 */
.hero{position:relative;height:min(37.5vw,540px);min-height:230px;overflow:hidden}
.slides,.slide{position:absolute;inset:0}
.slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.slide.on{opacity:1}
.slide-cap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;
  color:#333;font-size:clamp(20px,3.4vw,49px);letter-spacing:.1em;text-shadow:0 0 14px rgba(255,255,255,.8)}
.slide-cap.white{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:9px;justify-content:center}
.dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer}.dot.on{background:#fff}
.pet-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.pet-card{background-size:cover;background-position:center;height:368px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pet-card h2{font-size:28px;font-weight:400;color:#333;text-shadow:0 0 10px rgba(255,255,255,.9)}
.lineup{background-size:cover;background-position:center;padding:30px 0 40px}
.bags{display:flex;justify-content:center;gap:70px;flex-wrap:wrap}
.bag{width:120px}.bag img{height:190px;width:auto;margin:0 auto;object-fit:cover}
.lineup .btn{margin:20px 0 26px;min-width:250px}
.manifesto{max-width:830px;margin:0 auto}
.manifesto h2{font-size:22px}.manifesto p{font-size:15px;color:#333}
.pioneer{background-size:cover;background-position:center;padding:50px 0}
.pioneer h2{font-size:38px;letter-spacing:.1em;margin-bottom:34px}
.pis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pi{background:var(--gray);color:#fff;padding:10px 12px;min-height:180px}
.pi b{display:block;font-size:20px;font-weight:500;margin-bottom:4px}.pi p{font-size:13px;line-height:1.6}
.rawsec{background-size:cover;background-position:center;padding:28px 0}
.rawsec h2{font-size:40px;margin-bottom:6px}.rawsec p{font-size:17px}
.fd{background-size:cover;background-position:center;padding:70px 0}
.fd-text{margin-left:auto;max-width:640px;text-align:right}
.fd h3{font-size:28px;margin:22px 0 8px}.fd p{font-size:14px}
.series{position:relative;overflow:hidden}
.series-img{position:absolute;inset:0;background-size:cover;background-position:center}
.series-m{display:none}
.series-text{position:relative;padding-top:42px;padding-bottom:42px;min-height:322px}
.series.side-right .series-text{text-align:right}
.series h2{font-size:42px;font-weight:500;letter-spacing:.05em;margin-bottom:6px}
.series p{font-size:19px}
.series.light h2{color:var(--gray)}.series.light p{color:#333}
.series.dark h2,.series.dark p{color:#fff}
.series .btns{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px;max-width:320px}
.series.side-right .btns{margin-left:auto;justify-content:flex-end}
.series .btns .btn{order:2;flex-basis:100%;max-width:140px}
.series.side-right .btns .btn{margin-left:auto}
/* 商品頁 */
.p-hero{background-size:cover;background-position:center;height:480px;display:grid;place-items:center}
.p-hero h1{color:#fff;font-size:clamp(36px,5vw,72px);font-weight:500;letter-spacing:.1em;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.p-hero h1.dark{color:#666;text-shadow:none}
.p-intro img{max-width:980px;width:100%;margin:0 auto}
.band{background-size:cover;background-position:center;padding:34px 20px;text-align:center}
.band h2{color:var(--blue);font-size:44px;font-weight:600;letter-spacing:.05em}
.band p{font-size:20px;color:#333}
.item{display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}
/* 商品圖整張顯示不裁切：包裝做在圖裡，用 cover 在視窗變窄、右欄文字變高時會切掉兩側包裝 */
.item-img{display:flex;align-items:center}
.item-img img{width:100%;height:auto}
.item-body{color:#fff;padding:30px 40px;display:flex;flex-direction:column;justify-content:center;max-width:560px}
.item-body h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:28px;font-weight:400;letter-spacing:.1em;white-space:pre-line;text-align:center}
.item-body .icon{width:40px;height:40px;flex:none}
.size{text-align:center;font-size:17px;letter-spacing:.1em;margin-bottom:10px}
.spec{list-style:none;background:var(--spec);color:#333;font-size:15px;padding:8px 14px;line-height:1.6}
.spec li::before{content:"● "}
.ingr{font-size:11.5px;line-height:1.7;margin:16px 0}
.item-body .btns{display:flex;gap:20px;justify-content:center;margin-top:6px}
/* 英文頁 */
.en-wrap{max-width:1280px;margin:0 auto;font-family:"Helvetica Neue",Arial,var(--fz)}
.b-hero{background-size:cover;background-position:center;height:650px;position:relative;text-align:center;padding-top:96px}
.b-hero h1{font-size:clamp(24px,3.2vw,45px);font-weight:400;letter-spacing:.08em;color:#333}
.b-hero .cap{position:absolute;left:0;right:0;bottom:60px;color:#fff;font-style:italic;font-family:Georgia,serif}
.b-mission{background-size:cover;background-position:center;color:#fff;text-align:right;padding:90px 150px 60px}
.b-mission h2{font-size:16px;font-weight:600}.b-mission p{font-size:15px;line-height:1.55;margin-top:4px}
.b-mission .tag{font-weight:600}
.b-resp{padding:50px 150px 40px}
.b-resp h2{font-size:15px;letter-spacing:.06em;margin-bottom:24px}
.boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.box{padding:24px 16px;font-size:14px;color:var(--navy);line-height:1.5;grid-column:span 2}
.box4,.box5{grid-column:span 3}
.box .no{margin:0}.box h3{font-size:14px;font-weight:400;margin-bottom:18px}.box p{margin-bottom:14px}
.box1{background:#f0f0f0}.box2{background:#beddd9}.box3{background:#787cb4;color:#fff}.box4{background:#fedcb5}.box5{background:#daabe6}
.b-made{background-size:cover;background-position:center;padding:120px 150px 60px;font-size:15px}
.b-made h2{font-size:15px;margin-bottom:22px}
.g-intro{background-size:cover;background-position:center;padding:60px 150px 40px}
.g-intro h1{font-size:34px;font-weight:400;letter-spacing:.06em;margin-bottom:18px}
.g-intro p,.g-text p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;line-height:1.6;color:#333}
.g-panel{background-size:cover;background-position:center;min-height:560px;padding:70px 150px 50px}
.g-text{max-width:620px;margin-left:auto;text-align:right}
.g-text h2{font-size:24px;font-weight:400;letter-spacing:.06em;margin:20px 0 14px}
.g2 .g-text,.g4 .g-text{margin-left:0;text-align:left}
.g2 .g-text p,.g3 .g-text p{color:#fff}
/* 品牌公告 */
.section{padding:56px 0}
.all{font-size:14px;color:#666;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:26px}
.post-card{display:block;border:1px solid #ddd}
.post-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}
.post-card .date{display:block;font-size:13px;color:#666;padding:16px 22px 0}
.post-card h2{font-size:22px;font-weight:500;padding:6px 22px 22px}
.post-card:hover h2{color:var(--or)}
.post time{font-size:13px;color:#666}
.post h1{font-size:30px;font-weight:500;margin:8px 0 28px}
.post img{width:100%;height:auto}
.back{margin-top:26px;font-size:15px}.back a{color:var(--or)}
@media(max-width:860px){
  .nav-toggle{display:flex}
  .head-inner{height:70px;align-items:center}.logo img{height:52px}
  .site-nav{position:fixed;inset:70px 0 auto 0;background:#fff;flex-direction:column;padding:6px 22px 16px;
    box-shadow:var(--shadow);transform:translateY(-150%);transition:.3s;z-index:40}
  .site-nav.open{transform:translateY(0)}
  .site-nav a{border-left:0;border-bottom:1px solid #eee;padding:12px 8px;font-size:15px}
  .site-foot{height:70px}
  .pet-cards{grid-template-columns:1fr;gap:0}.pet-card{height:260px}
  .bags{gap:18px}.bag{width:90px}.bag img{height:140px}
  .pis{grid-template-columns:1fr 1fr}.pi{min-height:0}
  .pioneer h2{font-size:28px}.rawsec h2{font-size:30px}
  .fd{padding:40px 0;background-position:left center}.fd-text{background:rgba(255,255,255,.85);padding:6px 14px 14px}
  /* 系列列：手機改成整張圖在上、文字在下（背景圖的商品包裝做在圖裡，裁切會切掉） */
  .series-img{display:none}.series-m{display:block;width:100%}
  .series-text{min-height:0;padding-top:20px;padding-bottom:28px}
  .series.light{background:var(--light)}.series.dark{background:#383330}
  .series.side-right .series-text{text-align:left}.series.side-right .btns{margin-left:0;justify-content:flex-start}
  .series.side-right .btns .btn{margin-left:0}
  .series h2{font-size:30px}.series p{font-size:16px}
  .p-hero{height:240px}
  .band{padding:24px 16px}.band h2{font-size:30px}.band p{font-size:16px}
  .item{grid-template-columns:1fr}
  .item-body{padding:24px 18px 32px;max-width:none}.item-body h3{font-size:22px}
  .b-hero{height:300px;padding-top:40px}.b-mission,.b-resp,.b-made,.g-intro,.g-panel{padding:36px 18px}
  .b-mission{text-align:left}
  .boxes{grid-template-columns:1fr}.box,.box4,.box5{grid-column:auto}
  .g-panel{min-height:0}.g-text,.g2 .g-text,.g4 .g-text{max-width:none;text-align:left;background:rgba(255,255,255,.88);padding:6px 14px 14px}
  .g2 .g-text p,.g3 .g-text p{color:#333}
  .section{padding:36px 0}
}
.bg-cf8f64_e5bed397{background-image:url(/images/cf8f64_e5bed39776604ba9970161f3883c6396.jpg)}.bg-7c2170_76e76d09{background-image:url(/images/7c2170_76e76d095e1b42efaba4a042bb2929e9.jpg)}.bg-cf8f64_6d789bf5{background-image:url(/images/cf8f64_6d789bf561054d17b0b4df9ab3ee3893.jpg)}.bg-cf8f64_a720122c{background-image:url(/images/cf8f64_a720122ca59f4f31b7c6b66819c48097.jpg)}.bg-cf8f64_ea568d51{background-image:url(/images/cf8f64_ea568d512d8c49a6b4c3e4401db94a01.jpg)}.bg-cf8f64_e96d3d4e{background-image:url(/images/cf8f64_e96d3d4e643344948d6ac5abb8056093.jpg)}.bg-cf8f64_4f1f2bdf{background-image:url(/images/cf8f64_4f1f2bdffe08489180c3e1011220327d.jpg)}.bg-cf8f64_5ac47ceb{background-image:url(/images/cf8f64_5ac47ceb647a4631baf5d941e3e3defb.jpg)}.bg-cf8f64_1f8b149a{background-image:url(/images/cf8f64_1f8b149a75bc4e8d958e6c6d36c52f6a.jpg)}.bg-cf8f64_1a2d766c{background-image:url(/images/cf8f64_1a2d766ca8904f1c9741f6af7f82d7da.jpg)}.bg-cf8f64_cc194927{background-image:url(/images/cf8f64_cc19492786494d8c953866d32aaa648c.jpg)}.bg-cf8f64_7f7b9b37{background-image:url(/images/cf8f64_7f7b9b37d77446aaad690417095f2828.jpg)}.bg-cf8f64_e37b065a{background-image:url(/images/cf8f64_e37b065adfcd4946ba0bc4221b325d15.jpg)}.bg-cf8f64_ca8aadb7{background-image:url(/images/cf8f64_ca8aadb7d2c542a6bb57e0c9bb844f44.jpg)}.bg-cf8f64_5a0530d6{background-image:url(/images/cf8f64_5a0530d6bbb742e8920392b3d82e6345.jpg)}.bg-cf8f64_58aa4412{background-image:url(/images/cf8f64_58aa4412762a4b488d7875b56e30045e.jpg)}.bg-cf8f64_b28d1ba3{background-image:url(/images/cf8f64_b28d1ba35dfd46d3a293713f83ca33ab.jpg)}.bg-cf8f64_8812d7eb{background-image:url(/images/cf8f64_8812d7eb17ca4c35a57665e97e40563b.jpg)}.bg-cf8f64_2740daff{background-image:url(/images/cf8f64_2740daffeb5d497c981c6f83cf8c7378.jpg)}.bg-cf8f64_4092dfd7{background-image:url(/images/cf8f64_4092dfd703c2492baf301e7e451647ba.png)}.bg-cf8f64_b14bbdb5{background-image:url(/images/cf8f64_b14bbdb5c6444dd2ac556c8d9f338a2b.jpg)}.bg-cf8f64_f1ee1738{background-image:url(/images/cf8f64_f1ee1738dbad484a8536e3cbe6ece514.jpg)}