/* Bulyap category artwork. Gradients and all interface text stay native HTML/CSS. */
:is(#kategoriGrid,#bulyapMobileHome) .category-card.category-art-card{--card-top:#ffe1c9;--card-bottom:#fff6ee;--card-ink:#944015;background:linear-gradient(145deg,var(--card-top),var(--card-bottom) 82%);border:1px solid rgba(148,116,88,.16);border-radius:24px;box-shadow:0 3px 9px rgba(34,48,71,.035);min-width:0;min-height:0;position:relative;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="yellow"]{--card-top:#ffedaf;--card-bottom:#fff9e9;--card-ink:#815208}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="blue"]{--card-top:#dceafa;--card-bottom:#f2f7fe;--card-ink:#285582}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="aqua"]{--card-top:#d0f0ed;--card-bottom:#f0faf8;--card-ink:#1c666a}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="mint"]{--card-top:#d5efdd;--card-bottom:#f1f9f2;--card-ink:#286440}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="sage"]{--card-top:#e2edc6;--card-bottom:#f7faef;--card-ink:#49662d}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="lavender"]{--card-top:#e8dcfa;--card-bottom:#f8f3fe;--card-ink:#664186}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="rose"]{--card-top:#fbdde6;--card-bottom:#fff3f6;--card-ink:#943d5a}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card[data-art-tone="sand"]{--card-top:#efdfc7;--card-bottom:#fbf7ef;--card-ink:#75512d}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-top{display:block;position:relative;padding:0;color:#102440;min-width:0}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-badges{position:absolute;z-index:2;top:14px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);color:var(--card-ink);font-size:19px}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-count{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);color:var(--card-ink);font-size:11px;line-height:1.4;font-weight:800;white-space:nowrap}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-scene{display:block;height:210px;padding:36px 12px 0;overflow:hidden}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transition:opacity .18s ease,transform .25s ease}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-image[src]{opacity:1}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-heading{margin:8px 18px 12px;color:#102440;font-size:18px;font-weight:900;line-height:1.35;min-height:2.7em;overflow-wrap:anywhere}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-services{padding:0 18px 16px;flex:1;min-width:0}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-service{display:flex;align-items:flex-start;gap:8px;color:#304563;font-size:13px;line-height:1.5;padding:4px 0;text-decoration:none}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-service i{color:#159b65;flex-shrink:0;font-size:11px;margin-top:5px}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-service span{white-space:normal;overflow-wrap:anywhere;min-width:0}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-service:hover span{text-decoration:underline;text-underline-offset:3px}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-empty{font-size:13px;color:#526174}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin:0 16px 16px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);color:var(--card-ink);font-size:13px;font-weight:800;box-shadow:0 2px 3px rgba(71,49,28,.035);transition:background .2s ease}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-button:hover{background:#fff}
:is(#kategoriGrid,#bulyapMobileHome) .category-art-card a:focus-visible{outline:3px solid #2563eb;outline-offset:-3px;border-radius:10px}
@media(hover:hover){:is(#kategoriGrid,#bulyapMobileHome) .category-art-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(34,48,71,.1)}:is(#kategoriGrid,#bulyapMobileHome) .category-art-card:hover .category-art-image{transform:scale(1.025)}}
/* Override the existing compact mobile cards only for this illustrated variant. */
@media(max-width:767px){
 :is(#kategoriGrid,#bulyapMobileHome) .kategori-karti.category-art-card{background:linear-gradient(145deg,var(--card-top),var(--card-bottom) 82%)!important;border-color:rgba(148,116,88,.16)!important}
 :is(#kategoriGrid,#bulyapMobileHome) .kategori-karti.category-art-card > a.category-art-top{display:block!important;padding:0!important;height:auto;min-height:0}
 :is(#kategoriGrid,#bulyapMobileHome) .kategori-karti.category-art-card > a.category-art-top > .category-art-badges{width:auto}
 :is(#kategoriGrid,#bulyapMobileHome) .kategori-karti.category-art-card > a.category-art-button{display:flex!important}
 :is(#kategoriGrid,#bulyapMobileHome) .kategori-karti.category-art-card h3.category-art-heading{margin-top:5px!important;font-size:14px!important;line-height:1.35!important;color:#102440!important}
}
@media(max-width:639px){
 :is(#kategoriGrid,#bulyapMobileHome) .category-card.category-art-card{border-radius:18px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-badges{top:10px;left:10px;right:10px;gap:4px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-symbol{width:28px;height:28px;border-radius:9px;font-size:14px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-count{font-size:9px;padding:4px 6px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-scene{height:140px;padding:32px 4px 0}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-heading{font-size:14px;line-height:1.35;margin:5px 12px 9px;min-height:2.7em}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-services{padding:0 12px 10px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-service{font-size:11px;line-height:1.45;gap:5px;padding:4px 0}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-service i{font-size:9px;margin-top:4px}
 :is(#kategoriGrid,#bulyapMobileHome) .category-art-button{min-height:38px;margin:0 10px 10px;padding:8px 10px;font-size:11px;border-radius:10px}
}
@media(max-width:359px){:is(#kategoriGrid,#bulyapMobileHome) .category-art-scene{height:126px}:is(#kategoriGrid,#bulyapMobileHome) .category-art-heading{font-size:13px;margin-left:10px;margin-right:10px}:is(#kategoriGrid,#bulyapMobileHome) .category-art-services{padding-left:10px;padding-right:10px}:is(#kategoriGrid,#bulyapMobileHome) .category-art-symbol{width:24px;height:24px;font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(#kategoriGrid,#bulyapMobileHome) .category-art-card,:is(#kategoriGrid,#bulyapMobileHome) .category-art-image{transition:none!important;transform:none!important}}
/* The phone home uses a horizontal popular row and an expandable category grid. */
#bulyapMobileHome .category-mobile-art{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;height:auto!important;text-align:left!important;background:linear-gradient(145deg,var(--card-top),var(--card-bottom) 82%)!important;border-color:rgba(148,116,88,.16)!important;overflow:hidden}
#bulyapMobileHome .category-mobile-art .category-art-heading{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#102440!important;font-weight:900!important}
#bulyapMobileHome .bmh-cat.category-mobile-art{flex:0 0 158px!important;width:158px!important}
#bulyapMobileHome .category-mobile-art .category-art-badges{width:auto!important}
#bulyapMobileHome .category-mobile-art .category-art-count{font-size:9px!important;line-height:1.4!important}
#bulyapMobileHome .category-mobile-art .category-art-image{width:100%!important;height:100%!important;object-fit:contain!important}
#bulyapMobileHome .category-mobile-art .category-art-button{margin-top:auto!important;color:var(--card-ink)!important}
#bulyapMobileHome .category-mobile-art .category-art-scene{height:132px;padding-top:32px}
#bulyapMobileAllCategories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
@media(max-width:359px){#bulyapMobileHome .category-mobile-art .category-art-button{font-size:10px!important;white-space:nowrap;gap:4px;padding-left:8px;padding-right:8px}}