:root{--navy: #082a4d;--navy-hover: #123d64;--primary: #082a4d;--primary-hover: #123d64;--gold: #ffbe0b;--accent: #ffbe0b;--text: #0a2540;--muted: #64788f;--secondary-text: #64788f;--hero-bg: #eff8ff;--preview-bg: #f3f7fb;--page-bg: #f3f7fb;--bg: #ffffff;--surface: #ffffff;--border: #dce6ef;--card-border-width: 1px;--card-radius: 14px;--card-body-pad: 16px;--card-max-w: 360px;--card-min-w: 280px;--card-shadow: 0 4px 14px rgb(8 42 77 / 5%);--card-shadow-hover: 0 8px 20px rgb(8 42 77 / 8%);--card-gap-desktop: 20px;--card-gap-mobile: 16px;--card-media-h: 200px;--card-media-h-mobile: 180px;--card-media-pad: 12px;--card-image-bg: #f3f7fb;--card-title-size: 16px;--card-title-lh: 24px;--card-title-h: 48px;--card-title-en-size: 13px;--card-title-en-lh: 20px;--card-title-en-h: 20px;--card-titles-gap: 4px;--card-section-gap: 12px;--card-meta-min-h: 28px;--card-btn-h: 44px;--card-btn-radius: 8px;--card-btn-gap: 8px;--illustration-grid-max: 1200px;--cat-card-max-w: 380px;--cat-thumb: 80px;--cat-min-h: 112px;--cat-pad: 12px;--cat-gap: 12px;--success: #16834a;--success-bg: #e8f6ec;--danger: #d92d20;--danger-bg: #fff1f0;--header: var(--navy);--filter-bg: #f4f8fc;--radius: 12px;--radius-sm: 10px;--radius-lg: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--control-height: 48px;--page-pad-inline: clamp(1rem, 4vw, 2rem);--content-max: 1280px;--header-h: 76px;--header-h-mobile: 64px;--public-bottom-nav-h: 64px;--public-content-pad-bottom: 0px;--admin-sidebar-w: 248px;--admin-sidebar-collapsed-w: 76px;--admin-hover-bg: #f3f7fb;--admin-logout: #b5473a;--admin-logout-hover: #fff3f1;--admin-sidebar-border: var(--border);--admin-icon-muted: #64788f;--admin-bottom-nav-h: 64px;--admin-control-h: 48px;--admin-title: clamp(1.45rem, 2.4vw, 1.9rem);--admin-section: 1.15rem;--admin-card-title: 1.05rem;--admin-body: 1rem;--admin-caption: .875rem;--admin-tiny: .78rem;--shadow-soft: var(--card-shadow)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:var(--navy);text-decoration:none}a:hover{color:var(--navy-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 55%,white);outline-offset:2px}#catalog-search,#explore{scroll-margin-top:calc(var(--header-h) + 12px)}@media(max-width:768px){:root{--header-h: var(--header-h-mobile)}}.illustration-grid{display:grid;width:100%;max-width:var(--illustration-grid-max);margin-inline:auto;gap:var(--card-gap-desktop);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min-w)),1fr));justify-items:start;align-items:stretch}.illustration-grid>*{width:100%;max-width:var(--card-max-w);min-width:0}.category-grid{display:grid;width:100%;max-width:var(--illustration-grid-max);margin-inline:auto;gap:var(--card-gap-desktop);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));justify-items:start;align-items:stretch}.category-grid>*{width:100%;max-width:var(--cat-card-max-w);min-width:0}.skeleton-card{display:flex;flex-direction:column;width:100%;max-width:var(--card-max-w);min-width:0;background:var(--surface);border:var(--card-border-width) solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.skeleton-card .sk-media{height:var(--card-media-h);background:linear-gradient(90deg,#eef3f8 25%,#f7fafc,#eef3f8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-card .sk-body{display:grid;gap:var(--card-section-gap);padding:var(--card-body-pad)}.skeleton-card .sk-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#eef3f8 25%,#f7fafc,#eef3f8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-card .sk-line.short{width:62%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:639.98px){:root{--header-h: var(--header-h-mobile);--public-content-pad-bottom: calc(var(--public-bottom-nav-h) + env(safe-area-inset-bottom, 0px));--page-pad-inline: 16px;--card-media-h: var(--card-media-h-mobile)}#catalog-search,#explore{scroll-margin-top:calc(var(--header-h) + 8px)}.illustration-grid,.category-grid{gap:var(--card-gap-mobile);grid-template-columns:minmax(0,1fr);justify-items:center}.skeleton-card .sk-media{height:var(--card-media-h-mobile)}}