/* XinChao.cafe approved cream, strawberry and olive storefront. */
:root{--paper:#fffaf1;--card:#fffdf7;--ink:#482c26;--deep:#65704a;--red:#d84970;--blue:#9aa57e;--jade:#65704a;--pink:#d84970;--gold:#caa271;--sky:#ecebdf;--mint:#e9ecdf;--taro:#fae4e6;--peach:#f8ede1;--sand:#f2e6d8;--muted:#7d6c5e;--shade:#e7dccb;--clay:#d84970;--airmail:none}
html{scroll-padding-top:115px}body{background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}img{height:auto}h1,h2,.display{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}h3{font-family:inherit;font-weight:700}.hand,.script{font-family:Georgia,serif;font-style:italic;color:var(--deep);font-weight:400}.wrap{max-width:1240px;padding-left:44px;padding-right:44px}main,#main{padding-bottom:65px}body>header{background:var(--paper);border-bottom:1px solid var(--shade);box-shadow:none}body>header:after,footer:before,footer:after{display:none}.header-inner{max-width:1240px;padding:20px 44px;min-height:92px;flex-wrap:wrap;gap:12px}.brand{gap:6px;white-space:nowrap}.brand img{width:30px;height:36px}.brand span{font:900 25px 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1.5px}nav.main-nav{gap:6px}nav.main-nav a{font-size:13px;padding:8px 10px}nav.main-nav a.active{background:transparent;color:var(--pink)}.header-tools{gap:5px}.blob-btn{width:40px;height:40px;filter:none}.blob-btn svg{filter:none}.social-blobs{gap:3px}.flag-pop{background:var(--paper);border:1px solid var(--shade);box-shadow:0 10px 35px #482c2620}.flag-title{color:var(--ink)}
.cafe-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;padding-top:32px;padding-bottom:40px;min-height:610px;gap:15px}.cafe-eyebrow{display:block;text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:bold;color:var(--deep)}.cafe-eyebrow:before{content:'✦';margin-right:10px;color:var(--pink)}.cafe-intro h1{font-size:clamp(48px,5.5vw,77px);line-height:1.04;letter-spacing:-3.5px;margin:23px 0}.cafe-intro h1 em{color:var(--pink)}.cafe-intro>p{max-width:370px;font-size:15px;line-height:1.85;color:var(--muted)}.cafe-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.cafe-link{font-size:12px;border-bottom:1px solid #ac9786}.cafe-intro small{display:block;font-size:10px;color:var(--muted);margin-top:25px}.cafe-art{position:relative}.cafe-art:before{content:'';position:absolute;inset:8% 0 3%;border-radius:50%;background:#f7e9da}.cafe-art img{position:relative;width:100%;height:auto;mix-blend-mode:multiply}.cafe-bubble{position:absolute;right:0;top:0;background:var(--card);padding:9px 17px;border:1px solid var(--shade);border-radius:50%;transform:rotate(9deg);font:italic 18px Georgia,serif}.cafe-signature{position:absolute;bottom:0;left:30%;font:italic 20px Georgia,serif;transform:rotate(-5deg);color:var(--deep)}.btn-primary,.btn,.btn-add{background:var(--pink);color:#fff;border:0;border-radius:40px;box-shadow:0 4px 0 #b9385b;font-size:13px;padding:14px 25px}.btn-primary:hover,.btn:hover,.btn-add:hover{background:#c23c61;transform:translateY(-2px);box-shadow:0 4px 0 #a93051}.trust{border-top:1px solid var(--shade);border-bottom:1px solid var(--shade);padding:17px 0;font-size:11px;font-weight:400}.trust i{border:0;width:7px;height:7px}.section-heading{margin:58px 0 26px}.section-heading h2{font-size:34px;line-height:1.2}.section-sub{font-size:18px;transform:none}.cat-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.stamp,.stamp:nth-child(n){padding:0;filter:none;transform:none}.stamp:before,.stamp:after{display:none}.stamp .s-img{border:1px solid var(--shade);border-radius:50% 50% 43% 43%;padding:20%;background:var(--peach)!important}.stamp:nth-child(3n+1) .s-img{background:var(--taro)!important}.stamp:nth-child(3n) .s-img{background:var(--mint)!important}.stamp h3{font-size:11px;line-height:1.4;margin-top:12px}.stamp:hover .s-img{outline:2px solid var(--pink);outline-offset:3px}.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.prod-card,.prod-card:nth-child(n){padding:0;background:transparent;border:0;box-shadow:none;transform:none;min-width:0}.prod-card:after{display:none}.prod-card:hover{transform:translateY(-3px);box-shadow:none}.prod-thumb{border:0;border-radius:16px;background:var(--peach)!important}.prod-thumb img.photo{object-fit:contain}.prod-info{padding:17px 0}.prod-info h3{font:700 16px/1.4 'Trebuchet MS',Arial,sans-serif;overflow-wrap:anywhere}.prod-price{font-family:inherit;font-size:18px}.prod-sub{font-weight:400}.pm-code{border:1px solid var(--shade);box-shadow:none;transform:none}.design-grid{grid-template-columns:repeat(auto-fill,minmax(200px,260px));gap:22px}.design-link,.card,.post-card,.contact-card,.quote,.cta,.postcard{border:1px solid var(--shade);border-radius:16px;box-shadow:none;background:var(--card);transform:none}.postcard{padding:0}.card:nth-child(n){transform:none}.design-link{padding:16px}.design-link img{object-fit:contain}.empty-note,.empty-state{border:1px dashed var(--shade);border-radius:16px;background:var(--card);color:var(--muted);font-weight:400}.product-image{border:0;border-radius:16px}.product-info h1{font-size:clamp(28px,4vw,48px);line-height:1.15;overflow-wrap:anywhere}.product-grid>*{min-width:0}.price{font-family:inherit}.art-panel{border:0}.cafe-about-art img{display:block;width:100%;mix-blend-mode:multiply}.values{border:0;background:var(--deep)}.card-visual,.contact-card .mini{border:1px solid var(--shade);border-radius:50%}.post-body h3{font-family:inherit}.page-hero{padding-top:45px}.section-head h2{font-size:34px}.listing-head h1{font-family:Georgia,serif}.cafe-about-art{background:var(--mint);border-radius:16px;overflow:hidden}footer{background:#f3eddf;color:var(--ink);border-top:1px solid var(--shade);padding-top:38px}.footer-col h4{font:bold 18px 'Trebuchet MS',Arial,sans-serif;color:var(--ink)}.footer-col p,.footer-col li{color:var(--muted);font-size:12px}.footer-bottom{border-top:1px solid var(--shade);color:var(--muted);font-size:10px}.footer-social{display:flex;gap:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.sticky-cta{background:var(--paper);border-color:var(--shade)}
@media(min-width:901px){nav.main-nav{display:flex!important;position:static!important;flex-direction:row!important;border:0!important;padding:0!important;background:transparent!important}.nav-toggle{display:none!important}}
@media(max-width:1100px){.header-inner{padding:15px 28px}.header-inner .social-blobs{display:none}.wrap{padding-left:28px;padding-right:28px}.cafe-hero{min-height:530px}.cafe-intro h1{font-size:58px}}
@media(max-width:900px){.nav-toggle{display:flex}.header-inner{position:relative}nav.main-nav{top:100%!important;right:16px!important;border:1px solid var(--shade)!important;max-width:calc(100vw - 32px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-grid{gap:24px}.cafe-actions{gap:15px}.btn-primary{font-size:12px;padding:13px 18px}.cat-grid{gap:12px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header-inner{min-height:75px;padding:12px 22px}.brand span{font-size:23px}.brand img{width:25px}.cafe-hero{display:flex;flex-direction:column;text-align:center;gap:22px;padding-top:38px;padding-bottom:28px}.cafe-eyebrow{font-size:9px;letter-spacing:1.9px}.cafe-intro h1{font-size:55px;letter-spacing:-2.5px;margin:17px 0}.cafe-intro>p{font-size:13px;max-width:325px;margin:auto}.cafe-actions{justify-content:center;margin-top:23px}.cafe-intro small{font-size:9px;margin-top:17px}.cafe-art{max-width:400px;width:100%}.cafe-bubble{font-size:15px}.cafe-signature{font-size:17px}.trust{gap:10px;justify-content:space-around;font-size:9px}.trust span{gap:4px}.section-heading{margin-top:38px}.section-heading h2{font-size:28px}.section-sub{font-size:14px}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.stamp h3{font-size:9px}.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prod-info h3{font-size:13px}.btn-add{font-size:11px;padding:11px 8px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-link{padding:10px}.footer-top{grid-template-columns:1fr}.footer-bottom .wrap{flex-direction:column;gap:10px}.ph-grid,.story,.form-layout,.product-grid{grid-template-columns:1fr}.page-hero h1{font-size:40px}.cards{grid-template-columns:1fr}.cafe-about-art{max-width:430px;margin:auto}main,#main{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.cafe-ribbon{background:#68714f;color:white;text-align:center;font-size:10px;letter-spacing:1.7px;padding:8px 14px}.cafe-story{display:grid;grid-template-columns:1fr 1fr;margin-top:45px;background:var(--mint);border-radius:20px;overflow:hidden}.cafe-story>div:first-child{max-height:340px;overflow:hidden}.cafe-story img{width:100%;height:auto;mix-blend-mode:multiply;margin-top:-5%}.cafe-story>div+div{padding:38px}.cafe-story h2{font-size:32px;line-height:1.2;margin:18px 0}.cafe-story p{font-size:13px;color:var(--deep)}@media(max-width:700px){.cafe-story{grid-template-columns:1fr}.cafe-story>div:first-child{max-height:260px}.cafe-story img{max-width:400px;margin:-12% auto 0}.cafe-story>div+div{padding:26px}.cafe-story h2{font-size:29px}.cafe-ribbon{font-size:8px;letter-spacing:.8px}}
.product-image img.photo{object-fit:contain}.flag-pop:before{background:var(--paper);border-color:var(--shade)}
@media(max-width:640px){.header-inner{padding-left:20px!important;padding-right:20px!important}.brand img{width:25px!important;height:32px!important}.brand span{display:inline!important;font-size:22px!important}.header-tools{flex-shrink:0}.cafe-actions{flex-wrap:wrap}}
@media(max-width:350px){.brand span{font-size:19px!important}.cafe-intro h1{font-size:48px}}

/* Match the approved wordmark: smaller cafe suffix and strawberry dot. */
body>header .brand span small{font-size:17px;font-weight:500;letter-spacing:-.8px;line-height:inherit}body>header .brand .brand-dot{color:var(--pink)}
@media(max-width:600px){body>header .brand span small{font-size:15px}}

/* Keep collection artwork inside compact cards on every screen. */
.design-grid{display:grid;align-items:start}.design-link{min-width:0;display:flex;flex-direction:column;gap:8px}.design-link img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}.design-link span{overflow-wrap:anywhere}