@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/fraunces-latin-5YJQ66G4.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/fraunces-latin-ext-KIF4LF64.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/plex-sans-latin-U42Y2LR5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/plex-sans-latin-ext-VCUQOPLP.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/plex-mono-latin-33HAQIPI.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/plex-mono-latin-ext-LJE4XY22.woff2") format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20AB}:root{color-scheme:light;--bg: #f7f3ea;--bg-elev: #fffdf8;--bg-sunken: #efe8da;--bg-tint: color-mix(in srgb, var(--accent) 7%, var(--bg));--ink: #16201c;--ink-2: #44534b;--ink-3: #5f6c65;--line: #e3dac7;--line-strong: #cbbfa5;--overlay: rgb(14 21 18 / .55);--accent: #1f7a47;--accent-strong: #145c35;--accent-soft: #e2f0e6;--accent-ink: #0f4a2b;--on-accent: #ffffff;--accent-2: #d9731a;--accent-2-soft: #fbe9d6;--halal: #156b3b;--halal-soft: #dcefe2;--haram: #b42318;--haram-soft: #fbe3df;--doubtful: #995400;--doubtful-soft: #fcefd5;--unknown: #4b5563;--unknown-soft: #e9ebee;--ns-a: #038141;--ns-b: #85bb2f;--ns-c: #fecb02;--ns-d: #ee8100;--ns-e: #e63e11;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .78rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);--text-3xl: clamp(2rem, 1.4rem + 2.8vw, 3.4rem);--text-hero: clamp(2.5rem, 1.3rem + 5.2vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--gutter: clamp(1rem, .6rem + 2vw, 2rem);--container: 76rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(22 32 28 / .06), 0 1px 1px rgb(22 32 28 / .04);--shadow-2: 0 6px 18px -6px rgb(22 32 28 / .14), 0 2px 4px rgb(22 32 28 / .05);--shadow-3: 0 24px 48px -16px rgb(22 32 28 / .22), 0 4px 10px rgb(22 32 28 / .06);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-1: .14s;--dur-2: .24s;--dur-3: .42s;--header-h: 4rem;--tabbar-h: 4.25rem}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1512;--bg-elev: #151f1a;--bg-sunken: #0a0f0d;--ink: #ecf2ee;--ink-2: #b8c6bd;--ink-3: #93a49a;--line: #25332c;--line-strong: #36483f;--overlay: rgb(0 0 0 / .65);--halal: #5bd08d;--halal-soft: #123522;--haram: #ff8a7d;--haram-soft: #3d1a16;--doubtful: #f3b84b;--doubtful-soft: #382810;--unknown: #aab4bf;--unknown-soft: #222930;--shadow-2: 0 8px 20px -8px rgb(0 0 0 / .6);--shadow-3: 0 24px 48px -16px rgb(0 0 0 / .7)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1512;--bg-elev: #151f1a;--bg-sunken: #0a0f0d;--ink: #ecf2ee;--ink-2: #b8c6bd;--ink-3: #93a49a;--line: #25332c;--line-strong: #36483f;--overlay: rgb(0 0 0 / .65);--halal: #5bd08d;--halal-soft: #123522;--haram: #ff8a7d;--haram-soft: #3d1a16;--doubtful: #f3b84b;--doubtful-soft: #382810;--unknown: #aab4bf;--unknown-soft: #222930;--shadow-2: 0 8px 20px -8px rgb(0 0 0 / .6);--shadow-3: 0 24px 48px -16px rgb(0 0 0 / .7)}:root{--accent: #1f7a47;--accent-strong: #155d36;--accent-soft: #e0efe4;--accent-ink: #11502e;--on-accent: #ffffff;--accent-2: #c8620f;--accent-2-soft: #fbe8d4}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--accent: #5fcf8f;--accent-strong: #8fe0b0;--accent-soft: #15382a;--accent-ink: #a9ebc4;--on-accent: #08170f;--accent-2: #f5a25b;--accent-2-soft: #3b2412}}:root[data-theme=dark]{--accent: #5fcf8f;--accent-strong: #8fe0b0;--accent-soft: #15382a;--accent-ink: #a9ebc4;--on-accent: #08170f;--accent-2: #f5a25b;--accent-2-soft: #3b2412}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}main{flex:1;outline:none}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:var(--accent)}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 72,"SOFT" 30;text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);font-variation-settings:"opsz" 36}h4{font-size:var(--text-lg);font-family:var(--font-body);letter-spacing:0}p{text-wrap:pretty}p,li{color:var(--ink-2)}strong{color:var(--ink);font-weight:600}small{font-size:var(--text-sm)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}::selection{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);font-weight:600;transform:translateY(-200%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus{transform:none;color:var(--bg)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.noscript{padding:1rem;text-align:center;background:var(--doubtful-soft);color:var(--ink)}[dir=rtl]{--font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@view-transition{navigation: none;}}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.container--narrow{--container: 48rem}.container--wide{--container: 86rem}.section{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem)}.section--tight{padding-block:clamp(1.5rem,1rem + 2vw,2.75rem)}.section--tint{background:var(--bg-tint);border-block:1px solid var(--line)}.section--ink{background:var(--ink);color:var(--bg);--ink-2: color-mix(in srgb, var(--bg) 78%, transparent)}.section--ink h2,.section--ink h3,.section--ink strong{color:var(--bg)}.section-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-6);max-width:46rem}.section-head--row{max-width:none;grid-template-columns:1fr auto;align-items:end}.section-head p{font-size:var(--text-lg)}.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.eyebrow:before{content:"";width:1.6em;height:.55em;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 6px);opacity:.8}.page-head{padding-block:clamp(2rem,1.2rem + 3vw,3.75rem) var(--space-5)}.page-head h1{margin-block:var(--space-3) var(--space-3);max-width:22ch}.page-head p{font-size:var(--text-lg);max-width:60ch}.grid{display:grid;gap:var(--space-5)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.stack{display:grid;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur-2),box-shadow var(--dur-2)}.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-1)}.site-header__inner{display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;flex-shrink:0;border-radius:var(--radius-sm)}.brand img{height:2.4rem;width:auto}[data-theme=dark] .brand img,.brand img{transition:filter var(--dur-2)}.primary-nav{display:flex;gap:var(--space-1);margin-inline:auto}.primary-nav a{position:relative;padding:.5rem .8rem;border-radius:var(--radius-pill);color:var(--ink-2);font-weight:500;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;transition:color var(--dur-1),background var(--dur-1)}.primary-nav a:hover{color:var(--ink);background:var(--bg-sunken)}.primary-nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-search{flex:1;max-width:17rem}@media (max-width: 1320px){.header-search{display:none}}.header-actions .menu-button{display:none}.mobile-menu{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);padding:max(var(--space-4),env(safe-area-inset-top)) var(--gutter) calc(var(--space-5) + env(safe-area-inset-bottom));animation:menu-in var(--dur-2) var(--ease-out)}.mobile-menu__head{display:flex;justify-content:space-between;align-items:center;min-height:var(--header-h)}.mobile-menu nav{display:grid;align-content:start;gap:var(--space-1);padding-top:var(--space-5)}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);text-decoration:none}.mobile-menu nav a[aria-current=page]{color:var(--accent)}.mobile-menu__foot{display:flex;gap:var(--space-3);flex-wrap:wrap}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}}.tabbar{display:none}@media (max-width: 960px){.primary-nav,.header-search,.header-actions .hide-mobile{display:none}.header-actions .menu-button{display:inline-flex}.header-actions{margin-inline-start:auto}body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tabbar{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elev) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}.tabbar a,.tabbar button{display:grid;justify-items:center;gap:2px;padding:.55rem 0 .6rem;color:var(--ink-3);font-size:.68rem;font-weight:600;text-decoration:none;letter-spacing:.01em}.tabbar svg{width:1.45rem;height:1.45rem}.tabbar [aria-current=page]{color:var(--accent)}.tabbar__scan{position:relative;color:var(--ink)!important}.tabbar__scan span.tabbar__fab{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-top:-1.6rem;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--accent) 70%,transparent),0 0 0 5px var(--bg);transition:transform var(--dur-2) var(--ease-spring)}.tabbar__scan:active span.tabbar__fab{transform:scale(.92)}.toast-region{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + .75rem)}}.site-footer{margin-top:var(--space-8);padding-block:var(--space-7) var(--space-6);background:var(--bg-sunken);border-top:1px solid var(--line);font-size:var(--text-sm)}.site-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-6)}.site-footer h2{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--space-3)}.site-footer ul{list-style:none;padding:0;display:grid;gap:var(--space-2)}.site-footer a{color:var(--ink-2);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.site-footer__brand img{height:2.2rem;width:auto;margin-bottom:var(--space-3)}.site-footer__brand p{max-width:34ch}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--ink-3)}.sibling-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-4);padding:.45rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink)!important;font-weight:600}@media (max-width: 760px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1}.section-head--row{grid-template-columns:1fr}}.stack>*,.grid>*,.catalogue>*,.product-sections>*{min-width:0}.btn{--btn-bg: var(--bg-elev);--btn-ink: var(--ink);--btn-line: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.75rem;padding:.6rem 1.15rem;border:1px solid var(--btn-line);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-ink);font-weight:600;font-size:var(--text-sm);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-2),color var(--dur-1);-webkit-tap-highlight-color:transparent}.btn:hover{color:var(--btn-ink);border-color:var(--ink-3)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:1.15em;height:1.15em;flex-shrink:0}.btn--primary{--btn-bg: var(--accent);--btn-ink: var(--on-accent);--btn-line: var(--accent)}.btn--primary:hover{--btn-bg: var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 8px 20px -10px var(--accent)}.btn--ink{--btn-bg: var(--ink);--btn-ink: var(--bg);--btn-line: var(--ink)}.btn--ink:hover{--btn-bg: color-mix(in srgb, var(--ink) 85%, var(--accent))}.btn--soft{--btn-bg: var(--accent-soft);--btn-ink: var(--accent-ink);--btn-line: transparent}.btn--soft:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.btn--ghost{--btn-bg: transparent;--btn-line: transparent}.btn--ghost:hover{background:var(--bg-sunken);border-color:transparent}.btn--danger{--btn-ink: var(--haram)}.btn--lg{min-height:3.25rem;padding-inline:1.5rem;font-size:var(--text-md)}.btn--sm{min-height:2.25rem;padding:.35rem .8rem;font-size:var(--text-xs)}.btn--icon{width:2.75rem;padding:0}.btn--icon.btn--sm{width:2.25rem}.btn--block{width:100%}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:1.1rem;height:1.1rem;border:2px solid var(--btn-ink);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:grid;gap:.4rem}.field label,.field .label{font-weight:600;font-size:var(--text-sm);color:var(--ink)}.field .hint{font-size:var(--text-xs);color:var(--ink-3)}.input,.select,.textarea{width:100%;min-height:2.75rem;padding:.6rem .9rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--ink);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.select{appearance:none;padding-right:2.4rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-size:.35rem .35rem;background-repeat:no-repeat}[dir=rtl] .select{padding-right:.9rem;padding-left:2.4rem;background-position:1.05rem 55%,1.4rem 55%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.input[aria-invalid=true]{border-color:var(--haram)}.field .error{color:var(--haram);font-size:var(--text-sm);font-weight:500}.checkbox{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:500}.checkbox input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.search{position:relative}.search__box{display:flex;align-items:center;gap:.4rem;padding:.35rem .35rem .35rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-elev);box-shadow:var(--shadow-1);transition:border-color var(--dur-1),box-shadow var(--dur-2)}.search__box:focus-within{border-color:var(--accent);box-shadow:var(--ring),var(--shadow-2)}.search__box>svg{width:1.2rem;height:1.2rem;color:var(--ink-3);flex-shrink:0}.search__input{flex:1;min-width:0;min-height:2.5rem;border:0;background:transparent;color:var(--ink);font-size:var(--text-md)}.search__input:focus{outline:none}.search__input::-webkit-search-cancel-button{display:none}.search__input::placeholder{color:var(--ink-3)}.search--lg .search__box{padding:.45rem .45rem .45rem 1.35rem}.search--lg .search__input{min-height:3.1rem;font-size:var(--text-lg)}.search--compact .search__input{min-height:2.1rem;font-size:var(--text-sm)}.search--compact .search__box{padding-left:.85rem}.search__clear{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:var(--ink-3)}.search__clear:hover{background:var(--bg-sunken);color:var(--ink)}.search__panel{position:absolute;inset:calc(100% + .5rem) 0 auto 0;z-index:40;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-3);animation:pop-in var(--dur-2) var(--ease-out)}.search__list{list-style:none;padding:.35rem;max-height:min(26rem,60vh);overflow:auto}.search__option{display:grid;grid-template-columns:2.75rem 1fr auto;align-items:center;gap:.75rem;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;cursor:pointer}.search__option[aria-selected=true],.search__option:hover{background:var(--bg-sunken);color:var(--ink)}.search__option img,.search__option .thumb{width:2.75rem;height:2.75rem;border-radius:8px;object-fit:contain;background:#fff}.search__option strong{display:block;font-size:var(--text-sm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__option small{color:var(--ink-3);font-size:var(--text-xs)}.search__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .9rem;border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--ink-3)}.search__message{padding:1rem;color:var(--ink-2);font-size:var(--text-sm)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.99)}}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:.3rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink-2);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1),transform var(--dur-1)}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip[aria-pressed=true],.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip[aria-pressed=true]:before{content:"\2713";font-weight:700}.chip svg{width:1rem;height:1rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-2);font-size:var(--text-xs);font-weight:500}.status{--tone: var(--unknown);--tone-soft: var(--unknown-soft);display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem .25rem .4rem;border-radius:var(--radius-pill);background:var(--tone-soft);color:var(--tone);font-size:var(--text-xs);font-weight:700;letter-spacing:.01em;line-height:1.2;white-space:nowrap}.status svg{width:1.05rem;height:1.05rem;flex-shrink:0}.status--halal{--tone: var(--halal);--tone-soft: var(--halal-soft)}.status--haram{--tone: var(--haram);--tone-soft: var(--haram-soft)}.status--doubtful{--tone: var(--doubtful);--tone-soft: var(--doubtful-soft)}.status--lg{padding:.45rem 1rem .45rem .6rem;font-size:var(--text-sm)}.status--lg svg{width:1.35rem;height:1.35rem}.seal{--tone: var(--unknown);--tone-soft: var(--unknown-soft);position:relative;display:grid;place-items:center;width:var(--seal-size, 9.5rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--tone-soft) 58%,transparent 59%),repeating-conic-gradient(var(--tone) 0 2deg,transparent 2deg 6deg);color:var(--tone);text-align:center;flex-shrink:0}.seal:before{content:"";position:absolute;inset:9%;border:2px solid var(--tone);border-radius:50%;opacity:.85}.seal__inner{position:relative;display:grid;justify-items:center;gap:.15rem;padding:0 1.1rem}.seal__icon svg{width:2.1rem;height:2.1rem}.seal__label{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.05}.seal__note{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.seal--halal{--tone: var(--halal);--tone-soft: var(--halal-soft)}.seal--haram{--tone: var(--haram);--tone-soft: var(--haram-soft)}.seal--doubtful{--tone: var(--doubtful);--tone-soft: var(--doubtful-soft)}.seal.is-stamping{animation:stamp .52s var(--ease-spring) both}@keyframes stamp{0%{opacity:0;transform:scale(1.6) rotate(-18deg)}60%{opacity:1;transform:scale(.94) rotate(3deg)}to{transform:scale(1) rotate(-4deg)}}.seal{transform:rotate(-4deg)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:clamp(.75rem,.5rem + 1vw,1.25rem)}.product-card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);color:var(--ink);text-decoration:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2);animation:card-in var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 35ms)}.product-card:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.product-card:focus-visible{outline-offset:2px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.product-card__media{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:.9rem;background:#fff;border-bottom:1px solid var(--line)}.product-card__media{overflow:hidden}.product-card__media img,.product-card__media .placeholder-img{position:absolute;inset:.8rem;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);object-fit:contain}.product-card__media .status{position:absolute;left:.5rem;bottom:.5rem;z-index:1;box-shadow:0 0 0 2px #fff}.product-card__body{display:grid;align-content:start;gap:.2rem;padding:.75rem .85rem .9rem}.product-card__name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.3;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__brand{font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__scores{display:flex;gap:.3rem;margin-top:.35rem}.placeholder-img{display:grid;place-items:center;width:100%;height:100%;color:color-mix(in srgb,var(--ink-3) 60%,transparent);background:repeating-linear-gradient(90deg,transparent 0 6px,rgb(0 0 0 / .035) 6px 7px,transparent 7px 9px,rgb(0 0 0 / .05) 9px 11px);border-radius:8px}.placeholder-img svg{width:40%;height:40%}.score{display:inline-grid;place-items:center;min-width:1.6rem;height:1.35rem;padding:0 .35rem;border-radius:5px;color:#fff;font-family:var(--font-mono);font-size:.68rem;font-weight:500}.score--a{background:var(--ns-a)}.score--b{background:var(--ns-b);color:#1a2a07}.score--c{background:var(--ns-c);color:#3a2c00}.score--d{background:var(--ns-d);color:#2b1600}.score--e{background:var(--ns-e);color:#000}.score--nova{background:var(--ink);color:var(--bg)}.skeleton{position:relative;overflow:hidden;background:var(--bg-sunken);border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-elev) 70%,transparent),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.product-card--skeleton{pointer-events:none;animation:none}.product-card--skeleton .product-card__media{background:var(--bg-sunken)}.skeleton-line{height:.75rem;margin-top:.4rem}.skeleton-line--short{width:55%}.state{display:grid;justify-items:center;gap:var(--space-3);padding:clamp(2rem,1rem + 4vw,4rem) var(--space-4);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elev);grid-column:1 / -1}.state__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--bg-sunken);color:var(--ink-2)}.state__icon svg{width:1.6rem;height:1.6rem}.state--error .state__icon{background:var(--haram-soft);color:var(--haram)}.state h2,.state h3{font-size:var(--text-xl)}.state p{max-width:46ch}.state .cluster{justify-content:center}.toast-region{position:fixed;left:50%;bottom:1.5rem;z-index:200;display:grid;gap:.5rem;width:min(92vw,26rem);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:var(--radius);background:var(--ink);color:var(--bg);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-3);pointer-events:auto;animation:toast-in var(--dur-3) var(--ease-spring)}.toast.is-leaving{animation:toast-out var(--dur-2) var(--ease-out) forwards}.toast svg{width:1.2rem;height:1.2rem;flex-shrink:0}.toast a{color:inherit;font-weight:700;margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.net-banner{position:sticky;top:var(--header-h);z-index:45;padding:.5rem var(--gutter);background:var(--doubtful-soft);color:var(--ink);font-size:var(--text-sm);text-align:center;border-bottom:1px solid color-mix(in srgb,var(--doubtful) 35%,transparent)}.dialog{width:min(100% - 1.5rem,30rem);max-height:min(92dvh,46rem);padding:0;border:0;border-radius:var(--radius-lg);background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-3);overflow:auto}.dialog::backdrop{background:var(--overlay);backdrop-filter:blur(3px)}.dialog[open]{animation:dialog-in var(--dur-3) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}.dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0 var(--space-5)}.dialog__head h2{font-size:var(--text-xl)}.dialog__body{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5)}@media (max-width: 560px){.dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog[open]{animation-name:sheet-in}@keyframes sheet-in{0%{transform:translateY(40%);opacity:.4}}}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:var(--space-6)}.pagination a,.pagination span{display:grid;place-items:center;min-width:2.6rem;height:2.6rem;padding:0 .6rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink-2);font-weight:600;font-size:var(--text-sm);text-decoration:none}.pagination a:hover{border-color:var(--ink-3);color:var(--ink)}.pagination [aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pagination .is-disabled{opacity:.45;pointer-events:none}.pagination .gap{border:0;background:none;min-width:1rem}.tabs{display:flex;gap:.35rem;padding:.3rem;border-radius:var(--radius-pill);background:var(--bg-sunken);justify-self:start;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs [role=tab]{padding:.5rem 1rem;border-radius:var(--radius-pill);color:var(--ink-2);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.tabs [role=tab][aria-selected=true]{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-1)}.tabs [role=tab] .count{margin-left:.35rem;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-xs)}.stat{display:grid;gap:.2rem;padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);color:var(--ink);text-decoration:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}a.stat:hover{color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-2)}.stat__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat__label{color:var(--ink-2);font-size:var(--text-sm)}.stat--halal .stat__value{color:var(--halal)}.stat--haram .stat__value{color:var(--haram)}.card{padding:clamp(1.1rem,.8rem + 1vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}.card h3{margin-bottom:var(--space-2)}.card--link{display:grid;gap:var(--space-2);color:var(--ink);text-decoration:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.card--link:hover{color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-2)}.card__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink)}.card__icon svg{width:1.4rem;height:1.4rem}.callout{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);background:var(--accent-soft);color:var(--ink);font-size:var(--text-sm)}.callout svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.15rem;color:var(--accent-ink)}.callout--warn{background:var(--doubtful-soft)}.callout--warn svg{color:var(--doubtful)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}.table thead th{background:var(--bg-sunken);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom:0}.table td.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.prose{max-width:70ch}.prose>*+*{margin-top:1em}.prose h2{margin-top:1.8em;font-size:var(--text-xl)}.prose h3{margin-top:1.4em;font-size:var(--text-lg);font-family:var(--font-body);font-weight:700;letter-spacing:0}.prose ul,.prose ol{padding-inline-start:1.3em;display:grid;gap:.4em}.prose a{color:var(--accent-ink)}.prose blockquote{padding-inline-start:1rem;border-inline-start:3px solid var(--accent);font-style:italic}details.disclosure{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}details.disclosure+details.disclosure{margin-top:var(--space-3)}details.disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:var(--space-4) var(--space-5);font-weight:600;cursor:pointer;list-style:none}details.disclosure summary::-webkit-details-marker{display:none}details.disclosure summary:after{content:"+";font-family:var(--font-mono);font-size:1.3rem;color:var(--ink-3);transition:transform var(--dur-2)}details.disclosure[open] summary:after{transform:rotate(45deg)}details.disclosure>:not(summary){padding:0 var(--space-5) var(--space-5)}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.muted{color:var(--ink-3)}.lead{font-size:var(--text-lg);color:var(--ink-2)}.barcode-rule{height:.6rem;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px);opacity:.12;border-radius:2px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}html:not(.js) .reveal{opacity:1;transform:none}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.select--sm{width:auto;min-height:2.5rem;padding-block:.3rem;font-size:var(--text-sm)}.select--auto{width:auto}.mobile-menu__logo{height:2.2rem;width:auto}.tabs [role=tab]{flex-shrink:0}.product-page{padding-top:var(--space-5)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;font-size:var(--text-sm);color:var(--ink-3)}.breadcrumb a{color:var(--ink-2);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span[aria-hidden]{opacity:.6}.product-hero{display:grid;grid-template-columns:minmax(14rem,22rem) 1fr auto;gap:clamp(1.25rem,.5rem + 3vw,3rem);align-items:start;margin-top:var(--space-4)}.product-hero__media{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.product-hero__media img{width:100%;height:100%;object-fit:contain}.product-hero__info{display:grid;gap:var(--space-3);align-content:start;min-width:0}.product-hero__info h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);overflow-wrap:anywhere}.product-hero__brand{font-size:var(--text-lg);color:var(--ink-2)}.product-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:var(--text-sm);color:var(--ink-3)}.product-hero__meta .mono{color:var(--ink-2)}.product-hero__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-2)}.product-hero__actions .btn[aria-pressed=true]{--btn-bg: var(--accent-soft);--btn-ink: var(--accent-ink);--btn-line: color-mix(in srgb, var(--accent) 40%, transparent)}.product-hero__seal{justify-self:end}.barcode-figure{display:grid;gap:.2rem;justify-items:start;margin-top:var(--space-2)}.barcode-figure svg{height:3.4rem;width:auto;color:var(--ink)}.barcode-figure figcaption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;color:var(--ink-2)}.verdict{--tone: var(--unknown);--tone-soft: var(--unknown-soft);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center;padding:clamp(1.2rem,.8rem + 1.5vw,2rem);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);background:linear-gradient(135deg,var(--tone-soft),var(--bg-elev) 70%)}.verdict--halal{--tone: var(--halal);--tone-soft: var(--halal-soft)}.verdict--haram{--tone: var(--haram);--tone-soft: var(--haram-soft)}.verdict--doubtful{--tone: var(--doubtful);--tone-soft: var(--doubtful-soft)}.verdict h2{font-size:var(--text-xl);color:var(--tone)}.verdict__summary{margin-top:var(--space-2);color:var(--ink)}.reasons{list-style:none;padding:0;display:grid;gap:.45rem;margin-top:var(--space-3)}.reasons li{display:flex;gap:.55rem;align-items:flex-start;font-size:var(--text-sm);color:var(--ink)}.reasons svg{width:1.1rem;height:1.1rem;margin-top:.15rem;flex-shrink:0}.reasons .r-halal-label svg{color:var(--halal)}.reasons .r-exclusion-label svg,.reasons .r-conflict svg{color:var(--haram)}.reasons .r-ingredient svg{color:var(--doubtful)}.reasons .r-missing svg{color:var(--ink-3)}.verdict__note{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-3)}.product-sections{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5);margin-top:var(--space-6)}.product-sections>*{grid-column:span 6}.product-sections>.span-all{grid-column:1 / -1}.panel{padding:clamp(1.1rem,.8rem + 1vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev)}.panel>h2{display:flex;align-items:center;gap:.6rem;font-size:var(--text-lg);margin-bottom:var(--space-4)}.panel>h2 svg{width:1.3rem;height:1.3rem;color:var(--accent)}.ingredients-text{line-height:1.75;color:var(--ink)}mark.flag{padding:.05em .3em;border-radius:4px;background:var(--doubtful-soft);color:var(--doubtful);font-weight:600;box-shadow:inset 0 -2px color-mix(in srgb,var(--doubtful) 40%,transparent)}.kv{display:grid;grid-template-columns:minmax(8rem,.45fr) 1fr;gap:.6rem 1rem;font-size:var(--text-sm)}.kv dt{color:var(--ink-3);font-weight:500}.kv dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.scores-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.score-tile{display:grid;gap:.15rem;min-width:7.5rem;padding:.7rem .9rem;border-radius:var(--radius);background:var(--bg-sunken)}.score-tile small{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.score-tile strong{font-family:var(--font-display);font-size:1.6rem;line-height:1.1}.score-tile span{font-size:var(--text-xs);color:var(--ink-2)}.score-tile--a strong{color:var(--ns-a)}.score-tile--b strong{color:#5c8a14}.score-tile--c strong{color:#9a7a00}.score-tile--d strong{color:#c46a00}.score-tile--e strong{color:var(--ns-e)}.nutrition-table td.num{text-align:right}.bar{height:.4rem;border-radius:99px;background:var(--bg-sunken);overflow:hidden;margin-top:.3rem}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;animation:grow .7s var(--ease-out) both}@keyframes grow{0%{transform:scaleX(0)}}.product-skeleton .skeleton{border-radius:var(--radius)}.contribute-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--ink);color:var(--bg)}.contribute-strip p{color:color-mix(in srgb,var(--bg) 80%,transparent);max-width:52ch}.contribute-strip h2{color:var(--bg);font-size:var(--text-xl)}.contribute-strip .btn{--btn-bg: var(--bg);--btn-ink: var(--ink);--btn-line: var(--bg)}@media (max-width: 960px){.product-hero{grid-template-columns:9rem 1fr}.product-hero__seal{grid-column:1 / -1;justify-self:stretch}.product-sections>*{grid-column:1 / -1}}@media (max-width: 560px){.product-hero{grid-template-columns:1fr}.product-hero__media{max-width:15rem;justify-self:center;width:100%}.verdict{grid-template-columns:1fr;justify-items:center;text-align:center}.verdict .reasons{justify-items:start;text-align:left}.kv{grid-template-columns:1fr;gap:.15rem}.kv dd{margin-bottom:.6rem}}.scanner__viewport{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius);background:#0b0f0d}.scanner__viewport video{width:100%;height:100%;object-fit:cover}.scanner__frame{position:absolute;inset:22% 12%;border-radius:12px;box-shadow:0 0 0 100vmax #00000061;pointer-events:none;--c: #fff;background:linear-gradient(var(--c),var(--c)) top left / 1.75rem 3px,linear-gradient(var(--c),var(--c)) top left / 3px 1.75rem,linear-gradient(var(--c),var(--c)) top right / 1.75rem 3px,linear-gradient(var(--c),var(--c)) top right / 3px 1.75rem,linear-gradient(var(--c),var(--c)) bottom left / 1.75rem 3px,linear-gradient(var(--c),var(--c)) bottom left / 3px 1.75rem,linear-gradient(var(--c),var(--c)) bottom right / 1.75rem 3px,linear-gradient(var(--c),var(--c)) bottom right / 3px 1.75rem;background-repeat:no-repeat}.scanner__frame.is-found{--c: var(--halal)}.scanner__laser{position:absolute;left:14%;right:14%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ff3b30 20%,#ff3b30 80%,transparent);box-shadow:0 0 12px 2px #ff3b3099;animation:laser 1.8s ease-in-out infinite}@keyframes laser{0%,to{transform:translateY(-2.2rem)}50%{transform:translateY(2.2rem)}}.scanner__status{position:absolute;inset:auto 0 0;padding:.6rem .9rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:var(--text-sm);text-align:center}.scanner__placeholder{display:grid;place-items:center;gap:.5rem;height:100%;padding:1.5rem;color:#d5ddd8;text-align:center;font-size:var(--text-sm)}.scanner__placeholder svg{width:2.5rem;height:2.5rem;opacity:.8}.scanner__manual{display:flex;gap:.5rem}.scanner__manual .input{font-family:var(--font-mono);letter-spacing:.08em}.scan-result{display:grid;grid-template-columns:4.5rem 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.scan-result__img{width:4.5rem;height:4.5rem;border-radius:10px;background:#fff;object-fit:contain}.scan-result strong{display:block;line-height:1.3}.scan-result .status{margin-top:.4rem}.scan-result--full{grid-template-columns:auto 1fr}.scan-result .seal{--seal-size: 6.5rem}.scan-result .seal__label{font-size:.82rem}.scan-result .seal__icon svg{width:1.5rem;height:1.5rem}.product-hero__info>.status{justify-self:start}.hero{position:relative;padding-block:clamp(2.5rem,1rem + 6vw,6rem) clamp(2rem,1rem + 3vw,4rem);overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto 40%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent);filter:blur(10px);pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}.hero h1{font-size:var(--text-hero);line-height:.98;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 50;margin-block:var(--space-4) var(--space-5)}.hero h1 em{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}.hero__lead{font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);max-width:40ch}.hero .search{margin-top:var(--space-5);max-width:38rem}.hero__hints{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--ink-3)}.hero__scan-cta{display:none}.scan-stack{position:relative;height:26rem;max-width:24rem;justify-self:center;width:100%}.scan-stack__card{position:absolute;inset:auto 0;display:grid;grid-template-columns:4.25rem 1fr;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-3);animation:float 7s ease-in-out infinite}.scan-stack__card:nth-child(1){top:0;transform:rotate(-3deg) translate(-6%);animation-delay:-1s}.scan-stack__card:nth-child(2){top:8.5rem;transform:rotate(2deg) translate(8%);animation-delay:-3s;z-index:2}.scan-stack__card:nth-child(3){top:17rem;transform:rotate(-1.5deg) translate(-2%);animation-delay:-5s}.scan-stack__thumb{display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:12px;background:var(--bg-sunken);color:var(--ink-3)}.scan-stack__thumb svg{width:2rem;height:2rem}.scan-stack__card strong{display:block;font-size:var(--text-sm)}.scan-stack__card small{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);margin-block:.2rem .45rem;letter-spacing:.08em}.scan-stack__beam{position:absolute;inset:-4% -8%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 0 46%,color-mix(in srgb,var(--accent) 55%,transparent) 49.5% 50.5%,transparent 54%);filter:drop-shadow(0 0 10px var(--accent));animation:sweep 4.5s var(--ease-out) infinite;mix-blend-mode:multiply}:root[data-theme=dark] .scan-stack__beam{mix-blend-mode:screen}@keyframes sweep{0%{transform:translateY(-55%);opacity:0}12%{opacity:1}80%{opacity:1}to{transform:translateY(55%);opacity:0}}@keyframes float{50%{translate:0 -6px}}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:clamp(2rem,1rem + 3vw,3.5rem)}.stats-band .stat{background:color-mix(in srgb,var(--bg-elev) 80%,transparent);backdrop-filter:blur(6px)}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.legend__item{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elev);border:1px solid var(--line)}.legend__item p{font-size:var(--text-sm)}.legend__item .seal{--seal-size: 6.25rem}.legend__item .seal__label{font-size:.8rem}.legend__item .seal__icon svg{width:1.5rem;height:1.5rem}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11.5rem,1fr);gap:1rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.rail>*{scroll-snap-align:start}@media (min-width: 1100px){.rail{grid-auto-flow:row;grid-template-columns:repeat(6,1fr);overflow:visible}}.voyage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.voyage__panel{position:sticky;top:calc(var(--header-h) + 1rem);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-2)}.voyage__flag{font-size:3rem;line-height:1}.voyage__panel h3{margin-block:var(--space-3) var(--space-2)}.partners{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,.5rem + 2vw,2.5rem)}.partners img{height:2.6rem;width:auto;filter:grayscale(1);opacity:.75;transition:filter var(--dur-2),opacity var(--dur-2);border-radius:4px}.partners img:hover{filter:none;opacity:1}.cta-band{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:center;padding:clamp(1.5rem,1rem + 3vw,3.5rem);border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 55%),var(--ink);color:var(--bg)}.cta-band h2{color:var(--bg)}.cta-band p{color:color-mix(in srgb,var(--bg) 80%,transparent)}.cta-band .btn--ghost{--btn-ink: var(--bg)}.cta-band .btn--ghost:hover{background:#ffffff1a}.cta-band .btn:not(.btn--primary):not(.btn--ghost){--btn-bg: var(--bg);--btn-ink: var(--ink);--btn-line: var(--bg)}.app-badges{display:flex;flex-wrap:wrap;gap:.6rem}@media (max-width: 960px){.hero__grid,.voyage,.cta-band{grid-template-columns:minmax(0,1fr)}.scan-stack{display:none}.hero__scan-cta{display:inline-flex}.stats-band,.legend{grid-template-columns:repeat(2,1fr)}.voyage__panel{position:static}}.catalogue{display:grid;grid-template-columns:16.5rem minmax(0,1fr);gap:clamp(1.25rem,.5rem + 2vw,2.5rem);align-items:start}.filters{position:sticky;top:calc(var(--header-h) + 1rem);display:grid;gap:var(--space-5)}.filters__group{display:grid;gap:var(--space-3)}.filters__group>h2,.filters__group legend{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0}.filters fieldset{border:0;padding:0;display:grid;gap:var(--space-3);min-width:0}.status-filter{display:grid;gap:.35rem}.status-filter label{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:border-color var(--dur-1),background var(--dur-1)}.status-filter input{accent-color:var(--accent);width:1rem;height:1rem}.status-filter label:has(input:checked){border-color:var(--ink);background:var(--bg-sunken)}.results-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.results-bar__count{font-size:var(--text-sm);color:var(--ink-2)}.results-bar__count strong{font-family:var(--font-display);font-size:var(--text-xl);margin-right:.3rem}.active-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-4)}.active-filters .chip{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.active-filters .chip:after{content:"\d7";font-size:1.1em;margin-left:.1rem}.filters-toggle,.filters__close{display:none}@media (max-width: 960px){.catalogue{grid-template-columns:minmax(0,1fr)}.filters-toggle{display:inline-flex}.filters{position:fixed;inset:auto 0 0;z-index:90;max-height:85dvh;overflow:auto;padding:var(--space-5) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-elev);box-shadow:0 -20px 50px -10px #00000059;transform:translateY(105%);transition:transform var(--dur-3) var(--ease-out);visibility:hidden}.filters.is-open{transform:none;visibility:visible}.filters__close{display:flex;justify-content:space-between;align-items:center}.filters-backdrop{position:fixed;inset:0;z-index:85;background:var(--overlay)}}.compare-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.compare-slot{position:relative;display:grid;justify-items:center;align-content:start;gap:.5rem;min-height:13rem;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);text-align:center}.compare-slot--empty{place-content:center;border-style:dashed;color:var(--ink-3);background:transparent}.compare-slot img,.compare-slot .thumb{width:6rem;height:6rem;object-fit:contain;background:#fff;border-radius:10px}.compare-slot strong{font-size:var(--text-sm);line-height:1.3}.compare-slot .remove{position:absolute;top:.5rem;right:.5rem}.compare-table th[scope=row]{width:22%;color:var(--ink-2);font-weight:600;background:var(--bg-sunken)}.compare-table td.is-best{background:var(--halal-soft);font-weight:600}@media (max-width: 640px){.compare-slots{grid-template-columns:1fr}.compare-slot{min-height:0;grid-template-columns:auto 1fr;justify-items:start;text-align:left}.compare-slot img,.compare-slot .thumb{width:4rem;height:4rem}}.list-item{display:grid;grid-template-columns:4rem 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}.list-item img,.list-item .thumb{width:4rem;height:4rem;object-fit:contain;border-radius:10px;background:#fff}.list-item a{color:var(--ink);font-weight:600;text-decoration:none}.list-item a:hover{text-decoration:underline}.list-item small{display:block;color:var(--ink-3)}.list-stack{display:grid;gap:var(--space-3)}.bar-list{list-style:none;padding:0;display:grid;gap:.65rem}.bar-list li{display:grid;gap:.25rem;font-size:var(--text-sm)}.bar-list .row{display:flex;justify-content:space-between;gap:1rem;color:var(--ink)}.bar-list .row span:last-child{font-family:var(--font-mono);color:var(--ink-2)}.rank-list{list-style:none;padding:0;counter-reset:rank;display:grid;gap:.4rem}.rank-list li{counter-increment:rank;display:grid;grid-template-columns:2.4rem 1fr auto;gap:.75rem;align-items:center;padding:.6rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev)}.rank-list li:before{content:counter(rank);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink-3);text-align:center}.rank-list li:nth-child(-n+3):before{color:var(--accent-2);font-weight:700}.rank-list .mono{color:var(--ink-2)}.checker-result{padding:var(--space-4);border-radius:var(--radius);font-weight:500}.checker-result--haram{background:var(--haram-soft);color:var(--haram)}.checker-result--doubtful{background:var(--doubtful-soft);color:var(--doubtful)}.checker-result--halal{background:var(--halal-soft);color:var(--halal)}.checker-result--unknown{background:var(--unknown-soft);color:var(--ink)}.quiz-option{display:block;width:100%;text-align:left;padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elev);font-weight:500}.quiz-option:hover:not(:disabled){border-color:var(--ink-3)}.quiz-option.is-correct{border-color:var(--halal);background:var(--halal-soft);color:var(--halal)}.quiz-option.is-wrong{border-color:var(--haram);background:var(--haram-soft);color:var(--haram)}.article-card time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.article{scroll-margin-top:calc(var(--header-h) + 1rem);padding-top:var(--space-6);border-top:1px solid var(--line)}.error-page{display:grid;justify-items:center;text-align:center;gap:var(--space-4);padding-block:clamp(3rem,2rem + 6vw,7rem)}.error-page__code{font-family:var(--font-display);font-size:clamp(5rem,3rem + 10vw,10rem);line-height:.9;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 100}.error-page .search{width:min(100%,32rem)}.donate-frame{width:100%;min-height:60rem;border:0;border-radius:var(--radius-lg);background:#fff}.compare-table{table-layout:fixed;min-width:40rem}.list-item>div{min-width:0}.list-item small{overflow-wrap:anywhere}pre{max-width:100%;overflow-x:auto}[data-results][aria-busy=true]{min-height:120vh}