:root{scroll-behavior:smooth}
*{box-sizing:border-box}
html{scroll-padding-top:74px}
body.pc-page{--pc-product-surface:#f2efe7;margin:0;background:#eee9e1;color:#28221c;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.pc-page a{color:inherit;text-decoration:none}
.pc-page img{display:block;max-width:100%}
.pc-page a:focus-visible{outline:2px solid #ae854f;outline-offset:4px}
.pc-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.pc-shell{width:min(100% - 80px,1400px);margin:0 auto}
.pc-hero{height:clamp(410px,37.3vw,600px);background:#2a241e url("/assets/web-v3/product-center/hero-products-flatlay.webp") center/cover no-repeat;color:#f9f4e9}
.pc-hero-inner{height:100%;display:flex;align-items:center}
.pc-hero-copy{padding:20px 0 18px 10px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.pc-hero h1{margin:0;font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(45px,4.2vw,68px);font-weight:400;line-height:1.15;letter-spacing:.08em}
.pc-hero-english{margin:8px 0 23px;color:#f0ddbd;font-family:Georgia,serif;font-size:clamp(18px,1.55vw,23px);letter-spacing:.08em}
.pc-hero-statement{margin:0;font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(17px,1.45vw,22px);line-height:1.65;letter-spacing:.045em}
.pc-hero-small{margin:15px 0 0;color:#ddd2c2;font-family:Georgia,serif;font-size:13px;line-height:1.45;letter-spacing:.025em}
.pc-hero-rule{display:block;width:42px;height:1px;margin-top:46px;background:#d6c29b}
.pc-hero-end{margin:17px 0 0;color:#c6b69f;font-family:Georgia,serif;font-size:11px;letter-spacing:.2em}
.pc-index{background:var(--pc-product-surface);border-bottom:1px solid #ded7cb}
.pc-index-grid{width:min(100% - 40px,1450px);height:clamp(263px,19.8vw,330px);display:grid;grid-template-columns:repeat(9,minmax(0,1fr));margin:auto;padding:29px 0 12px}
.pc-index-grid>a{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 14px;border-left:1px solid #d8d0c4;background:var(--pc-product-surface);-webkit-tap-highlight-color:transparent}
.pc-index-grid>a:first-child{border-left:0}
.pc-index-grid>a::after{position:absolute;right:14px;bottom:0;left:14px;height:1px;background:#9b7b55;content:"";transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.pc-index-grid>a[aria-current="location"]::after,.pc-index-grid>a:focus-visible::after{transform:scaleX(1)}
.pc-index-grid>a:focus-visible{outline:1px solid #9b7b55;outline-offset:-1px}
.pc-index-grid>a[aria-current="location"]>span,.pc-index-grid>a:focus-visible>span{color:#82613f}
.pc-index-grid span{width:100%;text-align:center;min-height:36px;margin-top:10px;font-family:"Songti SC","Noto Serif SC",serif;font-size:15px;font-weight:600;line-height:1.3;transition:color .25s ease}
.pc-index-grid small{margin-top:3px;color:#766a5a;font-family:Georgia,serif;font-size:10px;line-height:1.22}
.pc-index-art{display:block;width:min(85%,120px);aspect-ratio:1;margin:auto auto 0;background-color:var(--pc-product-surface);background-size:contain;background-position:center bottom;background-repeat:no-repeat;transform-origin:center bottom;transition:transform .36s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
  .pc-index-grid>a:hover>span{color:#82613f}
  .pc-index-grid>a:hover::after{transform:scaleX(1)}
  .pc-index-grid>a:hover .pc-index-art{transform:translateY(-4px) scale(1.035)}
  .pc-index-grid>a:active .pc-index-art{transform:translateY(-1px) scale(1.01)}
}
.pc-index-grid>a:nth-child(1) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-01.webp")}
.pc-index-grid>a:nth-child(2) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-02.webp")}
.pc-index-grid>a:nth-child(3) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-03.webp")}
.pc-index-grid>a:nth-child(4) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-04.webp")}
.pc-index-grid>a:nth-child(5) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-05.webp")}
.pc-index-grid>a:nth-child(6) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-06.webp")}
.pc-index-grid>a:nth-child(7) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-07.webp")}
.pc-index-grid>a:nth-child(8) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-08.webp")}
.pc-index-grid>a:nth-child(9) .pc-index-art{background-image:url("/assets/web-v3/product-center/nav-09.webp")}
.pc-bedding{position:relative;height:clamp(349px,25vw,400px);overflow:hidden;isolation:isolate;border-bottom:2px solid #f5f0e8;scroll-margin-top:74px;background:#251c18;color:#fff}
.pc-bedding-wide{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.pc-bedding::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(17,12,10,.48),rgba(17,12,10,.22) 35%,transparent 62%)}
.pc-bedding-intro{position:relative;z-index:1;width:min(42%,540px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px clamp(34px,4vw,64px)}
.pc-bedding h2,.pc-panel h2,.pc-custom h2{margin:11px 0 1px;font-family:"Songti SC","Noto Serif SC",serif;font-size:27px;font-weight:500;line-height:1.22;letter-spacing:.04em}
.pc-en{margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.3;letter-spacing:.025em}
.pc-description{font-family:"Songti SC","Noto Serif SC",serif;font-size:15px;line-height:1.75;letter-spacing:.03em}
.pc-bedding .pc-description{margin:26px 0 0}
.pc-bedding-intro .pc-description{font-size:14px;letter-spacing:0;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.pc-view-link{display:inline-flex;align-items:center;gap:6px;font-family:Georgia,serif;font-size:12px;letter-spacing:.055em;white-space:nowrap;border-bottom:1px solid transparent;transition:gap .2s ease,border-color .2s ease}
.pc-view-link:hover{gap:12px;border-bottom-color:currentColor}
.pc-bedding .pc-view-link{margin-top:27px}
.pc-bedding-line{position:absolute;right:clamp(24px,4vw,64px);bottom:24px;z-index:1;margin:0;color:#f7f0e5;font-family:Georgia,serif;font-size:11px;line-height:1.35;letter-spacing:.13em;text-align:right;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.pc-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#f7f1e9}
.pc-panel{position:relative;height:clamp(386px,29vw,470px);min-width:0;overflow:hidden;isolation:isolate;scroll-margin-top:74px}
.pc-panel-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.pc-panel::before{position:absolute;z-index:-1;inset:0;content:""}
.pc-panel-dark{color:#fbf4e9;background:#30251b}
.pc-panel-dark::before{background:linear-gradient(90deg,rgba(21,18,15,.64),rgba(26,22,18,.46) 34%,rgba(22,18,15,.06) 67%,transparent 79%)}
#sleep-products::before{background:linear-gradient(90deg,rgba(16,12,10,.82),rgba(16,12,10,.74) 30%,rgba(16,12,10,.54) 49%,rgba(16,12,10,.12) 73%,transparent 86%)}
.pc-panel-light{color:#28231e;background:#e9e4dc}
.pc-panel-light::before{background:linear-gradient(90deg,rgba(238,233,225,.42) 0%,rgba(238,233,225,.31) 31%,rgba(238,233,225,.08) 57%,transparent 70%)}
#sleep-products .pc-panel-photo{object-position:center}
#towels .pc-panel-photo{object-position:55% 53%}
#guestroom-amenities .pc-panel-photo{object-position:54% 50%}
#guestroom-amenities::before{background:none}
#guestroom-appliances .pc-panel-photo{object-position:59% 53%}
#guestroom-leather-goods .pc-panel-photo{object-position:62% center}
#ff-and-e .pc-panel-photo{object-position:56% center}
#restaurant-banquet .pc-panel-photo{object-position:48% 56%}
#staff-uniforms .pc-panel-photo{object-position:53% center}
#staff-uniforms .pc-description{font-size:13px}
.pc-panel-copy{position:relative;z-index:2;max-width:60%;padding:43px clamp(24px,3.5vw,57px) 80px}
.pc-panel h2{font-size:clamp(21px,2.1vw,32px);white-space:nowrap}
.pc-panel .pc-en{font-size:16px}
.pc-panel .pc-description{min-height:55px;margin:29px 0 16px;font-size:15px;white-space:nowrap}
.pc-panel .pc-view-link{margin:0}
.pc-tags{position:absolute;right:0;bottom:0;left:0;z-index:2;height:84px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:8px 16px;border-top:1px solid rgba(127,109,88,.25);background:rgba(239,235,228,.81);backdrop-filter:blur(3px)}
.pc-panel-dark .pc-tags{border-color:rgba(244,231,216,.24);background:rgba(26,24,22,.75)}
.pc-tags span{min-width:0;max-width:100%;width:max-content;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;column-gap:5px;align-items:center;justify-self:center}
.pc-tags svg{grid-row:1/3;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.pc-tags b{font-family:"Songti SC","Noto Serif SC",serif;font-size:13px;font-weight:500;line-height:1.3;white-space:normal}
.pc-tags small{color:#726a5f;font-family:Georgia,serif;font-size:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-panel-dark .pc-tags small{color:#c0b7a9}
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  .pc-panel .pc-tags{opacity:0;transform:translateY(calc(100% + 2px));pointer-events:none;transition:transform .38s cubic-bezier(.2,.7,.15,1),opacity .25s ease}
  .pc-panel:hover .pc-tags,.pc-panel:focus-within .pc-tags{opacity:1;transform:translateY(0);pointer-events:auto}
}
.pc-custom{min-height:clamp(533px,39vw,630px);border-top:2px solid #f7f1e9;background:#e9e2d7 url("/assets/web-v3/product-center/oem-design-moodboard-v2.webp") center/cover no-repeat;scroll-margin-top:74px}
.pc-custom-inner{min-height:clamp(533px,39vw,630px);display:flex;align-items:center}
.pc-custom-copy{width:min(47%,620px);padding:28px 0;color:#2f2922}
.pc-custom-overline{margin:0;font-family:Georgia,serif;font-size:22px;letter-spacing:.06em}
.pc-custom h2{margin:6px 0 0;font-size:clamp(36px,3.4vw,49px)}
.pc-custom-english{margin:6px 0 0;font-family:Georgia,serif;font-size:16px;letter-spacing:.04em}
.pc-custom-description{margin:32px 0 0;font-family:"Songti SC","Noto Serif SC",serif;font-size:17px;line-height:1.8}
.pc-custom-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}
.pc-custom-services span{display:flex;flex-direction:column;gap:4px}
.pc-custom-services svg{width:25px;height:25px;margin-bottom:5px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pc-custom-services b{font-family:"Songti SC","Noto Serif SC",serif;font-size:13px;font-weight:500}
.pc-custom-services small{color:#6a635a;font-family:Georgia,serif;font-size:10px;line-height:1.2}
.pc-custom-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-width:140px;min-height:46px;margin-top:45px;padding:12px 19px;background:#917150;color:#fff!important;font-family:Georgia,serif;font-size:12px;letter-spacing:.08em;transition:background .2s ease,transform .2s ease}
.pc-custom-button:hover{background:#725539;transform:translateY(-2px)}
@media(max-width:1180px){
  .pc-shell{width:min(100% - 52px,1400px)}
  .pc-index-grid{width:calc(100% - 16px)}
  .pc-index-grid>a{padding:0 9px}
  .pc-index-grid span{font-size:12px}
  .pc-index-grid small{font-size:9px}
  .pc-bedding-intro{padding:29px 30px}
  .pc-bedding h2{font-size:23px}
  .pc-panel-copy{padding-left:26px;max-width:65%}
  .pc-panel h2{font-size:22px}
  .pc-panel .pc-description{font-size:12px}
  .pc-tags{padding-left:9px;padding-right:9px}
  .pc-tags svg{width:18px;height:18px}
  .pc-tags b{font-size:11px}
  .pc-custom-copy{width:52%}
}
@media(max-width:850px){
  html{scroll-padding-top:66px}
  .pc-hero{height:410px;background-position:57% center}
  .pc-hero-inner{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 68%)}
  .pc-index-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0}
  .pc-index-grid>a{min-height:153px;padding:12px 14px;border-bottom:1px solid #d8d0c4}
  .pc-index-grid>a:nth-child(3n+1){border-left:0}
  .pc-index-grid>a:nth-last-child(-n+3){border-bottom:0}
  .pc-index-art{width:76px}
  .pc-index-grid span{min-height:0;font-size:14px;margin-top:7px}
  .pc-index-grid small{font-size:10px}
  .pc-bedding{height:390px}
  .pc-bedding-intro{width:60%}
  .pc-pair-grid{grid-template-columns:1fr}
  .pc-panel{height:400px;scroll-margin-top:66px}
  .pc-panel-copy{max-width:58%;padding-left:38px}
  .pc-panel h2{font-size:28px}
  .pc-panel .pc-description{font-size:15px}
  .pc-tags{height:70px}
  .pc-tags b{font-size:13px}
  .pc-tags small{font-size:9px}
  .pc-custom{min-height:475px;background-position:58% center}
  .pc-custom-inner{min-height:475px}
  .pc-custom-copy{width:62%}
}
@media(max-width:600px){
  .pc-shell{width:calc(100% - 36px)}
  .pc-hero{height:460px;background-position:64% center}
  .pc-hero-inner{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 90%)}
  .pc-hero h1{font-size:48px}
  .pc-hero-english{font-size:17px}
  .pc-hero-statement{font-size:16px}
  .pc-hero-small{font-size:11px}
  .pc-index-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .pc-index-grid>a{min-height:139px;padding:10px 8px}
  .pc-index-grid span{font-size:11px;line-height:1.2}
  .pc-index-grid small{font-size:8px}
  .pc-index-art{width:60px}
  .pc-bedding{height:405px}
  .pc-bedding-wide{object-position:28% center}
  .pc-bedding::before{background:linear-gradient(90deg,rgba(17,12,10,.86),rgba(17,12,10,.46) 66%,rgba(17,12,10,.14))}
  .pc-bedding-intro{width:85%;padding:26px 23px}
  .pc-bedding h2{font-size:26px}
  .pc-bedding .pc-description{margin:17px 0 0}
  .pc-bedding .pc-view-link{margin-top:17px}
  .pc-bedding-line{display:none}
  .pc-panel{height:370px}
  .pc-panel-copy{max-width:70%;padding:25px 18px 75px}
  .pc-panel h2{font-size:22px;white-space:normal}
  .pc-panel .pc-en{font-size:13px}
  .pc-panel .pc-description{min-height:0;margin:16px 0 10px;font-size:12px;white-space:normal}
  .pc-panel-light::before{background:linear-gradient(90deg,rgba(234,229,220,.34) 0%,rgba(234,229,220,.2) 44%,transparent 88%)}
  .pc-panel-dark::before{background:linear-gradient(90deg,rgba(21,18,15,.94),rgba(26,22,18,.67) 50%,rgba(22,18,15,.14) 95%)}
  .pc-tags{height:59px;padding:4px 4px}
  .pc-tags span{grid-template-columns:1fr;justify-items:center;text-align:center}
  .pc-tags svg{grid-row:auto;width:17px;height:17px}
  .pc-tags b{font-size:9px}
  .pc-tags small{display:none}
  .pc-custom{min-height:540px;background-position:65% center}
  .pc-custom-inner{min-height:540px;align-items:flex-start}
  .pc-custom-copy{width:100%;padding:34px 0;background:linear-gradient(90deg,rgba(241,237,229,.75),rgba(241,237,229,.35) 73%,transparent)}
  .pc-custom-overline{font-size:18px}
  .pc-custom h2{font-size:39px}
  .pc-custom-english{font-size:13px}
  .pc-custom-description{margin-top:19px;font-size:14px}
  .pc-custom-services{max-width:340px;gap:8px;margin-top:20px}
  .pc-custom-services svg{width:19px;height:19px}
  .pc-custom-services b{font-size:10px}
  .pc-custom-services small{font-size:7px}
  .pc-custom-button{margin-top:22px}
  .pc-panel{height:auto;display:grid;grid-template-rows:auto 235px 59px}
  .pc-panel::before{display:none}
  .pc-panel-photo{position:relative;z-index:0;inset:auto;grid-row:2;width:100%;height:235px;object-fit:cover}
  .pc-panel-copy{grid-row:1;max-width:none;padding:24px 20px 22px;background:#eee9e1}
  .pc-panel-dark .pc-panel-copy{background:#241d17}
  .pc-panel .pc-description{margin-top:16px}
  .pc-tags{position:relative;right:auto;bottom:auto;left:auto;grid-row:3}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.pc-index-grid>a::after,.pc-index-grid span,.pc-index-art,.pc-view-link,.pc-custom-button,.pc-panel .pc-tags{transition:none}.pc-index-grid>a:hover .pc-index-art,.pc-index-grid>a:active .pc-index-art{transform:none}}

/* Matching category labels and one shared outlined action style. */
.pc-bedding .pc-tags{color:#fff;border-color:rgba(244,231,216,.24);background:rgba(26,24,22,.75)}
.pc-bedding .pc-tags small{color:#c0b7a9}
.pc-view-link,.pc-custom-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:140px;min-height:44px;gap:22px;padding:12px 17px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit!important;font:12px/1.4 Georgia,serif;letter-spacing:.055em;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.pc-view-link:hover,.pc-custom-button:hover{gap:22px;border-color:currentColor;background:rgba(180,151,107,.16);transform:none}
.pc-bedding-intro{padding-bottom:100px}
.pc-custom-button{color:#fff!important}
@media(hover:hover) and (pointer:fine){.pc-bedding .pc-tags{opacity:0;transform:translateY(calc(100% + 2px));pointer-events:none;transition:transform .38s cubic-bezier(.2,.7,.15,1),opacity .25s ease}.pc-bedding:hover .pc-tags,.pc-bedding:focus-within .pc-tags{opacity:1;transform:translateY(0);pointer-events:auto}}
@media(max-width:640px){.pc-bedding-intro{padding-bottom:90px}.pc-view-link,.pc-custom-button{min-width:140px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.pc-bedding .pc-tags,.pc-view-link,.pc-custom-button{transition:none}}
@media(max-width:640px){.pc-bedding .pc-tags,.pc-panel .pc-tags{opacity:1;transform:none;pointer-events:auto}}

/* Chinese text links, restoring the original line treatment. */
.pc-view-link,.pc-custom-button{min-width:0;min-height:0;padding:0 0 5px;gap:8px;border:0;border-bottom:1px solid currentColor;background:transparent;font-family:"Songti SC","Noto Serif SC",serif;font-size:13px;line-height:1.5;letter-spacing:.035em;justify-content:flex-start}
.pc-view-link:hover,.pc-custom-button:hover{gap:12px;background:transparent;border:0;border-bottom:1px solid currentColor;transform:none}

/* Product browsing links use gold; the underline appears on interaction. */
.pc-view-link,.pc-custom-button{color:#8a622d!important;border-bottom-color:transparent}
.pc-bedding .pc-view-link,.pc-panel-dark .pc-view-link{color:#dfbd82!important}
.pc-view-link:focus-visible,.pc-custom-button:focus-visible{border-bottom-color:currentColor}

/* Move the product-center hero copy right as one group. */
.pc-hero-copy { padding-left: 58px; }
@media (max-width: 760px) {
  .pc-hero-copy { padding-left: 26px; }
}
