.koko-character-v1027{padding-top:clamp(2.4rem,4vw,5.6rem);padding-bottom:1.8rem}.koko-character-hero-card{border:1px solid rgba(17,17,17,.08);border-radius:26px;background:linear-gradient(135deg,#fff,#fff7fa 52%,#f8fbff);box-shadow:0 18px 50px #11111112;overflow:hidden}.koko-character-hero-grid{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(320px,1.12fr);gap:clamp(2rem,4vw,4.8rem);align-items:center;padding:clamp(2rem,4vw,4.2rem)}.koko-character-media-wrap{display:flex;justify-content:center}.koko-character-media{position:relative;width:min(100%,390px);aspect-ratio:1/1;border-radius:24px;background:#ffffffb8;border:1px solid rgba(17,17,17,.07);box-shadow:inset 0 0 0 1px #fff9,0 12px 35px #1111110d;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}.koko-character-media-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.koko-character-media-note{position:absolute;left:14px;bottom:14px;border-radius:999px;background:#111111c7;color:#fff;font-size:1.1rem;line-height:1;padding:.7rem 1rem}.koko-character-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;text-align:center;color:#111;background:radial-gradient(circle at 35% 25%,#ffe7ee,#ffe7ee8c 34%,#fff 72%)}.koko-character-placeholder-icon{font-size:3.2rem}.koko-character-placeholder strong{font-size:2.2rem}.koko-character-placeholder small{opacity:.62}.koko-character-content{min-width:0}.koko-character-badges,.koko-character-actions,.koko-character-meta-row,.koko-character-chips-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.koko-character-badges{margin-bottom:1.3rem}.koko-character-badge{display:inline-flex;align-items:center;max-width:100%;border:1px solid rgba(17,17,17,.09);border-radius:999px;background:#fffc;padding:.65rem 1rem;font-size:1.2rem;line-height:1;font-weight:700;color:#333}.koko-character-badge-main{background:#fff1f5;color:#c71847;border-color:#ffd1dd;text-transform:uppercase;letter-spacing:.07em}.koko-character-title{margin:0;line-height:1.04;letter-spacing:-.04em}.koko-character-intro,.koko-character-intro-fallback{margin-top:1.4rem;max-width:70ch;color:#111111c7;font-size:clamp(1.5rem,1.2vw,1.7rem);line-height:1.65}.koko-character-actions{margin-top:2rem}.koko-character-actions .button{border-radius:10px}.koko-character-meta-row{margin-top:1.6rem;color:#111111ad;font-size:1.3rem}.koko-character-meta-row span{padding:.7rem 1rem;border-radius:12px;background:#ffffffb3;border:1px solid rgba(17,17,17,.06)}.koko-character-products-v1027{padding-top:1.4rem;padding-bottom:3.6rem}.koko-character-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;margin-bottom:1.8rem}.koko-character-section-head h2{margin:.2rem 0 0}.koko-character-section-head p{margin:.3rem 0 0;color:#111111a3}.koko-character-kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:1.15rem;color:#ff4d6d}.koko-character-link{font-weight:700;text-decoration:none;color:#ff4d6d;border-bottom:1px solid currentColor}.koko-character-chip{display:inline-flex;text-decoration:none;color:#111;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:#fff;padding:.9rem 1.25rem;box-shadow:0 8px 22px #1111110b;white-space:nowrap}.koko-character-chips-row{overflow:auto;padding-bottom:1rem;margin-bottom:1.8rem;-webkit-overflow-scrolling:touch}.koko-character-empty-card,.koko-character-fallback-note{border:1px solid rgba(17,17,17,.08);border-radius:18px;background:#fff;box-shadow:0 10px 28px #1111110b}.koko-character-empty-card{display:flex;justify-content:space-between;gap:1.8rem;align-items:center;padding:2rem}.koko-character-empty-card h3{margin:0 0 .5rem}.koko-character-empty-card p{margin:0;color:#111111ad}.koko-character-empty-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}.koko-character-fallback-note{padding:1.2rem 1.4rem;margin-bottom:1.5rem;color:#111111b3}.koko-character-seo-v1027{padding-top:.6rem;padding-bottom:6rem}.koko-character-editorial{max-width:920px;margin-bottom:2rem;color:#111111c7;line-height:1.75}.koko-character-around-card{border-top:1px solid rgba(17,17,17,.08);border-bottom:1px solid rgba(17,17,17,.08);padding:2.8rem 0;margin-top:1rem}.koko-character-around-card h2{margin:.2rem 0 .6rem}.koko-character-around-card p{margin:0;color:#111111a8}.koko-character-around-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.6rem}.koko-character-related-card{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:#111;border:1px solid rgba(17,17,17,.08);border-radius:16px;background:#fff;padding:1.4rem;box-shadow:0 10px 30px #1111110b;transition:transform .18s ease,box-shadow .18s ease}.koko-character-related-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #11111113}.koko-character-related-card span{font-size:1.15rem;text-transform:uppercase;letter-spacing:.1em;color:#ff4d6d;font-weight:800}.koko-character-related-card strong{font-size:1.55rem}.koko-character-seo-blocks{margin-top:2.4rem;max-width:980px}.koko-character-seo-accordion{border:1px solid rgba(17,17,17,.08);border-radius:16px;background:#fff;margin-bottom:1rem;overflow:hidden;box-shadow:0 8px 22px #1111110a}.koko-character-seo-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.55rem 1.7rem;font-weight:800;font-size:1.8rem}.koko-character-seo-accordion summary::-webkit-details-marker{display:none}.koko-character-seo-accordion[open] summary span:last-child{transform:rotate(45deg)}.koko-character-seo-accordion summary span:last-child{transition:transform .18s ease}.koko-character-seo-accordion .rte{padding:0 1.7rem 1.7rem;color:#111111bf;line-height:1.75}@media screen and (max-width:749px){.koko-character-v1027{padding-top:1.6rem}.koko-character-hero-card{border-radius:20px}.koko-character-hero-grid{grid-template-columns:1fr;padding:1.4rem;gap:1.5rem}.koko-character-media{max-width:260px;border-radius:18px;padding:16px}.koko-character-badge{font-size:1.1rem;padding:.55rem .85rem}.koko-character-title{font-size:clamp(3.2rem,11vw,4.6rem)}.koko-character-intro,.koko-character-intro-fallback{font-size:1.45rem;line-height:1.58}.koko-character-actions .button{width:100%;min-height:44px}.koko-character-meta-row{display:grid;grid-template-columns:1fr;gap:.6rem}.koko-character-section-head{align-items:flex-start;flex-direction:column}.koko-character-products-v1027{padding-bottom:2.4rem}.koko-character-empty-card{align-items:stretch;flex-direction:column;padding:1.5rem}.koko-character-empty-actions .button{width:100%}.koko-character-around-card{padding:2rem 0}.koko-character-around-grid{grid-template-columns:1fr}.koko-character-seo-v1027{padding-bottom:3.6rem}.koko-character-seo-accordion summary{font-size:1.55rem;padding:1.25rem 1.35rem}.koko-character-seo-accordion .rte{padding:0 1.35rem 1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/kokochao-character-v10-2-7.css.map */