:root{color-scheme:dark;--bg:#090b14;--surface:#14182a;--text:#f8fafc;--muted:#b8c1d6;--blue:#60a5fa;--violet:#a78bfa;--gold:#fbbf24;--line:#2c3551;font-family:'IBM Plex Sans Thai',sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 90% 0,rgba(91,70,160,.12),transparent 32%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #5eead4;outline-offset:5px}.container{width:min(1240px,calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:var(--text);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}.brand{display:flex;align-items:center;gap:10px;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:1px}.brand img{border-radius:13px}.brand small{font-size:12px;color:var(--violet)}.back-link{font-size:13px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-height:44px}.catalog-hero{display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;padding:30px 24px;margin:0 0 36px;border:1px solid #344365;border-radius:24px;background:radial-gradient(ellipse at 100% 15%,#422568 0,transparent 52%),radial-gradient(ellipse at 70% 110%,#12396b,transparent 65%),linear-gradient(120deg,#11182c,#11182c 45%,#1f2448)}.catalog-hero:after{content:'';pointer-events:none;position:absolute;width:340px;height:340px;border:1px solid #ffffff12;border-radius:50%;right:-90px;top:-90px;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02}.eyebrow{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--violet);margin:0 0 12px}.catalog-hero h1{font-size:clamp(38px,6vw,70px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0}.catalog-hero h1 span{color:#b4caff}.hero-description{color:#d0d9ec;line-height:1.7;font-size:15px;margin:20px 0}.hero-note{display:none}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:13px 16px;min-height:48px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.5}.button--messenger{border:1px solid #6f9cff;background:linear-gradient(120deg,#194981,#3c3675);color:#fff}.button--messenger:hover{background:linear-gradient(120deg,#235a9c,#51448e)}.section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin:30px 0 18px}.section-heading h2{font-size:clamp(23px,3vw,31px);line-height:1.3;margin:0}.text-link{color:#c0b5ff;font-size:13px;padding-block:10px}.category-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:44px}.theme-0{--tint:#254a86;--tint2:#19304b}.theme-1{--tint:#59337b;--tint2:#24214a}.theme-2{--tint:#744c27;--tint2:#2d233d}.theme-3{--tint:#633570;--tint2:#202d59}.theme-4{--tint:#155b70;--tint2:#1b294b}.theme-5{--tint:#236348;--tint2:#213147}.category-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,var(--tint2),#121625);transition:border-color .18s,transform .18s}.category-card:hover,.category-card[aria-current=true]{border-color:#9eafff;transform:translateY(-2px)}.category-art{height:110px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;padding:15px 8px;background:radial-gradient(ellipse at 50% 80%,var(--tint),transparent 90%),#0d1426}.category-art img{width:32%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:9px;box-shadow:0 8px 20px #0005}.category-art img:first-child{transform:rotate(-9deg) translateY(7px)}.category-art img:nth-child(2){transform:scale(1.13);z-index:1}.category-art img:last-child{transform:rotate(9deg) translateY(7px)}.category-copy{padding:13px}.map-label{display:flex;justify-content:space-between;font-size:10px;color:#c7cfe2}.category-copy h2{font:700 16px 'Space Grotesk',sans-serif;margin:8px 0 4px;line-height:1.2}.category-copy p{color:var(--muted);font-size:11px;min-height:18px;margin:5px 0 12px}.category-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;border-top:1px solid #ffffff12;padding-top:10px;font-size:10px;color:var(--muted)}.category-meta strong{color:var(--gold);font-size:11px;font-weight:600}.catalog-date{font-size:11px;color:var(--muted)}.catalog-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#101524;padding:16px;border-radius:16px;border:1px solid var(--line)}.catalog-controls label{display:grid;gap:7px;font-size:12px;color:var(--muted);min-width:0}.search-label{grid-column:1/-1}.catalog-controls input,.catalog-controls select{width:100%;min-width:0;border:1px solid #384361;border-radius:10px;background:#191f33;color:var(--text);padding:12px 10px;min-height:48px;font-size:16px}.catalog-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:65px;font-size:12px;color:var(--muted)}#catalog-reset{color:#bad3ff;background:transparent;border:0;padding:12px 0;min-height:44px;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-item{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#14192a;border:1px solid var(--line);border-radius:16px}.product-art{padding:12px;background:radial-gradient(ellipse at 30% 10%,var(--tint),transparent 90%),linear-gradient(135deg,var(--tint2),#101321)}.product-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}.product-copy{display:flex;flex-direction:column;flex:1;padding:12px}.item-category{color:#b5b3ef;font-size:9px;line-height:1.6;margin:0 0 8px}.product-copy h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 16px}.catalog-price{margin-top:auto;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.catalog-price strong{font:700 27px 'Space Grotesk',sans-serif;color:var(--gold)}.catalog-price span{font-size:10px;color:var(--muted)}.item-status{font-size:12px;color:#fecdd3;margin-top:auto;margin-bottom:16px}.product-copy .button{font-size:11px;width:100%;padding:11px 6px;gap:4px}.catalog-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:44px 0 30px;padding:24px;border:1px solid #3e4263;border-radius:20px;background:linear-gradient(120deg,#18253e,#27203c)}.catalog-help h2{font-size:24px;margin:0 0 10px}.catalog-help p:not(.eyebrow){font-size:13px;color:#c8d1e3;line-height:1.8;margin:0}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:11px;padding-block:20px 30px;border-top:1px solid var(--line)}#catalog-empty{padding:30px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}
@media(min-width:700px){.container{width:min(1240px,calc(100% - 64px))}.site-header{padding-block:26px}.catalog-hero{padding:44px}.hero-note{display:block;padding-right:25px;position:relative;z-index:1}.hero-number{font:700 130px 'Space Grotesk',sans-serif;color:#b9bcff33;line-height:1}.hero-note p{font-size:16px;line-height:1.8;color:#c7d2ef;margin-top:8px}.category-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-art{height:140px;padding:18px}.category-copy{padding:18px}.category-copy h2{font-size:21px}.category-copy p{font-size:13px}.category-meta,.category-meta strong{font-size:12px}.catalog-controls{grid-template-columns:2fr 1.4fr 1fr}.search-label{grid-column:auto}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-art{padding:18px}.product-copy{padding:18px}.product-copy h3{font-size:20px}.item-category{font-size:11px}.product-copy .button{font-size:12px}.catalog-price strong{font-size:32px}}
@media(min-width:1100px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-art{height:150px}.category-art img{max-width:112px}.catalog-hero{min-height:350px}.hero-note{padding-right:65px}}
@media(max-width:359px){.catalog-grid{grid-template-columns:1fr}.brand{font-size:20px}.back-link{font-size:11px;padding:10px}.category-copy{padding:10px}.category-copy h2{font-size:14px}.category-art{height:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-card{transition:none}.category-card:hover{transform:none}}

/* Blox Fruits captions follow the approved Magnet card, and scale with each image. */
.fruit-card-art{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1;margin:0;border-radius:10px;background:#6c24b7;container-type:inline-size}
.fruit-card-art>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.fruit-card-caption{position:absolute;z-index:1;left:0;right:0;bottom:.6%;display:grid;justify-items:center;gap:0;text-align:center;pointer-events:none}
.fruit-card-caption::before{content:"";position:absolute;z-index:-1;width:82%;height:46%;bottom:3%;left:9%;border-radius:34% 23% 31% 22%/26% 30% 24% 32%;background:linear-gradient(180deg,#d9742aa8,#8b351edb 58%,#4c1761d1);box-shadow:0 .5cqw 0 #4a1248,0 1cqw 1.2cqw #1c063d8c;transform:rotate(-2deg)}
.fruit-card-caption span{display:block;z-index:1;width:76%;padding:.02em .12em .08em;border:.6cqw solid #fff6c8;border-radius:48% 44% 37% 35%/52% 50% 42% 38%;background:linear-gradient(105deg,#04d9f6 0%,#48ece8 42%,#faff7a 76%,#ffd72c 100%);color:#270568;font:700 7cqw/1.15 'Mitr','IBM Plex Sans Thai',sans-serif;text-shadow:0 .06em #ffffffb3;box-shadow:0 .35cqw 0 #6526a1,0 .6cqw .8cqw #2d0658;transform:rotate(-1.5deg)}
.fruit-card-caption strong{display:block;z-index:2;width:100%;padding:0 .01em .08em;color:#fff;text-transform:uppercase;white-space:nowrap;font:700 14.5cqw/.96 'Fredoka','Mitr',sans-serif;letter-spacing:-.045em;-webkit-text-stroke:.12em #4a0889;paint-order:stroke fill;text-shadow:0 .055em 0 #ec73fa,0 .12em 0 #5b0589,0 .17em .02em #230046;filter:drop-shadow(0 0 .055em #fff8ff)}
.fruit-card-art--long .fruit-card-caption strong{font-size:12.5cqw}
.fruit-card-art--extra-long .fruit-card-caption strong{font-size:9.5cqw;letter-spacing:-.05em}
