@font-face{font-family:Almarai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/almarai-300-arabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Almarai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/almarai-300-latin.woff2) format("woff2");unicode-range:u+00??,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:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almarai-400-arabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almarai-400-latin.woff2) format("woff2");unicode-range:u+00??,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:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/almarai-700-arabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/almarai-700-latin.woff2) format("woff2");unicode-range:u+00??,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:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/almarai-800-arabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/almarai-800-latin.woff2) format("woff2");unicode-range:u+00??,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}:root{--brand-orange:#F37021;--brand-orange-alt:#F58220;--brand-amber:#FDB913;--brand-black:#000000;--brand-white:#FFFFFF;--brand-logo-orange:#FF6A20;--orange-50:#FFEFE1;--orange-100:#FFDFC6;--orange-200:#FFCAA6;--orange-300:#FFA873;--orange-400:#FF843B;--orange-500:#F37021;--orange-600:#D85700;--orange-700:#B54100;--orange-800:#8F2E00;--orange-900:#672000;--amber-50:#FFF8DB;--amber-100:#FFEDB8;--amber-200:#FFDE88;--amber-300:#FFCE54;--amber-400:#FDB913;--amber-500:#F0AD00;--amber-600:#C98B00;--amber-700:#9E6900;--amber-800:#764C00;--amber-900:#553600;--neutral-0:#FFFFFF;--neutral-25:#FEF9F7;--neutral-50:#F8F3F1;--neutral-100:#F0ECE9;--neutral-200:#E3DEDC;--neutral-300:#D0CBC9;--neutral-400:#A6A2A0;--neutral-500:#837F7D;--neutral-600:#686462;--neutral-700:#504A48;--neutral-800:#383331;--neutral-900:#241F1D;--neutral-950:#0F0B09;--neutral-1000:#000000;--success-50:#E6FAE9;--success-100:#CCF4D3;--success-200:#ADE9B8;--success-500:#349E54;--success-600:#1C8742;--success-700:#0F6A31;--success-800:#034E21;--warning-50:var(--amber-50);--warning-100:var(--amber-100);--warning-200:var(--amber-200);--warning-400:var(--amber-400);--warning-600:var(--amber-600);--warning-700:var(--amber-700);--danger-50:#FFEEEA;--danger-100:#FFDBD4;--danger-200:#FFC4BB;--danger-500:#DB423C;--danger-600:#C51E21;--danger-700:#A20711;--danger-800:#7C0109;--info-50:#E7F5FF;--info-100:#CFEBFF;--info-200:#B4DEFF;--info-500:#3F7EBB;--info-600:#2266A4;--info-700:#0E4F86;--info-800:#073964;--surface-page:var(--neutral-0);--surface-card:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-sunken:var(--neutral-100);--surface-media:var(--neutral-200);--surface-panel:#FAFAFB;--surface-inverse:var(--neutral-950);--surface-brand:var(--brand-orange);--surface-brand-subtle:var(--orange-50);--surface-overlay:rgba(15,11,9,.55);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-interactive:var(--brand-orange);--border-error:var(--danger-600);--divider:var(--neutral-100);--text-primary:var(--neutral-950);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-disabled:var(--neutral-400);--text-inverse:var(--neutral-0);--text-brand:var(--orange-700);--text-link:var(--orange-700);--text-link-hover:var(--orange-800);--interactive-primary:var(--brand-orange);--interactive-primary-hover:var(--orange-600);--interactive-primary-active:var(--orange-700);--interactive-secondary:var(--neutral-950);--interactive-secondary-hover:var(--neutral-800);--interactive-secondary-active:var(--neutral-900);--interactive-ghost-hover:var(--neutral-100);--interactive-ghost-active:var(--neutral-200);--interactive-selected:var(--orange-50);--interactive-selected-border:var(--brand-orange);--interactive-disabled-bg:var(--neutral-200);--interactive-disabled-text:var(--neutral-400);--focus-ring:var(--neutral-950);--focus-ring-inverse:var(--neutral-0);--focus-ring-width:2px;--focus-ring-offset:2px;--price-current:var(--neutral-950);--price-was:var(--neutral-500);--price-save:var(--success-700);--discount-bg:var(--brand-amber);--discount-text:var(--neutral-950);--flash-bg:var(--neutral-950);--flash-accent:var(--brand-amber);--stock-in:var(--success-700);--stock-low:var(--amber-700);--stock-out:var(--neutral-500);--badge-new-bg:var(--neutral-950);--badge-new-text:var(--neutral-0);--rating-star:var(--brand-amber);--rating-star-empty:var(--neutral-300)}[data-surface=inverse]{--surface-card:var(--neutral-900);--surface-sunken:var(--neutral-800);--border-default:var(--neutral-800);--border-strong:var(--neutral-700);--divider:var(--neutral-800);--text-primary:var(--neutral-0);--text-secondary:var(--neutral-300);--text-muted:var(--neutral-400);--text-link:var(--orange-300);--text-link-hover:var(--orange-200);--interactive-ghost-hover:rgba(255,255,255,.10);--interactive-ghost-active:rgba(255,255,255,.16);--focus-ring:var(--neutral-0);--price-current:var(--neutral-0);--price-was:var(--neutral-400)}:root{--font-brand:"Almarai","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--weight-light:300;--weight-regular:400;--weight-bold:700;--weight-black:800;--text-display-size:2.5rem;--text-display-line:1.12;--text-display-weight:800;--text-display-track:-0.02em;--text-h1-size:2rem;--text-h1-line:1.18;--text-h1-weight:800;--text-h1-track:-0.015em;--text-h2-size:1.5rem;--text-h2-line:1.25;--text-h2-weight:800;--text-h2-track:-0.01em;--text-h3-size:1.25rem;--text-h3-line:1.3;--text-h3-weight:700;--text-h3-track:-0.005em;--text-h4-size:1.0625rem;--text-h4-line:1.35;--text-h4-weight:700;--text-h4-track:0em;--text-intro-size:1.125rem;--text-intro-line:1.6;--text-intro-weight:300;--text-intro-track:0em;--text-body-lg-size:1rem;--text-body-lg-line:1.55;--text-body-lg-weight:400;--text-body-lg-track:0em;--text-body-size:0.875rem;--text-body-line:1.5;--text-body-weight:400;--text-body-track:0em;--text-body-sm-size:0.8125rem;--text-body-sm-line:1.45;--text-body-sm-weight:400;--text-body-sm-track:0em;--text-label-size:0.8125rem;--text-label-line:1.25;--text-label-weight:700;--text-label-track:0em;--text-caption-size:0.75rem;--text-caption-line:1.35;--text-caption-weight:400;--text-caption-track:0em;--text-micro-size:0.6875rem;--text-micro-line:1.2;--text-micro-weight:700;--text-micro-track:0.06em;--text-price-lg-size:1.75rem;--text-price-lg-line:1.1;--text-price-lg-weight:800;--text-price-lg-track:-0.015em;--text-price-size:1.0625rem;--text-price-line:1.15;--text-price-weight:800;--text-price-track:-0.01em;--paragraph-max:68ch}[lang=ar]{--text-display-size:2.75rem;--text-display-line:1.3;--text-display-track:0em;--text-h1-size:2.125rem;--text-h1-line:1.4;--text-h1-track:0em;--text-h2-size:1.625rem;--text-h2-line:1.45;--text-h2-track:0em;--text-h3-size:1.375rem;--text-h3-line:1.5;--text-h3-track:0em;--text-h4-size:1.125rem;--text-h4-line:1.55;--text-h4-track:0em;--text-intro-size:1.1875rem;--text-intro-line:1.85;--text-intro-track:0em;--text-body-lg-size:1.0625rem;--text-body-lg-line:1.8;--text-body-lg-track:0em;--text-body-size:0.9375rem;--text-body-line:1.75;--text-body-track:0em;--text-body-sm-size:0.875rem;--text-body-sm-line:1.7;--text-body-sm-track:0em;--text-label-size:0.875rem;--text-label-line:1.45;--text-label-track:0em;--text-caption-size:0.8125rem;--text-caption-line:1.55;--text-caption-track:0em;--text-micro-size:0.75rem;--text-micro-line:1.4;--text-micro-track:0em;--text-price-lg-size:1.75rem;--text-price-lg-line:1.25;--text-price-lg-track:0em;--text-price-size:1.0625rem;--text-price-line:1.3;--text-price-track:0em}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--inset-xs:var(--space-1);--inset-sm:var(--space-2);--inset-md:var(--space-3);--inset-lg:var(--space-4);--inset-xl:var(--space-6);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-3);--gap-lg:var(--space-4);--gap-xl:var(--space-6);--gap-grid:var(--space-3);--gap-grid-lg:var(--space-4);--stack-sm:var(--space-4);--stack-md:var(--space-6);--stack-lg:var(--space-8);--section-y:var(--space-8);--section-y-lg:var(--space-12);--touch-min:44px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-card:0 1px 2px rgba(15,11,9,.06),0 1px 3px rgba(15,11,9,.05);--shadow-dropdown:0 4px 12px rgba(15,11,9,.10),0 1px 3px rgba(15,11,9,.06);--shadow-drawer:0 8px 32px rgba(15,11,9,.16);--shadow-modal:0 16px 48px rgba(15,11,9,.22);--shadow-sticky:0 2px 8px rgba(15,11,9,.08);--border-width-hairline:1px;--border-width-default:1px;--border-width-emphasis:1.5px;--border-width-strong:2px;--z-base:0;--z-sticky-bar:50;--z-header:100;--z-dropdown:200;--z-drawer:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--duration-instant:80ms;--duration-fast:120ms;--duration-base:180ms;--duration-slow:260ms;--duration-slower:400ms;--ease-standard:cubic-bezier(.2,0,0,1);--ease-enter:cubic-bezier(0,0,.2,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-emphasis:cubic-bezier(.3,-0.05,0,1.1);--skeleton-sweep:1.4s}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-base:1ms;--duration-slow:1ms;--skeleton-sweep:0s;--ease-standard:linear;--ease-exit:linear;--ease-emphasis:linear}}:root{--bp-sm:360px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-max:1648px;--container-gutter:12px;--container-gutter-md:20px;--container-gutter-lg:24px;--header-utility-h:32px;--header-main-h:64px;--header-nav-h:44px;--header-main-h-condensed:52px;--mobile-tabbar-h:56px;--cols-list-sm:2;--cols-list-md:3;--cols-list-lg:3;--cols-list-xl:4;--cols-list-2xl:5;--cols-rail-sm:2;--cols-rail-md:3;--cols-rail-lg:4;--cols-rail-xl:5;--cols-rail-2xl:6;--cols-cat-sm:3;--cols-cat-md:4;--cols-cat-lg:6;--cols-cat-xl:8;--cols-cat-2xl:8}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-brand);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);-webkit-font-smoothing:antialiased}blockquote,body,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{-webkit-padding-start:1.25em;padding-inline-start:1.25em}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:2px}::selection{background:var(--orange-200);color:var(--text-primary)}.syr-ltr-num,[dir=rtl] .syr-ltr-num{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.syr-body,.syr-body-lg,.syr-body-sm,.syr-caption,.syr-display,.syr-h1,.syr-h2,.syr-h3,.syr-h4,.syr-intro,.syr-label,.syr-micro,.syr-price,.syr-price-lg{font-family:var(--font-brand);margin:0}.syr-display{font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-track)}.syr-h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:var(--text-h1-track)}.syr-h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);letter-spacing:var(--text-h2-track)}.syr-h3{font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-track)}.syr-h4{font-size:var(--text-h4-size);line-height:var(--text-h4-line);font-weight:var(--text-h4-weight);letter-spacing:var(--text-h4-track)}.syr-intro{font-size:var(--text-intro-size);line-height:var(--text-intro-line);font-weight:var(--text-intro-weight);max-width:var(--paragraph-max)}.syr-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);font-weight:var(--text-body-lg-weight)}.syr-body{font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight)}.syr-body-sm{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:var(--text-body-sm-weight)}.syr-label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.syr-caption{font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight)}.syr-micro{font-size:var(--text-micro-size);line-height:var(--text-micro-line);font-weight:var(--text-micro-weight);letter-spacing:var(--text-micro-track);text-transform:uppercase}[lang=ar] .syr-micro{text-transform:none}.syr-price-lg{font-size:var(--text-price-lg-size);line-height:var(--text-price-lg-line);font-weight:var(--text-price-lg-weight);letter-spacing:var(--text-price-lg-track)}.syr-price{font-size:var(--text-price-size);line-height:var(--text-price-line);font-weight:var(--text-price-weight);letter-spacing:var(--text-price-track)}.syr-t-secondary{color:var(--text-secondary)}.syr-t-muted{color:var(--text-muted)}.syr-t-brand{color:var(--text-brand)}.syr-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syr-clamp-2{-webkit-line-clamp:2}.syr-clamp-2,.syr-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.syr-clamp-3{-webkit-line-clamp:3}.syr-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter)}@media (min-width:768px){.syr-container{padding-inline:var(--container-gutter-md)}}@media (min-width:1024px){.syr-container{padding-inline:var(--container-gutter-lg)}}.syr-stack{flex-direction:column}.syr-row,.syr-stack{display:flex;gap:var(--gap-md)}.syr-row{align-items:center}.syr-row-tight{gap:var(--gap-sm)}.syr-row-tight,.syr-spread{display:flex;align-items:center}.syr-spread{justify-content:space-between;gap:var(--gap-md)}.syr-divider{block-size:1px;background:var(--divider);border:0;margin:0}.syr-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.syr-focus-ring:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}[data-surface=inverse]{background:var(--surface-inverse);color:var(--text-primary)}.syr-icon{flex:none;display:block}[dir=rtl] .syr-icon[data-mirror=true]{transform:scaleX(-1)}.syr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);border:var(--border-width-default) solid transparent;border-radius:var(--radius-md);font-family:var(--font-brand);font-weight:var(--weight-bold);text-decoration:none;cursor:pointer;position:relative;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.syr-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-btn--sm{min-block-size:32px;padding-inline:var(--space-3);font-size:var(--text-body-sm-size)}.syr-btn--md{min-block-size:40px;padding-inline:var(--space-4);font-size:var(--text-body-size)}.syr-btn--lg{min-block-size:48px;padding-inline:var(--space-5);font-size:var(--text-body-lg-size)}.syr-btn--primary{background:var(--interactive-primary);color:var(--brand-white)}.syr-btn--primary:hover:not(:disabled){background:var(--interactive-primary-hover)}.syr-btn--primary:active:not(:disabled){background:var(--interactive-primary-active)}.syr-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-strong)}.syr-btn--secondary:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-400)}.syr-btn--secondary:active:not(:disabled){background:var(--neutral-100)}.syr-btn--ghost{background:transparent;color:var(--text-primary)}.syr-btn--ghost:hover:not(:disabled){background:var(--interactive-ghost-hover)}.syr-btn--ghost:active:not(:disabled){background:var(--interactive-ghost-active)}.syr-btn--destructive{background:var(--danger-600);color:var(--brand-white)}.syr-btn--destructive:hover:not(:disabled){background:var(--danger-700)}.syr-btn--destructive:active:not(:disabled){background:var(--danger-800)}.syr-btn--link{background:transparent;color:var(--text-link);padding-inline:0;min-block-size:auto;font-weight:var(--weight-bold)}.syr-btn--link:hover:not(:disabled){color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}.syr-btn--block{display:flex;inline-size:100%}.syr-btn--icon{padding-inline:0;aspect-ratio:1}.syr-btn--icon.syr-btn--sm{inline-size:32px}.syr-btn--icon.syr-btn--md{inline-size:40px}.syr-btn--icon.syr-btn--lg{inline-size:48px}.syr-btn:disabled{cursor:not-allowed;background:var(--interactive-disabled-bg);color:var(--interactive-disabled-text);border-color:transparent}.syr-btn--ghost:disabled,.syr-btn--link:disabled{background:transparent;color:var(--interactive-disabled-text)}.syr-btn[data-loading=true]{cursor:progress}.syr-btn__label{display:inline-flex;align-items:center;gap:var(--gap-sm)}.syr-btn[data-loading=true] .syr-btn__label{visibility:hidden}.syr-btn__spinner{position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;animation:syr-spin .8s linear infinite}[dir=rtl] .syr-btn__spinner{translate:50% -50%}@keyframes syr-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.syr-btn__spinner{animation-duration:2s}}.syr-field{display:flex;flex-direction:column;gap:var(--gap-xs);min-inline-size:0}.syr-field__label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--weight-bold);color:var(--text-primary)}.syr-field__req{color:var(--danger-600);-webkit-margin-start:2px;margin-inline-start:2px}.syr-field__optional{color:var(--text-muted);font-weight:var(--weight-regular);-webkit-margin-start:4px;margin-inline-start:4px}.syr-field__foot{display:flex;justify-content:space-between;gap:var(--gap-sm);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.syr-field__help{color:var(--text-secondary)}.syr-field__error{color:var(--danger-700);display:flex;align-items:center;gap:4px;font-weight:var(--weight-bold)}.syr-field__counter{color:var(--text-muted);-webkit-margin-start:auto;margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syr-input-wrap{display:flex;align-items:center;gap:var(--gap-sm);background:var(--surface-card);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-md);padding-inline:var(--inset-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.syr-input-wrap--sm{min-block-size:36px}.syr-input-wrap--md{min-block-size:44px}.syr-input-wrap--lg{min-block-size:52px}.syr-input-wrap:hover:not([data-disabled=true]){border-color:var(--border-strong)}.syr-input-wrap:focus-within{border-color:var(--border-interactive);box-shadow:0 0 0 3px var(--orange-100)}.syr-input-wrap[data-invalid=true]{border-color:var(--border-error)}.syr-input-wrap[data-invalid=true]:focus-within{box-shadow:0 0 0 3px var(--danger-100)}.syr-input-wrap[data-disabled=true]{background:var(--neutral-100);border-color:var(--border-default);cursor:not-allowed}.syr-input{flex:1 1;min-inline-size:0;border:0;background:transparent;padding-block:var(--space-2);font-size:var(--text-body-size);line-height:var(--text-body-line);outline:none}.syr-input::placeholder{color:var(--text-muted)}.syr-input:disabled{cursor:not-allowed;color:var(--text-disabled)}textarea.syr-input{resize:vertical;min-block-size:96px;padding-block:var(--space-3)}.syr-affix{display:flex;align-items:center;gap:4px;color:var(--text-muted);flex:none;font-size:var(--text-body-size)}.syr-affix--text{-webkit-padding-end:var(--space-2);padding-inline-end:var(--space-2);-webkit-border-end:1px solid var(--border-default);border-inline-end:1px solid var(--border-default);color:var(--text-secondary);font-weight:var(--weight-bold)}.syr-input-action{display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.syr-input-action:hover{background:var(--interactive-ghost-hover);color:var(--text-primary)}.syr-input-action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:1px}.syr-select{position:relative;display:inline-flex;flex-direction:column;min-inline-size:0}.syr-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);inline-size:100%;background:var(--surface-card);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-md);padding-inline:var(--inset-md);min-block-size:44px;cursor:pointer;text-align:start;font-size:var(--text-body-size);transition:border-color var(--duration-fast) var(--ease-standard)}.syr-select__trigger--sm{min-block-size:36px;font-size:var(--text-body-sm-size)}.syr-select__trigger:hover:not(:disabled){border-color:var(--border-strong)}.syr-select__trigger[aria-expanded=true]{border-color:var(--border-interactive)}.syr-select__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-select__trigger:disabled{background:var(--neutral-100);color:var(--text-disabled);cursor:not-allowed}.syr-select__trigger[data-invalid=true]{border-color:var(--border-error)}.syr-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syr-select__value--placeholder{color:var(--text-muted)}.syr-select__chevron{transition:rotate var(--duration-fast) var(--ease-standard);color:var(--text-secondary)}.syr-select__trigger[aria-expanded=true] .syr-select__chevron{rotate:180deg}.syr-menu{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 4px);min-inline-size:100%;background:var(--surface-raised);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);padding-block:var(--space-1);z-index:var(--z-dropdown);max-block-size:280px;overflow:auto;animation:syr-menu-in var(--duration-base) var(--ease-enter)}.syr-menu--end{inset-inline-start:auto;inset-inline-end:0}@keyframes syr-menu-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}.syr-menu__item{display:flex;align-items:center;gap:var(--gap-sm);inline-size:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;text-align:start;font-size:var(--text-body-size);cursor:pointer;color:var(--text-primary);min-block-size:40px}.syr-menu__item:hover,.syr-menu__item[data-active=true]{background:var(--interactive-ghost-hover)}.syr-menu__item[aria-selected=true]{background:var(--interactive-selected);font-weight:var(--weight-bold)}.syr-menu__item:disabled{color:var(--text-disabled);cursor:not-allowed;background:transparent}.syr-menu__item--destructive{color:var(--danger-700)}.syr-menu__item--destructive:hover{background:var(--danger-50)}.syr-menu__check{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--brand-orange)}.syr-menu__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-micro-size);letter-spacing:var(--text-micro-track);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-bold)}.syr-menu__sep{block-size:1px;background:var(--divider);margin-block:var(--space-1);border:0}.syr-check{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer;min-block-size:32px;position:relative;font-size:var(--text-body-size)}.syr-check input{position:absolute;opacity:0;inline-size:1px;block-size:1px;margin:0}.syr-check__box{flex:none;inline-size:20px;block-size:20px;border:var(--border-width-emphasis) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);display:grid;place-items:center;color:var(--brand-white);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.syr-check:hover .syr-check__box{border-color:var(--neutral-500)}.syr-check input:checked+.syr-check__box,.syr-check input:indeterminate+.syr-check__box{background:var(--brand-orange);border-color:var(--brand-orange)}.syr-check input:focus-visible+.syr-check__box{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-check input:disabled+.syr-check__box{background:var(--neutral-200);border-color:var(--neutral-300)}.syr-check[data-disabled=true]{cursor:not-allowed;color:var(--text-disabled)}.syr-check__count{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-muted);font-size:var(--text-caption-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syr-radio__box{flex:none;inline-size:20px;block-size:20px;border:var(--border-width-emphasis) solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-card);display:grid;place-items:center;transition:border-color var(--duration-fast) var(--ease-standard)}.syr-radio__box:after{content:"";inline-size:10px;block-size:10px;border-radius:var(--radius-full);background:var(--brand-orange);scale:0;transition:scale var(--duration-fast) var(--ease-standard)}.syr-check input:checked+.syr-radio__box{border-color:var(--brand-orange)}.syr-check input:checked+.syr-radio__box:after{scale:1}.syr-check input:disabled+.syr-radio__box:after{background:var(--neutral-400)}.syr-radio-card{display:flex;align-items:flex-start;gap:var(--gap-md);padding:var(--inset-lg);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);cursor:pointer;min-block-size:var(--touch-min);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.syr-radio-card:hover{border-color:var(--border-strong)}.syr-radio-card[data-checked=true]{border-color:var(--interactive-selected-border);background:var(--interactive-selected)}.syr-radio-card[data-disabled=true]{opacity:.55;cursor:not-allowed;background:var(--neutral-50)}.syr-radio-card__body{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.syr-radio-card__aside{-webkit-margin-start:auto;margin-inline-start:auto;text-align:end;font-weight:var(--weight-bold);white-space:nowrap}.syr-search{position:relative;inline-size:100%}.syr-search__bar{display:flex;align-items:center;gap:var(--gap-sm);background:var(--surface-card);border:var(--border-width-emphasis) solid var(--border-default);border-radius:var(--radius-md);padding-inline:var(--inset-md);min-block-size:44px;transition:border-color var(--duration-fast) var(--ease-standard)}.syr-search--inline .syr-search__bar{min-block-size:40px;border-color:var(--border-default)}.syr-search__bar:focus-within{border-color:var(--brand-orange)}.syr-search__input{flex:1 1;min-inline-size:0;border:0;background:transparent;outline:none;font-size:var(--text-body-size)}.syr-search__input::placeholder{color:var(--text-muted)}.syr-search__submit{flex:none}.syr-search__panel{position:absolute;inset-inline:0;inset-block-start:calc(100% + 6px);background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);border:1px solid var(--border-default);z-index:var(--z-dropdown);overflow:hidden;animation:syr-menu-in var(--duration-base) var(--ease-enter)}.syr-search__group{padding-block:var(--space-2)}.syr-search__grouphead{display:flex;justify-content:space-between;padding:var(--space-1) var(--space-3);font-size:var(--text-micro-size);text-transform:uppercase;letter-spacing:var(--text-micro-track);color:var(--text-muted);font-weight:var(--weight-bold)}.syr-search__row{display:flex;align-items:center;gap:var(--gap-md);inline-size:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;cursor:pointer;text-align:start;min-block-size:40px;font-size:var(--text-body-size)}.syr-search__row:hover,.syr-search__row[data-active=true]{background:var(--interactive-ghost-hover)}.syr-search__thumb{inline-size:36px;block-size:36px;border-radius:var(--radius-sm);background:var(--surface-sunken);flex:none;display:grid;place-items:center;color:var(--text-muted)}.syr-search__meta{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-muted);font-size:var(--text-caption-size)}.syr-qty{display:inline-flex;align-items:center;border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}.syr-qty__btn{display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-standard)}.syr-qty__btn:hover:not(:disabled){background:var(--interactive-ghost-hover)}.syr-qty__btn:active:not(:disabled){background:var(--interactive-ghost-active)}.syr-qty__btn:disabled{color:var(--text-disabled);cursor:not-allowed}.syr-qty__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-2px}.syr-qty__input{inline-size:40px;text-align:center;border:0;border-inline:1px solid var(--border-default);background:transparent;outline:none;font-weight:var(--weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr}.syr-qty--sm .syr-qty__btn{inline-size:32px;block-size:32px}.syr-qty--sm .syr-qty__input{block-size:32px;inline-size:36px;font-size:var(--text-body-sm-size)}.syr-qty--md .syr-qty__btn{inline-size:44px;block-size:44px}.syr-qty--md .syr-qty__input{block-size:44px;inline-size:48px}.syr-qty__input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-2px}.syr-qty-note{display:flex;align-items:center;gap:4px;color:var(--stock-low);font-size:var(--text-caption-size);font-weight:var(--weight-bold)}.syr-field--inline{display:inline-flex}.syr-select--block{inline-size:100%}.syr-dropdown{display:inline-flex}.syr-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column}.syr-fieldset--checks{gap:var(--gap-xs)}.syr-fieldset--radios{gap:var(--gap-sm)}.syr-fieldset__legend{padding:0;-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}.syr-radio-card input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.syr-radio-card:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-qty-wrap{display:inline-flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.syr-search__skelicon{inline-size:20px;block-size:20px;border-radius:var(--radius-sm)}.syr-search__skelline{block-size:12px}.syr-search__rowbody{min-inline-size:0}.syr-search__rowlabel{display:block}.syr-search__row--static{cursor:default}a:where(:hover).syr-btn:where(:not(.syr-btn--link)){text-decoration:none}a:where(:hover).syr-btn--destructive,a:where(:hover).syr-btn--primary{color:var(--brand-white)}a:where(:hover).syr-btn--ghost,a:where(:hover).syr-btn--secondary{color:var(--text-primary)}a:where(:focus-visible).syr-btn{border-radius:var(--radius-md)}.syr-scrim{position:fixed;inset:0;background:var(--surface-overlay);display:grid;place-items:center;padding:var(--space-4);z-index:var(--z-modal);animation:syr-fade var(--duration-base) var(--ease-enter)}@keyframes syr-fade{0%{opacity:0}to{opacity:1}}.syr-modal{background:var(--surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);inline-size:100%;max-block-size:calc(100dvh - var(--space-8));display:flex;flex-direction:column;animation:syr-modal-in var(--duration-slow) var(--ease-enter)}@keyframes syr-modal-in{0%{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}.syr-modal--sm{max-inline-size:400px}.syr-modal--md{max-inline-size:560px}.syr-modal--lg{max-inline-size:800px}.syr-modal__head{display:flex;align-items:flex-start;gap:var(--gap-md);padding:var(--inset-xl) var(--inset-xl) var(--inset-md)}.syr-modal__title{flex:1 1;font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight)}.syr-modal__body{padding-inline:var(--inset-xl);-webkit-padding-after:var(--inset-lg);padding-block-end:var(--inset-lg);overflow:auto;color:var(--text-secondary)}.syr-modal__foot{display:flex;gap:var(--gap-md);padding:var(--inset-lg) var(--inset-xl) var(--inset-xl);justify-content:flex-end;flex-wrap:wrap}.syr-modal__foot>*{flex:1 1}@media (min-width:768px){.syr-modal__foot>*{flex:none}}@media (max-width:767px){.syr-scrim--sheet{place-items:end stretch;padding:0}.syr-scrim--sheet .syr-modal{border-end-start-radius:0;border-end-end-radius:0;max-block-size:88dvh;animation:syr-sheet-in var(--duration-slow) var(--ease-enter)}}@keyframes syr-sheet-in{0%{translate:0 100%}to{translate:0 0}}.syr-drawer-scrim{inset:0;background:var(--surface-overlay);animation:syr-fade var(--duration-base) var(--ease-enter)}.syr-drawer,.syr-drawer-scrim{position:fixed;z-index:var(--z-drawer)}.syr-drawer{background:var(--surface-raised);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column}.syr-drawer--start{inset-block:0;inset-inline-start:0;inline-size:min(88vw,360px);animation:syr-drawer-start var(--duration-slow) var(--ease-enter)}.syr-drawer--end{inset-block:0;inset-inline-end:0;inline-size:min(92vw,420px);animation:syr-drawer-end var(--duration-slow) var(--ease-enter)}.syr-drawer--bottom{inset-inline:0;inset-block-end:0;max-block-size:86dvh;border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);animation:syr-sheet-in var(--duration-slow) var(--ease-enter)}@keyframes syr-drawer-start{0%{translate:-100% 0}to{translate:0 0}}@keyframes syr-drawer-end{0%{translate:100% 0}to{translate:0 0}}[dir=rtl] .syr-drawer--start{animation-name:syr-drawer-end}[dir=rtl] .syr-drawer--end{animation-name:syr-drawer-start}.syr-drawer__head{display:flex;align-items:center;gap:var(--gap-md);padding:var(--inset-lg);-webkit-border-after:1px solid var(--divider);border-block-end:1px solid var(--divider)}.syr-drawer__title{flex:1 1;font-size:var(--text-h4-size);font-weight:var(--weight-bold)}.syr-drawer__body{flex:1 1;overflow:auto;padding:var(--inset-lg)}.syr-drawer__foot{padding:var(--inset-lg);-webkit-border-before:1px solid var(--divider);border-block-start:1px solid var(--divider);background:var(--surface-card)}.syr-drawer__foot,.syr-toast-stack{display:flex;flex-direction:column;gap:var(--gap-sm)}.syr-toast-stack{position:fixed;inset-block-end:var(--space-4);inset-inline:var(--space-4);z-index:var(--z-toast);pointer-events:none}@media (min-width:768px){.syr-toast-stack{inset-inline-start:auto;inline-size:380px}}.syr-toast{display:flex;align-items:flex-start;gap:var(--gap-md);background:var(--neutral-950);color:var(--neutral-0);border-radius:var(--radius-md);padding:var(--inset-md) var(--inset-lg);box-shadow:var(--shadow-drawer);pointer-events:auto;animation:syr-toast-in var(--duration-base) var(--ease-enter);-webkit-border-start:3px solid var(--neutral-500);border-inline-start:3px solid var(--neutral-500)}@keyframes syr-toast-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.syr-toast--success{border-inline-start-color:var(--success-500)}.syr-toast--error{border-inline-start-color:var(--danger-500)}.syr-toast--warning{border-inline-start-color:var(--amber-400)}.syr-toast--info{border-inline-start-color:var(--info-500)}.syr-toast__icon{flex:none;-webkit-margin-before:2px;margin-block-start:2px}.syr-toast--success .syr-toast__icon{color:var(--success-200)}.syr-toast--error .syr-toast__icon{color:var(--danger-200)}.syr-toast--warning .syr-toast__icon{color:var(--amber-300)}.syr-toast--info .syr-toast__icon{color:var(--info-200)}.syr-toast__body{flex:1 1;min-inline-size:0;font-size:var(--text-body-size)}.syr-toast__action{background:none;border:0;color:var(--orange-300);font-weight:var(--weight-bold);cursor:pointer;padding:0;-webkit-margin-before:4px;margin-block-start:4px;font-size:var(--text-body-sm-size)}.syr-toast__action:hover{color:var(--orange-200);text-decoration:underline}.syr-toast__close{background:none;border:0;color:var(--neutral-400);cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.syr-toast__close:hover{color:var(--neutral-0)}.syr-tip{position:relative;display:inline-flex}.syr-tip__bubble{position:absolute;background:var(--neutral-950);color:var(--neutral-0);font-size:var(--text-caption-size);line-height:var(--text-caption-line);padding:6px 10px;border-radius:var(--radius-sm);inline-size:max-content;max-inline-size:220px;z-index:var(--z-tooltip);box-shadow:var(--shadow-dropdown);animation:syr-fade var(--duration-fast) var(--ease-enter)}.syr-tip__bubble--top{inset-block-end:calc(100% + 6px);inset-inline-start:50%;translate:-50% 0}.syr-tip__bubble--bottom{inset-block-start:calc(100% + 6px);inset-inline-start:50%;translate:-50% 0}.syr-tip__bubble--start{inset-inline-end:calc(100% + 6px);inset-block-start:50%;translate:0 -50%}.syr-tip__bubble--end{inset-inline-start:calc(100% + 6px);inset-block-start:50%;translate:0 -50%}[dir=rtl] .syr-tip__bubble--bottom,[dir=rtl] .syr-tip__bubble--top{translate:50% 0}.syr-skeleton{display:block;background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 37%,var(--neutral-100) 63%);background-size:400% 100%;animation:syr-sweep var(--skeleton-sweep) ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes syr-sweep{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.syr-skeleton{animation:none;background:var(--neutral-100)}}.syr-skel-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0 0 var(--inset-md);overflow:hidden;display:flex;flex-direction:column;gap:var(--gap-sm)}.syr-skel-card>:first-child{border-radius:0}.syr-skel-card>:not(:first-child){margin-inline:var(--inset-md)}.syr-skel-row{padding-block:var(--space-3);-webkit-border-after:1px solid var(--divider);border-block-end:1px solid var(--divider)}.syr-skel-row,.syr-state{display:flex;align-items:center;gap:var(--gap-md)}.syr-state{flex-direction:column;text-align:center;padding:var(--space-12) var(--space-4);max-inline-size:420px;margin-inline:auto}.syr-state__glyph{inline-size:64px;block-size:64px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-muted)}.syr-state__glyph--error{background:var(--danger-50);color:var(--danger-700)}.syr-state__title{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line)}.syr-state__desc{color:var(--text-secondary)}.syr-state__actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap;justify-content:center}.syr-inline-error{display:flex;align-items:flex-start;gap:var(--gap-sm);background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-800);border-radius:var(--radius-md);padding:var(--inset-md);font-size:var(--text-body-size)}.syr-inline-error__action{-webkit-margin-start:auto;margin-inline-start:auto;flex:none}.syr-block-error{align-items:center;gap:var(--gap-md);text-align:center;background:var(--surface-card);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.syr-block-error,.syr-skel-stack{display:flex;flex-direction:column}.syr-skel-stack{gap:var(--space-2)}.syr-skel-line{block-size:12px}.syr-skel-line--short{inline-size:60%}.syr-skel-image{block-size:200px}.syr-skel-image,.syr-skel-square{inline-size:100%;border-radius:var(--radius-md)}.syr-skel-square{aspect-ratio:1}.syr-skel-thumb{inline-size:56px;block-size:56px;border-radius:var(--radius-md)}.syr-skel-row__body{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.syr-skel-row__end{inline-size:72px;block-size:16px}.syr-skel-card__brand{block-size:10px;inline-size:40%}.syr-skel-card__name{block-size:12px;inline-size:90%}.syr-skel-card__name2{block-size:12px;inline-size:65%}.syr-skel-card__price{block-size:18px;inline-size:50%;-webkit-margin-before:var(--space-1);margin-block-start:var(--space-1)}.syr-toast__title{font-weight:var(--weight-bold)}.syr-toast__desc{color:var(--neutral-300)}.syr-block-error__title{color:var(--text-primary)}.syr-tabs{display:flex;gap:var(--gap-lg);-webkit-border-after:1px solid var(--border-default);border-block-end:1px solid var(--border-default);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.syr-tabs::-webkit-scrollbar{display:none}.syr-tab{position:relative;display:inline-flex;align-items:center;gap:var(--gap-sm);padding:var(--space-3) 2px;border:0;background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-body-size);font-weight:var(--weight-bold);white-space:nowrap;min-block-size:var(--touch-min)}.syr-tab:hover,.syr-tab[aria-selected=true]{color:var(--text-primary)}.syr-tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background:var(--brand-orange);border-radius:2px 2px 0 0}.syr-tab:disabled{color:var(--text-disabled);cursor:not-allowed}.syr-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.syr-tab__count{color:var(--text-muted);font-weight:var(--weight-regular);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syr-acc{-webkit-border-after:1px solid var(--divider);border-block-end:1px solid var(--divider)}.syr-acc__head{display:flex;align-items:center;gap:var(--gap-sm);inline-size:100%;padding:var(--space-3) 0;border:0;background:none;cursor:pointer;text-align:start;font-size:var(--text-body-size);font-weight:var(--weight-bold);color:var(--text-primary);min-block-size:var(--touch-min)}.syr-acc__head:hover{color:var(--text-brand)}.syr-acc__head:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.syr-acc__count{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-muted);font-weight:var(--weight-regular);font-size:var(--text-caption-size)}.syr-acc__chev{transition:rotate var(--duration-fast) var(--ease-standard);color:var(--text-secondary);flex:none}.syr-acc__head[aria-expanded=true] .syr-acc__chev{rotate:180deg}.syr-acc__panel{-webkit-padding-after:var(--space-4);padding-block-end:var(--space-4);flex-direction:column}.syr-acc__panel,.syr-pager{display:flex;gap:var(--gap-xs)}.syr-pager{align-items:center;flex-wrap:wrap;justify-content:center}.syr-pager__btn{display:grid;place-items:center;min-inline-size:40px;block-size:40px;padding-inline:var(--space-2);border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--weight-bold);font-size:var(--text-body-sm-size);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.syr-pager__btn:hover:not(:disabled){border-color:var(--neutral-400);background:var(--neutral-50)}.syr-pager__btn[aria-current=page]{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--brand-white)}.syr-pager__btn:disabled{color:var(--text-disabled);cursor:not-allowed;background:var(--neutral-50)}.syr-pager__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-pager__gap{padding-inline:var(--space-1);color:var(--text-muted)}.syr-crumbs{display:flex;align-items:center;gap:var(--gap-xs);flex-wrap:wrap;font-size:var(--text-caption-size);padding-block:var(--space-2)}.syr-crumbs,.syr-crumbs a{color:var(--text-secondary)}.syr-crumbs a:hover{color:var(--text-brand)}.syr-crumbs__sep{color:var(--neutral-400);display:inline-flex}.syr-crumbs__current{color:var(--text-primary);font-weight:var(--weight-bold)}.syr-carousel{position:relative}.syr-carousel__track{display:grid;grid-auto-flow:column;grid-gap:var(--gap-grid);gap:var(--gap-grid);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-padding-after:var(--space-1);padding-block-end:var(--space-1)}.syr-carousel__track::-webkit-scrollbar{display:none}.syr-carousel__track>*{scroll-snap-align:start}.syr-carousel__track a,.syr-carousel__track img{-webkit-user-drag:none}.syr-carousel--rail .syr-carousel__track{grid-auto-columns:calc(50% - var(--gap-grid)/2);cursor:-webkit-grab;cursor:grab}.syr-carousel--rail .syr-carousel__track[data-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syr-carousel--rail .syr-carousel__track[data-dragging=true] a,.syr-carousel--rail .syr-carousel__track[data-dragging=true] img{pointer-events:none}@media (min-width:768px){.syr-carousel--rail .syr-carousel__track{grid-auto-columns:calc(33.333% - var(--gap-grid)*2/3)}}@media (min-width:1024px){.syr-carousel--rail .syr-carousel__track{grid-auto-columns:calc(25% - var(--gap-grid)*3/4)}}@media (min-width:1280px){.syr-carousel--rail .syr-carousel__track{grid-auto-columns:calc(20% - var(--gap-grid)*4/5)}}@media (min-width:1536px){.syr-carousel--rail .syr-carousel__track{grid-auto-columns:calc(16.666% - var(--gap-grid)*5/6)}}.syr-carousel--banner .syr-carousel__track{grid-auto-columns:100%;gap:0;border-radius:var(--radius-lg);overflow:hidden}.syr-carousel--gallery .syr-carousel__track{grid-auto-columns:100%;gap:0}.syr-carousel__arrow{position:absolute;inset-block-start:50%;translate:0 -50%;inline-size:40px;block-size:40px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-card);box-shadow:var(--shadow-dropdown);display:grid;place-items:center;cursor:pointer;color:var(--text-primary);z-index:1;opacity:.65;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.syr-carousel__arrow:focus-visible,.syr-carousel__arrow:hover{opacity:1;background:var(--neutral-50)}.syr-carousel__arrow:disabled{opacity:.4;cursor:not-allowed}.syr-carousel__arrow:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-carousel__arrow--prev{inset-inline-start:-8px}.syr-carousel__arrow--next{inset-inline-end:-8px}.syr-carousel__dots{display:flex;gap:6px;justify-content:center;-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3)}.syr-carousel__dot{inline-size:7px;block-size:7px;border-radius:var(--radius-full);border:0;background:var(--neutral-300);cursor:pointer;padding:0}.syr-carousel__dot[aria-current=true]{background:var(--brand-orange);inline-size:20px}.syr-carousel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-md);-webkit-padding-after:var(--space-3);padding-block-end:var(--space-3)}.syr-acc__chev--push{-webkit-margin-start:auto;margin-inline-start:auto}.syr-pager-wrap{display:flex;justify-content:center;padding-block:var(--space-6)}.syr-pager__count{padding-inline:var(--space-2)}.syr-carousel__viewport{position:relative}.syr-grid-list{display:grid;grid-gap:var(--gap-grid);gap:var(--gap-grid);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.syr-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.syr-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-grid-lg)}}@media (min-width:1280px){.syr-grid-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.syr-grid-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.syr-grid-cat{display:grid;grid-gap:var(--gap-grid);gap:var(--gap-grid);grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.syr-grid-cat{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.syr-grid-cat{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.syr-grid-cat{grid-template-columns:repeat(8,minmax(0,1fr))}}.syr-pcard{position:relative;gap:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.syr-pcard,.syr-pcard__body{display:flex;flex-direction:column}.syr-pcard__body{gap:var(--space-1);flex:1 1;min-inline-size:0;padding:var(--space-2) var(--inset-md) var(--inset-md)}.syr-pcard:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-card);text-decoration:none}.syr-pcard:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-pcard--list{flex-direction:row;gap:var(--gap-lg);align-items:flex-start;padding:var(--inset-md);overflow:visible}.syr-pcard--list .syr-pcard__media{inline-size:140px;flex:none;border-radius:var(--radius-md)}.syr-pcard--list .syr-pcard__body{padding:0}.syr-pcard--mini{flex-direction:row;gap:var(--gap-md);border:0;border-radius:0;padding:var(--space-3) 0;-webkit-border-after:1px solid var(--divider);border-block-end:1px solid var(--divider);overflow:visible}.syr-pcard--mini:hover{box-shadow:none;border-color:var(--divider)}.syr-pcard--mini .syr-pcard__media{inline-size:72px;flex:none;border-radius:var(--radius-md)}.syr-pcard--mini .syr-pcard__body{padding:0}.syr-pcard__media{position:relative;background:var(--surface-media,var(--surface-sunken));border-radius:0;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;color:var(--neutral-400)}.syr-pcard__media img{inline-size:100%;block-size:100%;object-fit:cover}.syr-pcard__flags{inset-inline-start:var(--space-2);display:flex;flex-direction:column;gap:4px;align-items:flex-start}.syr-pcard__fav,.syr-pcard__flags{position:absolute;inset-block-start:var(--space-2);z-index:1}.syr-pcard__fav{inset-inline-end:var(--space-2);inline-size:32px;block-size:32px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.syr-pcard__fav:hover{background:var(--brand-white)}.syr-pcard__fav:hover,.syr-pcard__fav[aria-pressed=true]{color:var(--danger-600)}.syr-pcard__fav[aria-pressed=true] svg{fill:currentColor}.syr-pcard__fav:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:1px}.syr-pcard__brand{font-size:var(--text-caption-size);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-bold)}[lang=ar] .syr-pcard__brand{text-transform:none;letter-spacing:0}.syr-pcard__name{font-size:var(--text-body-sm-size);line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:calc(1.4em * 2)}.syr-pcard__foot{-webkit-margin-before:auto;margin-block-start:auto;display:flex;flex-direction:column;gap:var(--space-2)}.syr-pcard__quick{opacity:1}@media (hover:hover){.syr-pcard__quick{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.syr-pcard:focus-within .syr-pcard__quick,.syr-pcard:hover .syr-pcard__quick{opacity:1}}.syr-pcard--out .syr-pcard__media img{filter:grayscale(1);opacity:.55}.syr-pcard__outband{position:absolute;inset-inline:0;inset-block-end:0;background:rgba(15,11,9,.78);color:var(--neutral-0);text-align:center;padding-block:4px;font-size:var(--text-caption-size);font-weight:var(--weight-bold)}.syr-pcard__strip{position:absolute;inset:0;display:flex;transition:translate var(--duration-slower) var(--ease-standard)}.syr-pcard__strip img{flex:none;inline-size:100%;block-size:100%;object-fit:cover}[dir=rtl] .syr-pcard__strip{direction:ltr}@media (prefers-reduced-motion:reduce){.syr-pcard__strip{transition:none}}.syr-pcard__gnav{position:absolute;inset-block-start:50%;translate:0 -50%;inline-size:26px;block-size:26px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;color:var(--text-primary);z-index:1;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.syr-pcard__gnav--prev{inset-inline-start:var(--space-2)}.syr-pcard__gnav--next{inset-inline-end:var(--space-2)}.syr-pcard:hover .syr-pcard__gnav,.syr-pcard__gnav:focus-visible{opacity:.85}.syr-pcard__gnav:hover{opacity:1}@media (hover:none){.syr-pcard__gnav{opacity:.85}}.syr-pcard__gdots{position:absolute;inset-block-end:var(--space-2);inset-inline:0;display:flex;justify-content:center;gap:4px;z-index:1}.syr-pcard__gdots button{inline-size:6px;block-size:6px;border-radius:var(--radius-full);border:0;padding:0;background:rgba(15,11,9,.25);cursor:pointer}.syr-pcard__gdots button[data-on=true]{background:var(--brand-orange)}.syr-price-block{display:flex;flex-direction:column;gap:2px}.syr-price-row{display:flex;align-items:baseline;gap:var(--gap-sm);flex-wrap:wrap}.syr-price-now{color:var(--price-current);font-weight:var(--weight-black);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syr-price-now,.syr-price-was{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.syr-price-was{color:var(--price-was);text-decoration:line-through}.syr-price-save,.syr-price-was{font-size:var(--text-caption-size)}.syr-price-save{color:var(--price-save);font-weight:var(--weight-bold)}.syr-price-total{color:var(--price-current);font-size:var(--text-price-lg-size);direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.syr-badge,.syr-price-total{font-weight:var(--weight-black)}.syr-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-micro-size);line-height:1.5;letter-spacing:var(--text-micro-track);text-transform:uppercase;white-space:nowrap}[lang=ar] .syr-badge{text-transform:none;letter-spacing:0;font-size:var(--text-caption-size)}.syr-badge--discount{background:var(--discount-bg);color:var(--discount-text)}.syr-badge--new{background:var(--badge-new-bg);color:var(--badge-new-text)}.syr-badge--out{background:var(--neutral-200);color:var(--neutral-700)}.syr-badge--low{background:var(--amber-100);color:var(--amber-800)}.syr-badge--campaign{background:var(--brand-orange);color:var(--brand-white)}.syr-badge--success{background:var(--success-100);color:var(--success-800)}.syr-badge--info{background:var(--info-100);color:var(--info-800)}.syr-badge--danger{background:var(--danger-100);color:var(--danger-800)}.syr-badge--neutral{background:var(--neutral-100);color:var(--neutral-700)}.syr-badge--lg{font-size:var(--text-caption-size);padding:4px var(--space-3)}.syr-stars{display:inline-flex;align-items:center;gap:var(--gap-xs)}.syr-stars__row{display:inline-flex;gap:1px;color:var(--rating-star)}.syr-stars__count{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.syr-stars__count,.syr-stars__empty{color:var(--text-muted);font-size:var(--text-caption-size)}.syr-stars--input .syr-stars__btn{border:0;background:none;cursor:pointer;padding:2px;color:var(--rating-star-empty);border-radius:var(--radius-sm)}.syr-stars--input .syr-stars__btn[data-on=true]{color:var(--rating-star)}.syr-stars--input .syr-stars__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring)}.syr-variants{display:flex;flex-direction:column;gap:var(--space-2)}.syr-variants__head{display:flex;gap:var(--gap-sm);align-items:baseline}.syr-variants__label{font-weight:var(--weight-bold);font-size:var(--text-label-size)}.syr-variants__value{color:var(--text-secondary);font-size:var(--text-body-sm-size)}.syr-variants__set{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.syr-swatch{position:relative;inline-size:36px;block-size:36px;border-radius:var(--radius-full);border:2px solid var(--border-default);cursor:pointer;padding:2px;background:var(--surface-card)}.syr-swatch span{display:block;inline-size:100%;block-size:100%;border-radius:var(--radius-full);border:1px solid rgba(15,11,9,.12)}.syr-swatch[aria-pressed=true]{border-color:var(--brand-orange)}.syr-swatch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}.syr-swatch[data-unavailable=true]{cursor:not-allowed;opacity:.5}.syr-swatch[data-unavailable=true]:after{content:"";position:absolute;inset:2px;border-radius:var(--radius-full);background:linear-gradient(to top left,transparent calc(50% - 1px),var(--neutral-600) 50%,transparent calc(50% + 1px))}.syr-chip-opt{position:relative;min-inline-size:44px;min-block-size:40px;padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;font-size:var(--text-body-sm-size);font-weight:var(--weight-bold);color:var(--text-primary)}.syr-chip-opt:hover:not([data-unavailable=true]){border-color:var(--neutral-500)}.syr-chip-opt[aria-pressed=true]{border-color:var(--brand-orange);background:var(--interactive-selected);border-width:var(--border-width-emphasis)}.syr-chip-opt:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.syr-chip-opt[data-unavailable=true]{color:var(--text-disabled);cursor:not-allowed;background:var(--neutral-50);overflow:hidden}.syr-chip-opt[data-unavailable=true]:after{content:"";position:absolute;inset-inline:-4px;inset-block-start:50%;block-size:1px;background:var(--neutral-300);rotate:-14deg}.syr-filters{display:flex;flex-direction:column;gap:var(--space-3)}.syr-filters__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);-webkit-padding-after:var(--space-2);padding-block-end:var(--space-2);-webkit-border-after:1px solid var(--border-default);border-block-end:1px solid var(--border-default)}.syr-filters__title{font-weight:var(--weight-black);font-size:var(--text-h4-size)}.syr-filters__count{background:var(--brand-orange);color:var(--brand-white);border-radius:var(--radius-full);min-inline-size:20px;block-size:20px;display:inline-grid;place-items:center;font-size:var(--text-micro-size);font-weight:var(--weight-black);padding-inline:6px}.syr-filter-chip{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:6px;background:var(--interactive-selected);border:1px solid var(--interactive-selected-border);color:var(--text-primary);border-radius:var(--radius-full);padding:4px var(--space-2) 4px var(--space-3);font-size:var(--text-caption-size);font-weight:var(--weight-bold);min-block-size:32px}.syr-filter-chip--plain{background:var(--neutral-100);border-color:transparent;color:var(--text-secondary)}.syr-filter-chip__x{display:grid;place-items:center;inline-size:20px;block-size:20px;border:0;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full)}.syr-filter-chip__x:hover{background:rgba(15,11,9,.08);color:var(--text-primary)}.syr-filter-chip__x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.syr-pricerange{gap:var(--gap-sm)}.syr-pricerange,.syr-seller{display:flex;align-items:center}.syr-seller{gap:var(--gap-md);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--inset-md);text-decoration:none;color:inherit}.syr-seller:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-card);text-decoration:none}.syr-seller--grid{flex-direction:column;text-align:center;align-items:center;gap:var(--space-2)}.syr-seller__logo{inline-size:56px;block-size:56px;border-radius:var(--radius-full);background:var(--surface-sunken);display:grid;place-items:center;flex:none;overflow:hidden;color:var(--text-muted)}.syr-seller__logo img{inline-size:100%;block-size:100%;object-fit:cover}.syr-seller__meta{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.syr-brandcard{display:grid;place-items:center;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--inset-lg);grid-gap:var(--space-2);gap:var(--space-2);text-decoration:none;color:inherit;aspect-ratio:3/2}.syr-brandcard:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-card);text-decoration:none}.syr-brandcard__logo{max-block-size:72%;max-inline-size:82%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter var(--duration-fast),opacity var(--duration-fast)}.syr-brandcard:hover .syr-brandcard__logo{filter:none;opacity:1}.syr-brandcard__name{font-size:var(--text-caption-size);font-weight:var(--weight-bold);color:var(--text-secondary)}.syr-stars__star{position:relative;display:inline-flex}.syr-stars__base{color:var(--rating-star-empty)}.syr-stars__fill{position:absolute;inset:0;overflow:hidden}.syr-stars__fill svg{fill:currentColor}.syr-seller__action{-webkit-margin-start:auto;margin-inline-start:auto}.syr-filter-chip__label{font-weight:var(--weight-regular)}.syr-pcard__ph{display:grid;place-items:center;inline-size:100%;block-size:100%}.syr-sortsheet{display:flex;flex-direction:column;gap:var(--space-1)}.syr-pricerange-group{display:flex;flex-direction:column;gap:var(--space-3)}.syr-filters__clear{-webkit-margin-start:auto;margin-inline-start:auto}.syr-pcard__oos{color:var(--stock-out)}