.jc-world{--jc-accent:#ded7ef;--jc-soft:#fffdf8;background:#fffdf8;color:#332f38;font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;text-align:right;letter-spacing:0}
.jc-world *{box-sizing:border-box}
.jc-world a{color:inherit;text-decoration:none}
.jc-world :focus-visible{outline:3px solid #66518e;outline-offset:5px}
.jc-shell{max-width:1300px;padding-inline:30px;margin-inline:auto}
.jc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:18px;font-size:15px}
.jc-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.jc-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding:28px 38px 36px;border:1px solid #e8e0e7;border-radius:30px;background:var(--jc-soft);min-width:0}
.jc-copy{min-width:0}
.jc-eyebrow{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin:0 0 10px}
.jc-eyebrow span{color:#796294}
.jc-world h1{font:800 clamp(32px,3.7vw,54px)/1.4 'Tajawal',Tahoma,Arial,sans-serif;color:#332f38;letter-spacing:0;text-transform:none;margin:0 0 16px;overflow-wrap:anywhere}
.jc-description{font-size:20px;line-height:1.8;max-width:38ch;margin:0 0 22px}
.jc-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:10px 24px;border:1px solid #87768e;border-radius:14px;background:var(--jc-accent);font-weight:700;font-size:18px}
.jc-button:hover{box-shadow:0 4px 0 #332f3814}
.jc-button span{font:25px/1 Arial,sans-serif}
.jc-art{position:relative;min-width:0;overflow:hidden;border-radius:24px;background:#fffdf8}
.jc-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.jc-art--portrait{width:min(100%,340px);justify-self:center;border:8px solid var(--jc-accent);border-radius:32px}
.jc-mascot{width:100%;aspect-ratio:1;background-size:300% 100%;background-repeat:no-repeat}
.jc-mascot--recorded{background-position:100% 50%}
.jc-mascot--digital{background-position:50% 50%}
.jc-mascot--products{background-position:0% 50%}
.jc-play{position:absolute;bottom:14px;left:14px;background:#fffdf8;border:2px solid #87768e;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:20px;color:#66518e;padding-left:3px}
.jc-details{margin:18px 0;padding:12px 18px;border:1px solid #e8e0e7;border-radius:16px;background:#fffdf8}
.jc-details summary{cursor:pointer;font-weight:700;padding:4px}
.jc-details .rte{padding-top:12px}
.jc-navigation{position:relative;background:var(--jc-accent);margin-top:34px}
.jc-navigation:before{content:'';position:absolute;inset:-11px 0 auto;height:12px;background:radial-gradient(ellipse at 50% 100%,var(--jc-accent) 66%,transparent 68%) 0 0/32px 14px repeat-x}
.jc-nav-scroll{display:flex;gap:10px;overflow-x:auto;padding-block:15px;scrollbar-width:thin}
.jc-nav-scroll a{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;min-height:44px;padding:8px 17px;border:1px solid transparent;border-radius:24px;font-weight:700;font-size:16px}
.jc-nav-scroll a:hover{background:#fffdf899}
.jc-nav-scroll a[aria-current=page]{background:#fffdf8;border-color:#87768e}
.jc-browse{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:30px;padding-bottom:0;scroll-margin-top:30px}
.jc-browse h2{font:800 clamp(23px,2.4vw,32px)/1.5 'Tajawal',Tahoma,Arial,sans-serif;color:#332f38;margin:0;letter-spacing:0}
.jc-browse p{margin:0;font-size:16px}
body:has(.jc-world){--jc-grid-accent:#ded7ef}
body:has(.jc-world[data-theme=school]){--jc-grid-accent:#d6effb}
body:has(.jc-world[data-theme=recorded]){--jc-grid-accent:#fadde8}
body:has(.jc-world[data-theme=workshops]){--jc-grid-accent:#ffe1d1}
body:has(.jc-world[data-theme=digital]){--jc-grid-accent:#d6effb}
body:has(.jc-world[data-theme=sublimation]){--jc-grid-accent:#d9eee5}
body:has(.jc-world[data-theme=products]){--jc-grid-accent:#ddf0c6}
body:has(.jc-world) #ProductGridContainer .card-wrapper{border:1px solid #e8e0e7;border-radius:22px;padding:12px;background:#fffdf8}
body:has(.jc-world) #ProductGridContainer .card__inner{border-radius:15px;background:var(--jc-grid-accent)}
body:has(.jc-world) #ProductGridContainer .card__heading{font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.55;letter-spacing:0}
body:has(.jc-world) #ProductGridContainer .card__information{padding-top:14px}
body:has(.jc-world) .facets-wrapper{border:1px solid #e8e0e7;border-radius:18px;padding:12px;background:#fffdf8}
@media(max-width:749px){.jc-shell{padding-inline:16px}.jc-breadcrumb{font-size:13px;padding-block:13px;gap:8px}.jc-hero{grid-template-columns:1fr;gap:22px;padding:25px 18px 20px;border-radius:24px;text-align:center}.jc-eyebrow{justify-content:center;font-size:16px}.jc-world h1{font-size:32px;line-height:1.4;margin-bottom:12px}.jc-description{font-size:17px;max-width:32ch;margin-inline:auto;margin-bottom:18px}.jc-button{font-size:17px}.jc-art{width:min(100%,380px);margin-inline:auto}.jc-art--portrait{width:min(100%,225px);border-width:6px}.jc-browse{padding-top:24px}.jc-browse h2{font-size:24px}.jc-browse p{font-size:14px}.jc-nav-scroll a{font-size:14px;padding:7px 13px}.jc-details{font-size:15px}body:has(.jc-world) #ProductGridContainer .card-wrapper{padding:7px;border-radius:16px}body:has(.jc-world) #ProductGridContainer .card__heading{font-size:16px}}