@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,500&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,700;1,9..144,500&family=JetBrains+Mono:wght@500&display=swap";:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:max(.75rem,min(2vw,1rem));--font-size-fluid-1:max(1rem,min(4vw,1.5rem));--font-size-fluid-2:max(1.5rem,min(6vw,2.5rem));--font-size-fluid-3:max(2rem,min(9vw,3.5rem));--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-2:max(1rem,min(2vw,1.5rem));--size-fluid-3:max(1.5rem,min(3vw,2rem));--size-fluid-4:max(2rem,min(4vw,3rem));--size-fluid-5:max(4rem,min(5vw,5rem));--size-fluid-6:max(5rem,min(7vw,7.5rem));--size-fluid-7:max(7.5rem,min(10vw,10rem));--size-fluid-8:max(10rem,min(20vw,15rem));--size-fluid-9:max(15rem,min(30vw,20rem));--size-fluid-10:max(20rem,min(40vw,30rem));--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--ease-circ-in:cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out:cubic-bezier(.785,.135,.15,.86);--ease-circ-out:cubic-bezier(.075,.82,.165,1);--ease-cubic-in:cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out:cubic-bezier(.645,.045,.355,1);--ease-cubic-out:cubic-bezier(.215,.61,.355,1);--ease-expo-in:cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out:cubic-bezier(1,0,0,1);--ease-expo-out:cubic-bezier(.19,1,.22,1);--ease-quad-in:cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out:cubic-bezier(.455,.03,.515,.955);--ease-quad-out:cubic-bezier(.25,.46,.45,.94);--ease-quart-in:cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out:cubic-bezier(.77,0,.175,1);--ease-quart-out:cubic-bezier(.165,.84,.44,1);--ease-quint-in:cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out:cubic-bezier(.86,0,.07,1);--ease-quint-out:cubic-bezier(.23,1,.32,1);--ease-sine-in:cubic-bezier(.47,0,.745,.715);--ease-sine-in-out:cubic-bezier(.445,.05,.55,.95);--ease-sine-out:cubic-bezier(.39,.575,.565,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 14px -5px hsl(var(--shadow-color)/var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 2px -5px hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 5px -5px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 4px 12px -5px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 12px 15px -5px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 2px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 9px 9px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 16px 16px -2px hsl(var(--shadow-color)/var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 10px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 20px 20px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 40px 40px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 3px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 12px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 22px 18px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 41px 33px -2px hsl(var(--shadow-color)/var(--shadow-strength-7)),0 100px 80px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-space: ;--gradient-1:linear-gradient(to bottom right var(--gradient-space),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right var(--gradient-space),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right var(--gradient-space),#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right var(--gradient-space),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110% var(--gradient-space),#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left var(--gradient-space),#000,#fff);--gradient-7:linear-gradient(to bottom right var(--gradient-space),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0% var(--gradient-space),#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center var(--gradient-space),#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25% var(--gradient-space),gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left var(--gradient-space),#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10% var(--gradient-space),#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200% var(--gradient-space),#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right var(--gradient-space),lime,cyan);--gradient-15:linear-gradient(to bottom right var(--gradient-space),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250% var(--gradient-space),#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25% var(--gradient-space),blue,#8a2be2);--gradient-18:linear-gradient(0deg var(--gradient-space),rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg var(--gradient-space),rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg var(--gradient-space),rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg var(--gradient-space),rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg var(--gradient-space),rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg var(--gradient-space),rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right var(--gradient-space),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center var(--gradient-space),orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115% var(--gradient-space),red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right var(--gradient-space),#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right var(--gradient-space),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0% var(--gradient-space),#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50% var(--gradient-space),#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right var(--gradient-space),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left var(--gradient-space),#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105% var(--gradient-space),#fff,orchid);--gradient-29:radial-gradient(circle at top right var(--gradient-space),#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6));--palette-hue:250;--palette-hue-rotate-by:0;--palette-chroma:.15;--color-1:oklch(98% calc(var(--palette-chroma)*.03) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*0));--color-2:oklch(97% calc(var(--palette-chroma)*.06) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*1));--color-3:oklch(93% calc(var(--palette-chroma)*.1) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*2));--color-4:oklch(84% calc(var(--palette-chroma)*.12) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*3));--color-5:oklch(80% calc(var(--palette-chroma)*.16) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*4));--color-6:oklch(71% calc(var(--palette-chroma)*.19) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*5));--color-7:oklch(66% calc(var(--palette-chroma)*.2) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*6));--color-8:oklch(58% calc(var(--palette-chroma)*.21) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*7));--color-9:oklch(53% calc(var(--palette-chroma)*.2) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*8));--color-10:oklch(49% calc(var(--palette-chroma)*.19) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*9));--color-11:oklch(42% calc(var(--palette-chroma)*.17) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*10));--color-12:oklch(35% calc(var(--palette-chroma)*.15) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*11));--color-13:oklch(27% calc(var(--palette-chroma)*.12) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*12));--color-14:oklch(20% calc(var(--palette-chroma)*.09) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*13));--color-15:oklch(16% calc(var(--palette-chroma)*.07) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*14));--color-16:oklch(10% calc(var(--palette-chroma)*.05) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*15))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@supports (background:linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space:in oklab}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media(prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:root{--primary-color: #2f4a1f;--primary-light: #5c8a3a;--primary-dark: #1c2e12;--secondary-color: #1c2e12;--accent-color: #c83e26;--accent-light: #e85a3f;--accent-fresh: #8fbf3f;--accent-fresh-dark: #6fa028;--gradient-primary: linear-gradient(135deg, #2f4a1f 0%, #1c2e12 60%, #131f0c 100%);--gradient-accent: linear-gradient(135deg, #e85a3f 0%, #c83e26 100%);--gradient-warm: linear-gradient(135deg, #8fbf3f 0%, #2f4a1f 100%);--gradient-hero: linear-gradient(135deg, #131f0c 0%, #2f4a1f 45%, #131f0c 100%);--gradient-card: linear-gradient(145deg, rgba(255,253,247,.95) 0%, rgba(247,241,225,.95) 100%);--gradient-glow: radial-gradient(circle at center, rgba(61,90,42,.18) 0%, transparent 70%);--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fef3c7;--error-color: #ef4444;--error-light: #fee2e2;--bg-color: #fbf6e7;--bg-subtle: #f1e7c8;--card-bg: #fffdf6;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-on-dark: #f8fafc;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .1), 0 4px 10px rgba(15, 23, 42, .06);--shadow-xl: 0 20px 50px rgba(15, 23, 42, .15), 0 8px 20px rgba(15, 23, 42, .08);--shadow-2xl: 0 40px 80px rgba(15, 23, 42, .2), 0 16px 40px rgba(15, 23, 42, .1);--shadow-glow: 0 0 30px rgba(37, 99, 235, .25);--shadow-glow-lg: 0 0 60px rgba(37, 99, 235, .3);--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--blur-xl: blur(40px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-color);background-image:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(61,90,42,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(200,62,38,.06) 0%,transparent 55%);min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media(min-width:768px){body{background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(61,40,10,.035) 1px,transparent 1px),radial-gradient(rgba(61,40,10,.025) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply;opacity:.6}}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,2vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-color);outline-offset:2px}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-color);color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-spring);cursor:pointer;border:none;position:relative;overflow:hidden;letter-spacing:.01em}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #2563eb66,0 1px 3px #2563eb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb80,0 2px 8px #2563eb4d;color:#fff}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-fab{position:fixed;bottom:2rem;right:2rem;width:52px;height:52px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000059,0 1px 4px #0003;transition:all var(--transition-spring);z-index:100;opacity:.7}.admin-fab:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 8px 30px #00000073;opacity:1}@media(max-width:768px){.admin-fab{bottom:1rem;right:1rem;width:46px;height:46px}}.section-label{display:inline-block;padding:.35rem 1rem;background:#2563eb14;color:var(--primary-color);font-size:.8rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;border:1px solid rgba(37,99,235,.15)}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.03em}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.top-bar{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);color:#fff;font-size:.78rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.top-bar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.top-bar-welcome{opacity:.7;font-weight:500;letter-spacing:.01em}.top-bar-right{display:flex;gap:1.5rem}.top-bar-link{color:#ffffffb3;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:color .2s;font-weight:500}.top-bar-link:hover{color:#fff}.top-bar-link svg{font-size:.9rem}.navbar{position:sticky;top:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 20px #0f172a0f;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0f172a1a,0 1px 4px #0f172a0d;border-bottom-color:transparent}.navbar-container{max-width:1400px;margin:0 auto;padding:.4rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.navbar-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;box-shadow:0 4px 16px #2563eb59;transition:all .3s cubic-bezier(.34,1.56,.64,1);letter-spacing:-.01em}.navbar-logo:hover .logo-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 24px #2563eb73}.logo-image{width:auto;height:54px;max-width:160px;object-fit:contain;border-radius:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.navbar-logo:hover .logo-image{transform:scale(1.05)}.logo-text-container{display:flex;flex-direction:column}.logo-text{font-size:1.3rem;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.03em}.logo-slogan{font-size:.75rem;color:var(--text-muted);font-weight:500;max-width:200px;line-height:1.3}.navbar-search{flex:1;max-width:440px;display:flex;align-items:center;background:var(--bg-subtle);border-radius:9999px;overflow:hidden;border:1.5px solid var(--border-color);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.navbar-search:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #2563eb14}.search-icon{position:absolute;left:1.1rem;color:var(--text-muted);font-size:1rem;pointer-events:none}.navbar-search input{flex:1;padding:.8rem 1rem .8rem 2.8rem;border:none;background:transparent;font-size:.9rem;color:var(--text-primary);width:100%}.navbar-search input::placeholder{color:var(--text-muted)}.navbar-search button{padding:.8rem 1.4rem;background:var(--primary-color);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.875rem;transition:background .2s;white-space:nowrap}.navbar-search button:hover{background:var(--primary-dark)}.navbar-links{display:flex;list-style:none;gap:.15rem;margin:0;padding:0}.navbar-links li{position:relative}.navbar-links a{padding:.6rem .9rem;text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:.4rem;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1)}.navbar-links a:hover{color:var(--primary-color);background:#2563eb0f}.navbar-links a:hover:after,.navbar-links a.active:after{width:70%}.navbar-links a.active{color:var(--primary-color);background:#2563eb0f}.navbar-links a.highlight{color:#dc2626}.navbar-links a.highlight:hover{background:#dc262612}.nav-badge{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;font-size:.58rem;font-weight:800;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.navbar-actions{display:flex;align-items:center;gap:.5rem}.nav-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-size:1.15rem;text-decoration:none}.nav-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px #2563eb59}.cart-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 14px #2563eb4d}.cart-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #2563eb73;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);border-color:transparent;color:#fff}.cart-badge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;font-size:.7rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #dc262680;animation:cartBounce .5s cubic-bezier(.34,1.56,.64,1);border:2px solid white}@keyframes cartBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.menu-btn,.navbar-search-mobile{display:none}.search-icon-mobile{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.mobile-menu-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-340px;width:320px;max-width:88vw;height:100vh;background:#fff;z-index:1999;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px #0f172a33}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e1b4b)}.mobile-menu-logo{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:700;font-size:1.05rem}.mobile-menu-logo img{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:3px}.logo-icon-mobile{width:38px;height:38px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem}.mobile-menu-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s}.mobile-menu-close:hover{background:#ffffff38}.mobile-menu-links{flex:1;padding:1.25rem 1rem;overflow-y:auto}.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1rem;border-radius:14px;margin-bottom:.35rem;transition:all .2s ease}.mobile-link:hover{background:#2563eb12;color:var(--primary-color);transform:translate(4px)}.mobile-link.active{background:#2563eb14;color:var(--primary-color);border-left:3px solid var(--primary-color);padding-left:calc(1.25rem - 3px)}.mobile-badge{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.mobile-menu-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-subtle);display:flex;flex-direction:column;gap:.75rem}.mobile-contact{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem;background:#25d366;color:#fff;text-decoration:none;font-weight:700;border-radius:14px;transition:all .2s;font-size:.95rem}.mobile-contact:hover{background:#1da851;transform:scale(1.02);color:#fff}.mobile-contact svg{font-size:1.2rem}.mobile-admin-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem;background:#fff;color:var(--text-secondary);text-decoration:none;font-weight:600;border-radius:14px;border:1.5px solid var(--border-color);transition:all .2s;font-size:.875rem}.mobile-admin-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}@media(max-width:1200px){.navbar-links{display:none}.menu-btn{display:flex}}@media(max-width:1024px){.navbar-search{max-width:320px}.logo-slogan{display:none}}@media(max-width:768px){.top-bar{display:none}.navbar-container{padding:.5rem 1rem;min-height:64px}.navbar-search{display:none}.navbar-search-mobile{display:flex;align-items:center;position:relative;margin:0 1rem .75rem;background:var(--bg-subtle);border-radius:9999px;border:1.5px solid var(--border-color);overflow:hidden;transition:border-color .2s}.navbar-search-mobile:focus-within{border-color:var(--primary-color)}.navbar-search-mobile input{flex:1;padding:.75rem 1rem .75rem 2.6rem;border:none;background:transparent;font-size:.9rem;color:var(--text-primary)}.navbar-search-mobile input::placeholder{color:var(--text-muted)}.navbar-search-mobile button{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;cursor:pointer;font-size:1rem;transition:background .2s}.navbar-search-mobile button:hover{background:var(--primary-dark)}.logo-text-container{display:none}.logo-icon,.logo-image{width:46px;height:46px}.nav-btn{width:42px;height:42px;font-size:1.1rem}.user-btn{display:none}}@media(max-width:480px){.navbar-container{gap:.6rem}.navbar-actions{gap:.4rem}.mobile-menu{width:100%;max-width:100%;right:-100%}}.hero{position:relative;padding:5rem 1.5rem 4rem;background:linear-gradient(135deg,#0f172a,#1e1b4b 40%,#0c1445,#0f172a);min-height:85vh;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(37,99,235,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(6,182,212,.2) 0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(124,58,237,.2) 0%,transparent 50%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.hero-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-content{animation:heroFadeInLeft .9s cubic-bezier(.4,0,.2,1) both}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#2563eb26;border:1px solid rgba(37,99,235,.3);color:#93c5fd;font-size:.8rem;font-weight:700;border-radius:9999px;margin-bottom:1.75rem;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(8px);position:relative;overflow:hidden}.hero-badge:before{content:"";position:absolute;left:.75rem;width:6px;height:6px;background:#22d3ee;border-radius:50%;box-shadow:0 0 8px #22d3ee;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:clamp(2.25rem,4.5vw,4rem);font-weight:900;color:#fff;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.04em}.hero-title span{background:linear-gradient(135deg,#60a5fa,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;color:#94a3b8;line-height:1.8;margin-bottom:2.5rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-buttons .btn{padding:1rem 2rem;font-size:1rem}.hero-buttons .btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 25px #2563eb80,0 0 0 1px #3b82f64d}.hero-buttons .btn-primary:hover{box-shadow:0 8px 40px #2563eba6,0 0 0 1px #3b82f680;transform:translateY(-3px);color:#fff}.hero-buttons .btn-secondary{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);box-shadow:none}.hero-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:translateY(-2px)}.hero-features{display:flex;gap:1.5rem;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:.6rem;color:#94a3b8;font-size:.9rem;font-weight:500}.hero-feature svg{color:#22d3ee;font-size:1.1rem;flex-shrink:0}.hero-image{position:relative;animation:heroFadeInRight .9s cubic-bezier(.4,0,.2,1) .15s both}.hero-image-wrapper{position:relative;display:flex;justify-content:center}.hero-image-wrapper:before{content:"";position:absolute;width:90%;height:90%;top:5%;left:5%;border-radius:28px;background:linear-gradient(135deg,#2563eb4d,#06b6d433);filter:blur(40px);z-index:0}.hero-image-wrapper img{width:100%;max-width:560px;border-radius:24px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff0d;position:relative;z-index:1;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero-image:hover .hero-image-wrapper img{transform:translateY(-6px) scale(1.01)}.hero-floating-card{position:absolute;z-index:2;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);padding:1rem 1.5rem;border-radius:18px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:float 4s ease-in-out infinite}.card-1{top:15%;left:-20px;animation-delay:0s}.card-2{bottom:15%;right:-10px;animation-delay:2s}.floating-discount{font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#f87171,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-text{font-size:.8rem;color:#ffffffb3;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-stats{display:flex;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.hero-stat{text-align:center}.hero-stat-value{font-size:1.75rem;font-weight:900;color:#fff;line-height:1;margin-bottom:.25rem}.hero-stat-label{font-size:.8rem;color:#64748b;font-weight:500}@keyframes heroFadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes heroFadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:1100px){.hero{min-height:auto;padding:5rem 1.5rem 3.5rem}.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{order:2}.hero-image{order:1}.hero-description{margin:0 auto 2rem}.hero-buttons,.hero-features{justify-content:center}.hero-image-wrapper img{max-width:420px}}@media(max-width:640px){.hero{padding:5rem 1rem 3rem}.hero-title{font-size:2rem;letter-spacing:-.03em}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%;justify-content:center}.hero-features{flex-direction:column;align-items:center;gap:.75rem}.hero-floating-card{display:none}.hero-image-wrapper img{max-width:100%}.hero-stats{justify-content:center;gap:1.5rem}}.carousel-section{max-width:1400px;margin:0 auto 2rem;padding:0 1rem}.carousel-section-header{text-align:center;margin-bottom:1.5rem}.carousel-section-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0;position:relative;display:inline-block}.carousel-section-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-color, #2563eb);border-radius:2px}.carousel{position:relative;width:100%;height:400px;overflow:hidden;border-radius:16px;background:transparent}@media(min-width:768px){.carousel{height:450px}}@media(min-width:1024px){.carousel{height:500px}}@media(min-width:1280px){.carousel{height:500px}}.carousel-loading{width:100%;height:400px;margin-bottom:2rem}.carousel-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:transform .5s ease,opacity .5s ease;display:flex;align-items:center;justify-content:center}.carousel-slide.active{opacity:1}.carousel-image{width:100%;height:100%;object-fit:cover;object-position:center}.carousel-content{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem;background:linear-gradient(transparent 0%,#000000d9);color:#fff;text-align:center}.carousel-title{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.5);letter-spacing:.5px}.carousel-subtitle{font-size:1.3rem;margin-bottom:1.25rem;font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7),0 3px 15px rgba(0,0,0,.4)}.carousel-btn{display:inline-block;padding:.75rem 2rem;background:var(--primary-color, #2563eb);color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease}.carousel-btn:hover{background:var(--secondary-color, #1e40af);transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary, #1e293b);transition:all .3s ease;z-index:10;opacity:0}.carousel:hover .carousel-control{opacity:1}.carousel-control:hover{background:#fff;box-shadow:0 4px 15px #0003}.carousel-control.prev{left:1rem}.carousel-control.next{right:1rem}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:#ffffff80}@media(max-width:768px){.carousel{height:300px;border-radius:12px}.carousel-title{font-size:1.5rem}.carousel-subtitle{font-size:1rem}.carousel-content{padding:1.5rem}.carousel-control{width:40px;height:40px;font-size:1.25rem;opacity:1}}@media(max-width:480px){.carousel{height:220px;border-radius:8px}.carousel-title{font-size:1.25rem}.carousel-subtitle{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-btn{padding:.5rem 1.5rem;font-size:.9rem}}.categories-section{padding:5rem 1.5rem;background:var(--bg-color);position:relative}.categories-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(37,99,235,.05) 0%,transparent 70%);pointer-events:none}.categories-container{max-width:1400px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-label{display:inline-block;padding:.35rem 1rem;background:#2563eb12;color:var(--primary-color);font-size:.75rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.875rem;border:1px solid rgba(37,99,235,.12)}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:.875rem;letter-spacing:-.03em}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.7}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.category-card{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:18px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:.6rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb0a,#06b6d40a);opacity:0;transition:opacity var(--transition-normal)}.category-card:hover:before{opacity:1}.category-card:hover{border-color:#2563eb4d;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px #2563eb1f,0 4px 10px #0f172a0f}.category-card.active{background:linear-gradient(135deg,var(--primary-color) 0%,#1d4ed8 50%,#1e3a8a 100%);border-color:transparent;box-shadow:0 10px 30px #2563eb66,0 4px 12px #2563eb33}.category-card.active:before{display:none}.category-card.active .category-icon{background:#ffffff2e;color:#fff}.category-card.active .category-name{color:#fff}.category-card.active .category-count{color:#ffffffb3}.category-icon{width:58px;height:58px;background:linear-gradient(135deg,#2563eb14,#06b6d414);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-color);transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.category-card:hover:not(.active) .category-icon{background:linear-gradient(135deg,#2563eb1f,#06b6d41f);transform:scale(1.1)}.category-name{font-weight:700;color:var(--text-primary);font-size:.875rem;line-height:1.3;letter-spacing:-.01em}.category-count{font-size:.75rem;color:var(--text-muted);font-weight:500}@media(max-width:768px){.categories-section{padding:3.5rem 1rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.category-card{padding:1.25rem .75rem;border-radius:14px;gap:.5rem}.category-icon{width:48px;height:48px;font-size:1.25rem;border-radius:12px}.category-name{font-size:.8rem}}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.6rem}.category-card{padding:1rem .5rem}}.product-card{--card-green: #8fbf3f;--card-green-dark: #6fa028;--card-tomato: #c83e26;--card-cream: #fffdf6;position:relative;background:var(--card-green);background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 35%);border-radius:28px;overflow:hidden;padding:22px 22px 24px;box-shadow:0 1px #ffffff59 inset,0 18px 40px -18px #2f4a1f73,0 6px 14px -6px #2f4a1f40;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;isolation:isolate}.product-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 60% 40% at 100% 0%,rgba(255,255,255,.12),transparent 60%),radial-gradient(ellipse 50% 35% at 0% 100%,rgba(0,0,0,.06),transparent 60%);pointer-events:none;z-index:0}.product-card:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 1px #fff6 inset,0 28px 50px -20px #2f4a1f8c,0 10px 20px -8px #2f4a1f59}.product-badge{position:absolute;top:16px;right:16px;z-index:3;background:var(--card-tomato);color:#fff;font-family:var(--font-display, "Fraunces", serif);font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;box-shadow:0 6px 14px -4px #c83e268c;transform:rotate(6deg)}.product-image{position:relative;z-index:1;width:78%;aspect-ratio:1;margin:4px auto 18px;border-radius:50%;background:var(--card-cream);box-shadow:0 0 0 6px #ffffff59,0 16px 30px -12px #2f4a1f80;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.product-card:hover .product-image{transform:scale(1.04) rotate(-2deg)}.product-image img{width:92%;height:92%;object-fit:cover;border-radius:50%;transition:transform .6s ease}.product-card:hover .product-image img{transform:scale(1.08)}.product-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.product-card:hover .product-actions{opacity:1;transform:translateY(0)}.action-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--card-cream);color:var(--card-green-dark);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px -2px #0003;transition:transform .2s ease,background .2s ease}.action-btn:hover{background:var(--card-tomato);color:#fff;transform:scale(1.1)}.product-info{position:relative;z-index:1;text-align:center;color:#fff}.product-rating{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;backdrop-filter:blur(4px);padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:600;margin-bottom:8px}.star-icon{color:#fff8c2;fill:#fff8c2;font-size:.85rem}.rating-count{opacity:.8;font-weight:500}.product-name{font-family:var(--font-display, "Fraunces", Georgia, serif);font-weight:800;font-size:1.55rem;line-height:1.05;margin:4px 0 6px;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(47,74,31,.25)}.product-description{font-size:.82rem;line-height:1.4;color:#ffffffd9;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-pricing{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:10px}.current-price{font-family:var(--font-display, "Fraunces", serif);font-size:1.85rem;font-weight:800;color:#fff;letter-spacing:-.02em}.current-price:before{content:"";display:inline-block;width:8px;height:8px;background:var(--card-tomato);border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 3px #c83e2640}.product-stock{margin-bottom:14px;font-size:.78rem;font-weight:600}.in-stock{color:#f0ffd6}.low-stock{color:#fff3c4}.out-of-stock{color:#ffd5cc}.add-to-cart-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--card-cream);color:var(--card-green-dark);font-family:var(--font-family);font-weight:700;font-size:.92rem;letter-spacing:.01em;padding:13px 16px;border:none;border-radius:999px;cursor:pointer;box-shadow:0 1px #ffffffe6 inset,0 8px 18px -6px #2f4a1f66;transition:transform .25s ease,background .25s ease,color .25s ease}.add-to-cart-btn:hover:not(:disabled){background:var(--card-tomato);color:#fff;transform:translateY(-2px)}.add-to-cart-btn:disabled{opacity:.55;cursor:not-allowed}.product-card.featured{background:var(--card-tomato);background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.08) 0%,transparent 40%)}.product-card.featured .product-badge{background:var(--card-green);box-shadow:0 6px 14px -4px #2f4a1f8c}.product-card.featured .add-to-cart-btn{color:var(--card-tomato)}.product-card.featured .add-to-cart-btn:hover:not(:disabled){background:var(--card-green);color:#fff}.product-card.featured .current-price:before{background:var(--card-green);box-shadow:0 0 0 3px #8fbf3f4d}@media(max-width:480px){.product-card{padding:18px 18px 20px;border-radius:24px}.product-name{font-size:1.35rem}.current-price{font-size:1.6rem}}.products-section{padding:5rem 1.5rem;background:var(--card-bg)}.products-container{max-width:1400px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.products-title-area{display:flex;align-items:baseline;gap:1rem}.products-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.products-count{color:var(--text-secondary);font-size:.95rem}.products-controls{display:flex;align-items:center;gap:1rem}.sort-control{display:flex;align-items:center;gap:.5rem;background:var(--bg-color);padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color)}.sort-control svg{color:var(--text-secondary)}.sort-control select{border:none;background:transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;padding-right:.5rem}.view-controls{display:flex;background:var(--bg-color);border-radius:10px;padding:.25rem;border:1px solid var(--border-color)}.view-btn{width:40px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.view-btn.active,.view-btn:hover{background:var(--primary-color);color:#fff}.products-grid{display:grid;gap:1.5rem}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-grid.list{grid-template-columns:1fr}.products-grid.list .product-card{display:grid;grid-template-columns:250px 1fr}.products-grid.list .product-image{aspect-ratio:4/3}.products-grid.list .product-info{display:flex;flex-direction:column;justify-content:center}.no-products{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}.products-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-skeleton{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.skeleton-image{aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:1.25rem}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.products-section{padding:3rem 1rem}.products-header{flex-direction:column;align-items:stretch}.products-title-area,.products-controls{justify-content:space-between}.products-grid.grid{grid-template-columns:repeat(2,1fr);gap:1rem}.products-grid.list .product-card{grid-template-columns:1fr}}@media(max-width:480px){.products-grid.grid{grid-template-columns:1fr}}.checkout-overlay{position:fixed;inset:0;background:#0f172aa6;z-index:2000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .25s ease}.checkout-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:24px;width:92%;max-width:520px;max-height:88vh;overflow-y:auto;z-index:2001;box-shadow:0 40px 100px #0f172a4d,0 0 0 1px #e2e8f080;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.checkout-modal::-webkit-scrollbar{width:4px}.checkout-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff;z-index:10;border-radius:24px 24px 0 0}.checkout-header h2{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.checkout-header h2 svg{color:var(--primary-color);font-size:1.1rem}.checkout-header .close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:none;border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:all .2s}.checkout-header .close-btn:hover{background:var(--border-color);color:var(--text-primary)}.checkout-form{padding:1.5rem}.form-section{margin-bottom:1.75rem}.form-section h3{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.06em}.form-section h3 svg{color:var(--primary-color);font-size:1rem}.form-group label{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.04em}.form-group label svg{font-size:.9rem;color:var(--text-muted)}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;font-size:.9rem;color:var(--text-primary);background:var(--bg-subtle);transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #2563eb14}.form-group textarea{resize:vertical;min-height:64px;line-height:1.5}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.radio-group{display:flex;gap:.75rem}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-subtle)}.radio-option input{display:none}.radio-option .radio-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.radio-option:hover{border-color:var(--primary-color);background:#fff}.radio-option.selected{border-color:var(--primary-color);background:#2563eb0d}.radio-option.selected .radio-label{color:var(--primary-color)}.checkout-summary{background:var(--bg-subtle);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.checkout-summary h3{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.06em}.summary-items{max-height:140px;overflow-y:auto;margin-bottom:.875rem}.summary-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.item-qty{font-size:.75rem;font-weight:700;color:var(--primary-color);background:#2563eb14;padding:.2rem .5rem;border-radius:6px;white-space:nowrap}.item-name{flex:1;font-size:.875rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{font-size:.875rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.summary-totals{border-top:1.5px solid var(--border-color);padding-top:.875rem}.summary-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.875rem;color:var(--text-secondary)}.summary-row span:last-child{font-weight:600;color:var(--text-primary)}.summary-row.total{border-top:2px solid var(--border-color);margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:800;color:var(--text-primary)}.summary-row.total span:last-child{color:var(--primary-color);font-size:1.1rem}.payment-methods{display:flex;flex-direction:column;gap:.6rem}.payment-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1.5px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.payment-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb08,#06b6d408);opacity:0;transition:opacity .2s}.payment-option input{display:none}.payment-option:hover{border-color:#2563eb66;box-shadow:0 4px 16px #2563eb1a;transform:translateY(-1px)}.payment-option:hover:before{opacity:1}.payment-option.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#2563eb0a,#06b6d405);box-shadow:0 4px 20px #2563eb26,0 0 0 1px #2563eb1a}.payment-option.selected:after{content:"✓";position:absolute;top:.7rem;right:.9rem;width:22px;height:22px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.payment-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-subtle);border-radius:12px;font-size:1.3rem;color:var(--text-secondary);flex-shrink:0;border:1px solid var(--border-color);transition:all .2s}.payment-option.selected .payment-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-color:transparent;box-shadow:0 4px 12px #2563eb59}.payment-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.payment-name{font-size:.925rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.payment-description{font-size:.775rem;color:var(--text-muted);line-height:1.4}.payment-option.selected .payment-name{color:var(--primary-dark)}.checkout-error{display:flex;align-items:center;gap:.5rem;background:#fff1f2;color:#dc2626;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;margin-bottom:1rem;border:1px solid #fecaca}.checkout-actions{display:flex;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.checkout-form .btn-secondary,.checkout-form .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:none;letter-spacing:.01em}.checkout-form .btn-secondary{background:var(--bg-subtle);color:var(--text-secondary);border:1.5px solid var(--border-color)}.checkout-form .btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.checkout-form .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 4px 16px #2563eb59}.checkout-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb73}.checkout-form .btn-primary:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.checkout-success{padding:3rem 2rem;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px #10b98166;animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-icon svg{font-size:2.25rem;color:#fff}.checkout-success h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.checkout-success p{color:var(--text-muted);margin:.4rem 0;font-size:.9rem}.success-details{background:#f0fdf4;border-radius:14px;padding:1rem 1.25rem;margin:1.5rem 0;border:1px solid #bbf7d0}.success-details p{color:#166534;font-size:1rem;font-weight:700;margin:0}.checkout-success .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #2563eb59;max-width:260px;margin:0 auto}.checkout-success .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb73}.spinning{animation:spin .9s linear infinite}@media(max-width:640px){.checkout-modal{width:100%;max-width:none;max-height:92vh;border-radius:20px 20px 0 0;top:auto;bottom:0;left:0;transform:none;animation:mobileSlideUp .35s cubic-bezier(.4,0,.2,1)}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.checkout-header{border-radius:20px 20px 0 0}.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.checkout-actions{flex-direction:column-reverse}.payment-option{padding:.875rem}.payment-icon{width:42px;height:42px;font-size:1.15rem;border-radius:10px}}.cart-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;animation:fadeIn .3s ease}.cart-sidebar{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100vh;background:var(--card-bg);z-index:1200;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-20px 0 60px -20px #1a241040}.cart-sidebar.open{transform:translate(0)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--border-color)}.cart-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(61,90,42,.25);border-radius:7px;cursor:pointer;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.close-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:rotate(90deg)}.free-shipping-banner{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem 1rem;background:linear-gradient(135deg,#f5b9422e,#f5b94214);color:#8a5a16;font-size:.78rem;text-align:center;border-bottom:1px solid rgba(245,185,66,.3)}.free-shipping-banner.success{background:linear-gradient(135deg,#3d5a2a1f,#3d5a2a0d);color:var(--primary-dark);border-bottom-color:#3d5a2a4d}.free-shipping-banner svg{font-size:1.25rem}.shipping-progress{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-top:.5rem}.shipping-progress-bar{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.cart-items{flex:1;overflow-y:auto;padding:.5rem 1rem;background:linear-gradient(180deg,transparent 0%,rgba(61,90,42,.02) 100%),var(--card-bg)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.cart-empty p{margin-bottom:1.5rem;font-size:1.125rem}.continue-shopping-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-shopping-btn:hover{background:var(--secondary-color)}.cart-item{display:flex;gap:.7rem;padding:.65rem 0;border-bottom:1px dashed rgba(61,90,42,.18);align-items:flex-start;transition:background .15s ease}.cart-item:hover{background:#3d5a2a06}.cart-item:last-child{border-bottom:none}.cart-item.has-error{background:#c83e260d}.cart-item-image{width:56px;height:56px;object-fit:cover;border-radius:8px;background:var(--bg-color);flex-shrink:0;border:1px solid rgba(61,90,42,.12)}.cart-item-details{flex:1;min-width:0}.cart-item-details h4{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-secondary);font-size:.78rem;font-weight:500;margin-bottom:.45rem;font-variant-numeric:tabular-nums}.cart-item-line-total{color:var(--accent-color);font-weight:700;font-size:.92rem}.cart-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.quantity-controls.compact{display:inline-flex;align-items:stretch;border:1px solid rgba(61,90,42,.25);border-radius:7px;overflow:hidden;background:var(--card-bg);height:28px}.quantity-controls.compact button{width:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--primary-color);font-size:.85rem;transition:background .15s ease;padding:0}.quantity-controls.compact button:hover:not(:disabled){background:var(--primary-color);color:#fff}.quantity-controls.compact button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls.compact input{width:36px;border:none;border-left:1px solid rgba(61,90,42,.18);border-right:1px solid rgba(61,90,42,.18);text-align:center;font-size:.85rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;background:var(--card-bg);-moz-appearance:textfield;outline:none}.quantity-controls.compact input::-webkit-outer-spin-button,.quantity-controls.compact input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-controls.compact input:focus{background:#3d5a2a0d}.remove-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:.85rem;transition:all .15s ease}.remove-btn:hover{color:var(--accent-color);background:#c83e2614}.stock-warning,.stock-info{display:block;margin-top:.3rem;font-size:.7rem;font-weight:600;letter-spacing:.02em}.stock-warning{color:var(--accent-color)}.stock-info{color:var(--primary-color);opacity:.7}.stock-block-banner{background:#c83e2614;border:1px solid rgba(200,62,38,.3);color:var(--accent-color);padding:.6rem .75rem;border-radius:8px;font-size:.78rem;font-weight:500;margin-bottom:.75rem;text-align:center}.cart-footer{padding:.85rem 1rem 1rem;border-top:1px solid rgba(61,90,42,.18);background:linear-gradient(180deg,var(--bg-color) 0%,var(--bg-subtle) 100%)}.clear-cart-btn{width:100%;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;margin-bottom:1rem;transition:color .2s ease}.clear-cart-btn:hover{color:var(--error-color)}.cart-summary{margin-bottom:.9rem;padding:.65rem .75rem;background:var(--card-bg);border:1px dashed rgba(61,90,42,.25);border-radius:8px}.summary-row{display:flex;justify-content:space-between;margin-bottom:.3rem;color:var(--text-secondary);font-size:.82rem;font-variant-numeric:tabular-nums}.summary-row.total{margin-top:.5rem;padding-top:.55rem;border-top:1px solid rgba(61,90,42,.2);font-size:1rem;font-weight:700;color:var(--text-primary)}.summary-row.total span:last-child{color:var(--accent-color)}.checkout-btn{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:1.5px solid var(--primary-color);border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em}.checkout-btn.primary-btn{background:var(--primary-color);margin-bottom:.5rem;box-shadow:3px 3px #1a2410d9}.checkout-btn.primary-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #1a2410d9}.checkout-btn.primary-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a2410d9}.checkout-btn.whatsapp-btn{background:#128c7e;border-color:#128c7e;box-shadow:3px 3px #1a2410d9}.checkout-btn.whatsapp-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #1a2410d9}.checkout-btn.whatsapp-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a2410d9}.checkout-btn.whatsapp-btn svg{font-size:1.25rem}.checkout-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.checkout-btn .spinner{animation:spin 1s linear infinite}.payment-error{color:var(--error-color);font-size:.875rem;text-align:center;margin-top:.75rem;padding:.5rem;background:#ef44441a;border-radius:8px}.secure-text{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.payment-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:400px;position:relative;animation:slideUp .3s ease}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;transition:all .2s ease}.modal-close-btn:hover{background:var(--error-color);color:#fff}.payment-modal-content{padding:2rem;text-align:center}.payment-modal-content h3{font-size:1.5rem;font-weight:700;color:var(--success-color);margin-bottom:1rem}.order-id{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.order-amount{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem}.qr-code-container{margin-bottom:1.5rem}.qr-code-container img{width:180px;height:180px;border-radius:12px;border:2px solid var(--border-color);margin-bottom:.75rem}.qr-code-container p{font-size:.85rem;color:var(--text-secondary)}.pay-now-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #10b9814d}.test-mode-warning{margin-top:1rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#b45309;font-size:.85rem}@media(max-width:600px){.cart-sidebar{max-width:100%;height:100dvh}.cart-header{padding:.75rem .85rem}.cart-header h2{font-size:.95rem}.free-shipping-banner{padding:.55rem .85rem;font-size:.74rem}.cart-items{padding:.4rem .85rem;-webkit-overflow-scrolling:touch}.cart-item{gap:.6rem;padding:.6rem 0}.cart-item-image{width:52px;height:52px}.cart-item-details h4{font-size:.82rem}.cart-item-price{font-size:.74rem}.cart-item-line-total{font-size:.88rem}.quantity-controls.compact{height:34px}.quantity-controls.compact button{width:34px;font-size:1rem}.quantity-controls.compact input{width:42px;font-size:.9rem;font-size:16px}.remove-btn{width:34px;height:34px;font-size:1rem}.cart-footer{padding:.75rem .85rem .85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}.cart-summary{padding:.6rem .7rem;margin-bottom:.7rem}.summary-row{font-size:.8rem}.summary-row.total{font-size:.95rem}.checkout-btn{padding:.85rem;font-size:.9rem;min-height:44px}.clear-cart-btn{min-height:36px;font-size:.78rem}.secure-text{font-size:.72rem;margin-top:.5rem}.payment-modal{max-width:100%;margin:1rem}.qr-code-container img{width:150px;height:150px}}@media(max-width:360px){.cart-item-image{width:46px;height:46px}.cart-item-details h4{font-size:.78rem}}.footer{background:#0a0f1e;background-image:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.08) 0%,transparent 50%);color:#e2e8f0;padding-top:0;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.5),rgba(6,182,212,.5),transparent)}.footer-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;position:relative}.footer-newsletter{display:flex;justify-content:space-between;align-items:center;padding:3rem 2.5rem;margin-top:0;gap:2.5rem;flex-wrap:wrap;background:#2563eb0f;border-radius:24px;border:1px solid rgba(37,99,235,.15);margin:3rem 0 0}.newsletter-content h3{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.newsletter-content p{color:#64748b;font-size:.95rem;margin:0}.newsletter-form{display:flex;gap:.75rem;flex:1;max-width:460px}.newsletter-form input{flex:1;padding:.875rem 1.25rem;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:#fff;font-size:.9rem;transition:all .25s}.newsletter-form input::placeholder{color:#475569}.newsletter-form input:focus{outline:none;border-color:var(--primary-color);background:#ffffff12;box-shadow:0 0 0 3px #2563eb26}.newsletter-form button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#0891b2);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb73}.footer-main{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:3rem;padding:4rem 0 3rem}.footer-brand{padding-right:2rem}.footer-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none;margin-bottom:1.25rem}.footer-logo .logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;box-shadow:0 4px 14px #2563eb66}.footer-logo .logo-text{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.02em}.footer-description{color:#475569;line-height:1.75;margin-bottom:1.75rem;font-size:.9rem}.footer-social{display:flex;gap:.6rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#64748b;border-radius:12px;font-size:1.1rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.footer-social a:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.08);box-shadow:0 6px 18px #2563eb66}.footer-links-column h4,.footer-contact h4{color:#fff;font-size:.875rem;font-weight:700;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.07em;opacity:.8}.footer-links-column ul{list-style:none;padding:0;margin:0}.footer-links-column li{margin-bottom:.65rem}.footer-links-column a{color:#475569;text-decoration:none;transition:all .2s ease;font-size:.875rem;display:inline-flex;align-items:center;gap:.35rem}.footer-links-column a:before{content:"";display:inline-block;width:0;height:1px;background:var(--primary-color);transition:width .2s;vertical-align:middle}.footer-links-column a:hover{color:#94a3b8;padding-left:6px}.footer-links-column a:hover:before{width:10px}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.875rem;color:#475569;font-size:.875rem}.footer-contact .contact-item svg{color:var(--primary-color);font-size:1rem;flex-shrink:0;margin-top:2px;opacity:.8}.footer-contact .contact-item a{color:#475569;text-decoration:none;transition:color .2s}.footer-contact .contact-item a:hover{color:#94a3b8}.footer-payments{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.footer-payments span{color:#475569;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.payment-icons{display:flex;gap:.875rem;align-items:center}.payment-icons img{height:26px;width:auto;filter:brightness(0) invert(.5);transition:filter .2s;opacity:.7}.payment-icons img:hover{filter:brightness(0) invert(.85);opacity:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;color:#334155;font-size:.8rem;gap:1rem}.footer-bottom p{margin:0;color:#334155}.powered-by{display:flex;align-items:center;gap:.4rem}.powered-by strong{color:var(--accent-color);font-weight:700}@media(max-width:1100px){.footer-main{grid-template-columns:repeat(3,1fr);gap:2.5rem}.footer-brand{grid-column:span 3;padding-right:0;text-align:center}.footer-social{justify-content:center}}@media(max-width:768px){.footer-newsletter{flex-direction:column;text-align:center;padding:2rem 1.5rem}.newsletter-form{width:100%;max-width:100%;flex-direction:column}.footer-main{grid-template-columns:repeat(2,1fr);gap:2rem;padding:3rem 0 2rem}.footer-brand,.footer-contact{grid-column:span 2}.footer-payments{flex-direction:column;gap:.875rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}@media(max-width:480px){.footer-main{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:span 1}.footer-contact .contact-item{justify-content:flex-start}}.admin-login-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.admin-login-modal{background:#fff;padding:2.5rem;border-radius:16px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #0000004d}.admin-login-modal h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.login-subtitle{color:#64748b;margin-bottom:1.5rem}.admin-login-modal .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.input-group{position:relative;margin-bottom:1rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b}.input-group input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#2563eb}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.login-btn{width:100%;padding:.875rem;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.login-btn:hover{background:#1d4ed8}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:#94a3b8}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-divider span{padding:0 1rem}.synctech-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.synctech-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.admin-panel-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-panel{background:#f8fafc;width:100%;max-width:1200px;max-height:90vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0006}.admin-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.admin-header h2{margin:0;font-size:1.25rem}.admin-header-actions{display:flex;align-items:center;gap:1rem}.admin-user{color:#94a3b8;font-size:.875rem}.synctech-link{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.logout-btn{background:transparent;color:#f87171;border:1px solid #f87171;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:background .2s}.logout-btn:hover{background:#f87171;color:#fff}.admin-header .close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}.admin-tabs{display:flex;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 1rem}.admin-tabs .tab{background:none;border:none;padding:1rem 1.5rem;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border-bottom:3px solid transparent;transition:all .2s}.admin-tabs .tab:hover{color:#2563eb}.admin-tabs .tab.active{color:#2563eb;border-bottom-color:#2563eb}.admin-content{flex:1;overflow-y:auto;padding:1.5rem}.loading{text-align:center;padding:3rem;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d}.stat-icon{font-size:2rem;color:#2563eb;background:#eff6ff;padding:.75rem;border-radius:12px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#1e293b}.stat-label{color:#64748b;font-size:.875rem;display:block}.stat-sub{display:block;margin-top:2px;color:#94a3b8;font-size:.72rem;font-weight:500}.recent-products h3{margin-bottom:1rem;color:#1e293b}.products-mini-list{display:flex;flex-direction:column;gap:.75rem}.product-mini{background:#fff;padding:.75rem;border-radius:8px;display:flex;align-items:center;gap:1rem}.product-mini img{width:50px;height:50px;object-fit:cover;border-radius:6px}.product-mini .name{font-weight:500;color:#1e293b}.product-mini .price{color:#2563eb;font-weight:600;margin-left:auto}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.products-header h3{margin:0;color:#1e293b}.add-btn{background:#2563eb;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.add-btn:hover{background:#1d4ed8}.product-form{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.form-group.checkbox label{cursor:pointer}.form-group.checkbox input{width:auto;margin-right:.5rem}.image-upload{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.image-upload input[type=file]{display:none}.upload-btn{background:#f1f5f9;color:#475569;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;border:2px dashed #cbd5e1;transition:all .2s}.upload-btn:hover{border-color:#2563eb;color:#2563eb}.image-preview{width:80px;height:80px;border-radius:8px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.form-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cancel-btn{background:#f1f5f9;color:#475569;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.save-btn{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.save-btn:hover{background:#059669}.products-list{display:flex;flex-direction:column;gap:.75rem}.product-row{background:#fff;padding:1rem;border-radius:10px;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d}.product-row img{width:60px;height:60px;object-fit:cover;border-radius:8px}.product-row .product-info{flex:1;display:flex;flex-direction:column}.product-row .name{font-weight:600;color:#1e293b}.product-row .category{font-size:.8rem;color:#64748b;text-transform:capitalize}.product-row .product-price{display:flex;flex-direction:column;align-items:flex-end}.product-row .current{font-weight:700;color:#2563eb;font-size:1.1rem}.product-row .original{font-size:.8rem;color:#94a3b8;text-decoration:line-through}.product-row .product-stock{color:#64748b;font-size:.875rem;min-width:80px}.product-row .product-actions{display:flex;gap:.5rem}.product-row .product-actions button{background:#f1f5f9;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#475569;transition:all .2s}.product-row .product-actions button:hover{background:#2563eb;color:#fff}.product-row .product-actions button.delete:hover{background:#ef4444}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.analytics-header h3{margin:0}.total-visits{background:#eff6ff;color:#2563eb;padding:.5rem 1rem;border-radius:20px;font-weight:600}.visits-chart{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:flex-end;gap:.5rem;height:200px}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar .bar{width:100%;background:linear-gradient(to top,#2563eb,#60a5fa);border-radius:4px 4px 0 0;min-height:4px}.chart-bar .day{font-size:.7rem;color:#64748b;margin-top:.5rem}.recent-visits{background:#fff;padding:1.5rem;border-radius:12px}.recent-visits h4{margin:0 0 1rem}.recent-visits table{width:100%;border-collapse:collapse}.recent-visits th,.recent-visits td{text-align:left;padding:.75rem;border-bottom:1px solid #e2e8f0}.recent-visits th{color:#64748b;font-weight:500;font-size:.8rem;text-transform:uppercase}.recent-visits td{color:#374151;font-size:.9rem}.company-settings{background:#fff;border-radius:12px;overflow:hidden}.settings-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.settings-header h3{margin:0;color:#1e293b}.settings-header .message{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.settings-header .message.success{background:#dcfce7;color:#166534}.settings-header .message.error{background:#fef2f2;color:#dc2626}.settings-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 .5rem;overflow-x:auto}.settings-tab{background:none;border:none;padding:.875rem 1.25rem;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.settings-tab:hover{color:#2563eb}.settings-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.settings-form{padding:1.5rem}.settings-section{max-width:700px}.settings-section h4{color:#1e293b;margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.settings-section h4:not(:first-child){margin-top:2rem}.settings-section .form-group{margin-bottom:1.25rem}.settings-section .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#374151}.settings-section .form-group label svg{color:#64748b}.settings-section .form-group input,.settings-section .form-group textarea,.settings-section .form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.settings-section .form-group input:focus,.settings-section .form-group textarea:focus,.settings-section .form-group select:focus{outline:none;border-color:#2563eb}.settings-section .form-group textarea{min-height:120px;resize:vertical}.field-hint{display:block;font-size:.8rem;color:#64748b;margin-top:.35rem}.logo-upload{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.logo-preview{width:100px;height:100px;border-radius:12px;overflow:hidden;background:#f8fafc;border:2px solid #e2e8f0}.logo-preview img{width:100%;height:100%;object-fit:contain}.upload-area{display:flex;flex-direction:column;gap:.5rem}.upload-area input[type=file]{display:none}.upload-area .upload-btn{background:#f1f5f9;color:#475569;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:2px dashed #cbd5e1;transition:all .2s;font-size:.9rem}.upload-area .upload-btn:hover{border-color:#2563eb;color:#2563eb}.upload-hint{font-size:.75rem;color:#94a3b8}.color-picker .color-input{display:flex;gap:.75rem;align-items:center}.color-picker input[type=color]{width:50px;height:40px;padding:0;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer}.color-picker input[type=text]{flex:1}.color-preview{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.color-preview h5{margin:0 0 1rem;color:#64748b;font-size:.85rem}.preview-buttons{display:flex;gap:1rem}.preview-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:default}.about-preview{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.about-preview h5{margin:0 0 1rem;color:#64748b;font-size:.85rem}.preview-box{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.preview-box h3{margin:0 0 .75rem;color:#1e293b}.preview-box p{margin:0;color:#64748b;line-height:1.6;white-space:pre-wrap}.settings-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.settings-actions .save-btn{background:#10b981;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;transition:background .2s}.settings-actions .save-btn:hover{background:#059669}.settings-actions .save-btn:disabled{opacity:.7;cursor:not-allowed}.section-description{color:#64748b;font-size:.875rem;margin:-.75rem 0 1.25rem}.hero-preview{width:200px;height:120px;border-radius:8px}.hero-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.admin-panel{max-height:100vh;border-radius:0}.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-header-actions{flex-wrap:wrap}.admin-tabs{overflow-x:auto}.product-row{flex-wrap:wrap}.product-row .product-info{flex:1 1 100%;order:2}.product-row img{order:1}.settings-form{padding:1rem}.logo-upload{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}}.category-manager{padding:1.5rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-header h3{margin:0;color:#1e293b}.category-form{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid #e2e8f0}.category-form .form-group{margin-bottom:1.25rem}.category-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.category-form .form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem}.category-form .form-group input:focus{outline:none;border-color:#2563eb}.icon-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;max-height:200px;overflow-y:auto}.icon-option{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;position:relative}.icon-option svg{font-size:1.25rem;color:#64748b}.icon-option:hover{border-color:#2563eb;background:#eff6ff}.icon-option:hover svg{color:#2563eb}.icon-option.selected{border-color:#2563eb;background:#2563eb}.icon-option.selected svg{color:#fff}.icon-option .check-icon{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;background:#22c55e;color:#fff;border-radius:50%;font-size:10px}.color-selector{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.color-option svg{color:#fff;font-size:1rem}.form-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px dashed #e2e8f0;border-radius:8px;margin-bottom:1rem}.form-preview span{color:#64748b;font-size:.875rem}.category-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s}.preview-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.preview-icon svg{font-size:1.25rem}.category-preview span{font-weight:500;color:#1e293b}.categories-list{display:flex;flex-direction:column;gap:.75rem}.category-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s}.category-row:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.category-icon-preview{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.category-icon-preview svg{font-size:1.25rem}.category-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.category-info .category-name{font-weight:600;color:#1e293b}.category-info .category-icon-name{font-size:.8rem;color:#64748b}.category-actions{display:flex;gap:.5rem}.category-actions button{width:36px;height:36px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.category-actions button:hover{background:#2563eb;color:#fff}.category-actions button.delete:hover{background:#ef4444}.category-manager .empty-state{text-align:center;padding:3rem;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.category-manager .empty-state .empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.category-manager .empty-state p{color:#64748b;margin-bottom:1rem}.category-manager .empty-state button{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.category-manager .empty-state button:hover{background:#1d4ed8}@media(max-width:640px){.category-header{flex-direction:column;gap:1rem;align-items:flex-start}.icon-selector{max-height:150px}.icon-option{width:38px;height:38px}.category-row{flex-wrap:wrap}.category-info{min-width:calc(100% - 60px)}.category-actions{width:100%;justify-content:flex-end;margin-top:.5rem}}.gallery-overlay{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.gallery-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.gallery-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.gallery-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;color:#64748b;font-size:1.25rem;transition:all .2s ease}.gallery-close:hover{background:#ef4444;color:#fff}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.gallery-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;color:#64748b;transition:all .2s ease}.filter-btn:hover{border-color:#2563eb;color:#2563eb}.filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.upload-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-content{flex:1;overflow-y:auto;padding:1.5rem;min-height:300px}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:250px;color:#64748b}.gallery-loading .spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.gallery-empty svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.gallery-empty p{font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.gallery-empty span{font-size:.9rem;opacity:.7}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.gallery-item:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gallery-item.selected{border-color:#10b981}.gallery-item img{width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:.5rem;left:.5rem;width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.delete-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:#ef4444e6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease}.gallery-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#dc2626}.image-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);color:#fff;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.cancel-btn,.select-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cancel-btn:hover{border-color:#94a3b8}.select-btn{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}.select-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.select-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.gallery-modal{max-height:100vh;border-radius:0}.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-filters,.upload-btn{justify-content:center}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.banner-manager{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.banner-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.banner-manager-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.add-banner-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2563eb4d}.banner-error{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;color:#dc2626}.banner-error button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626}.banner-form-container{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.banner-form-container h3{margin:0 0 1.25rem;font-size:1.1rem;color:#1e293b}.banner-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#475569}.form-group input[type=text]{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease}.form-group input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.image-selector{display:flex;flex-direction:column}.select-image-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;background:#fff;border:2px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:1rem;cursor:pointer;transition:all .2s ease}.select-image-btn:hover{border-color:#2563eb;color:#2563eb;background:#f0f9ff}.selected-image-preview{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.selected-image-preview img{width:120px;height:70px;object-fit:cover;border-radius:6px}.selected-image-preview button{padding:.5rem 1rem;background:#f1f5f9;border:none;border-radius:6px;color:#475569;font-size:.875rem;cursor:pointer;transition:all .2s ease}.selected-image-preview button:hover{background:#e2e8f0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cancel-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#f1f5f9}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.save-btn:disabled{opacity:.7;cursor:not-allowed}.banners-list{display:flex;flex-direction:column;gap:1rem}.no-banners{display:flex;flex-direction:column;align-items:center;padding:3rem;color:#94a3b8;text-align:center}.no-banners svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-banners p{font-size:1.1rem;font-weight:500;color:#64748b;margin-bottom:.25rem}.no-banners span{font-size:.9rem}.banner-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.banner-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.banner-item.inactive{opacity:.6}.banner-thumbnail{flex-shrink:0;width:140px;height:80px;border-radius:8px;overflow:hidden}.banner-thumbnail img{width:100%;height:100%;object-fit:cover}.banner-info{flex:1;min-width:0}.banner-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b}.banner-info p{margin:0 0 .5rem;font-size:.875rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-link{font-size:.75rem;color:#2563eb}.banner-status{flex-shrink:0}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#64748b}.banner-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){border-color:#cbd5e1}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.reorder:hover:not(:disabled){background:#f0f9ff;border-color:#2563eb;color:#2563eb}.action-btn.toggle:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.action-btn.edit:hover{background:#f0f9ff;border-color:#2563eb;color:#2563eb}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.banner-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.banner-manager-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.banner-manager{padding:1rem}.banner-manager-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-row{grid-template-columns:1fr}.banner-item{flex-direction:column;align-items:stretch}.banner-thumbnail{width:100%;height:150px}.banner-actions{justify-content:flex-end;padding-top:.75rem;border-top:1px solid #e2e8f0}}.pi-overlay{position:fixed;inset:0;background:radial-gradient(120% 80% at 50% 0%,#1a1d16c7,#080a07eb);backdrop-filter:blur(6px);z-index:10000;display:grid;place-items:center;padding:28px 18px;animation:pi-fade .25s ease both}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}@keyframes pi-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pi-paper{--ink: #1a1d16;--ink-2: #2d322a;--paper: #f7f1e1;--paper-2: #efe7d1;--rule: #d8cfb6;--accent: #c83e26;--accent-deep: #8a2614;--olive: #3d5a2a;--warn: #b86f1c;position:relative;width:min(1080px,100%);max-height:calc(100vh - 56px);overflow:auto;background:radial-gradient(120% 60% at 0% 0%,#fbf7ea 0%,transparent 60%),radial-gradient(120% 60% at 100% 100%,#f1e8cf 0%,transparent 55%),var(--paper);color:var(--ink);border-radius:2px;border:1px solid #2a2c22;box-shadow:0 1px #ffffff80 inset,0 30px 60px -20px #0000008c,0 0 0 8px #f7f1e10a;font-family:Instrument Sans,system-ui,sans-serif;animation:pi-rise .45s cubic-bezier(.2,.8,.2,1) both}.pi-paper:before,.pi-paper:after{content:"";position:absolute;left:28px;right:28px;height:1px;background:var(--ink);opacity:.85}.pi-paper:before{top:18px}.pi-paper:after{top:22px;opacity:.35}.pi-grain{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(60,40,10,.06) 1px,transparent 1px),radial-gradient(rgba(60,40,10,.05) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply}.pi-stamp{position:absolute;top:64px;right:-8px;transform:rotate(6deg);border:2px solid var(--accent);color:var(--accent);padding:8px 14px;font-family:Instrument Sans,sans-serif;font-weight:600;letter-spacing:.18em;font-size:11px;background:#f7f1e199;display:flex;gap:8px;align-items:center;box-shadow:0 0 0 4px #c83e260f}.pi-stamp:before,.pi-stamp:after{content:"";position:absolute;inset:-6px;border:1px dashed var(--accent);opacity:.35;pointer-events:none}.pi-close{position:absolute;top:36px;right:28px;width:36px;height:36px;background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background .2s ease;z-index:2}.pi-close:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}.pi-head{padding:56px 64px 24px;position:relative}.pi-eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px}.pi-title{font-family:Fraunces,serif;font-weight:500;font-size:clamp(40px,5.6vw,72px);line-height:.95;letter-spacing:-.02em;margin:0;font-variation-settings:"opsz" 144,"SOFT" 30}.pi-title em{font-style:italic;color:var(--accent);font-weight:500}.pi-title-line{display:inline-block;font-size:.55em;font-style:italic;color:var(--ink-2);font-weight:300;margin-top:6px}.pi-lede{margin:22px 0 0;max-width:62ch;font-size:15px;line-height:1.55;color:var(--ink-2);border-left:2px solid var(--ink);padding-left:14px}.pi-stage{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;padding:24px 64px 56px;position:relative}.pi-stage--preview,.pi-stage--done{grid-template-columns:1fr}.pi-drop{border:1.5px dashed var(--ink);background:repeating-linear-gradient(45deg,transparent 0 18px,rgba(26,29,22,.025) 18px 19px),var(--paper);padding:56px 28px;text-align:center;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease,border-color .25s ease;position:relative}.pi-drop:hover{transform:translateY(-2px);border-color:var(--accent)}.pi-drop.is-over{background:var(--paper-2);border-color:var(--accent);border-style:solid}.pi-drop-icon{font-size:52px;color:var(--accent);margin-bottom:16px}.pi-drop-title{font-family:Fraunces,serif;font-size:26px;font-style:italic;font-weight:500}.pi-drop-sub{margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.pi-side{border-left:1px solid var(--ink);padding-left:24px;position:relative}.pi-side h3{font-family:Fraunces,serif;font-weight:500;font-size:22px;margin:4px 0 8px}.pi-side p{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0 0 14px}.pi-side code,.pi-cols code{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--paper-2);padding:1px 6px;border:1px solid var(--rule)}.pi-side-num{font-family:Fraunces,serif;font-size:13px;font-style:italic;color:var(--accent)}.pi-rule{height:1px;background:var(--ink);opacity:.3;margin:22px 0 18px}.pi-cols{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.pi-cols li{display:flex;gap:8px;align-items:center}.pi-cols li span{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:1px 5px}.pi-ghost,.pi-cta,.pi-link{font-family:Instrument Sans,sans-serif;font-weight:500;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.pi-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid var(--ink);color:var(--ink);padding:11px 18px;font-size:13px;letter-spacing:.04em}.pi-ghost:hover{background:var(--ink);color:var(--paper)}.pi-cta{display:inline-flex;align-items:center;gap:10px;background:var(--accent);border:1.5px solid var(--accent);color:#fff;padding:13px 22px;font-size:14px;letter-spacing:.02em;box-shadow:4px 4px 0 0 var(--ink)}.pi-cta:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--ink)}.pi-cta:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--ink)}.pi-cta:disabled{opacity:.4;cursor:not-allowed}.pi-link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;font-size:12px}.pi-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0}.pi-meta-file{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink);flex:1}.pi-counters{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:24px 0;border:1px solid var(--ink)}.pi-counter{padding:18px 14px;border-right:1px solid var(--rule);background:#ffffff40}.pi-counter:last-child{border-right:none}.pi-counter-value{font-family:Fraunces,serif;font-weight:500;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}.pi-counter-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-top:6px}.pi-counter.big .pi-counter-value{font-size:42px}.pi-counter.tone-accent .pi-counter-value{color:var(--accent)}.pi-counter.tone-warn .pi-counter-value{color:var(--warn)}.pi-counter.tone-ink .pi-counter-value{color:var(--olive)}.pi-table-wrap{border:1px solid var(--ink);background:#ffffff4d;max-height:44vh;overflow:auto}.pi-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.pi-table thead th{position:sticky;top:0;background:var(--ink);color:var(--paper);font-family:JetBrains Mono,monospace;font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;text-align:left}.pi-table th.num,.pi-table td.num{text-align:right;font-variant-numeric:tabular-nums}.pi-table tbody td{padding:11px 12px;border-top:1px solid var(--rule);vertical-align:middle}.pi-table tbody tr:hover{background:#c83e260a}.pi-table .prod-name{font-family:Fraunces,serif;font-size:14.5px;font-weight:500}.pi-table .prod-code{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-2);margin-top:2px}.pi-table .via{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--olive)}.pi-table td.old{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1px}.pi-table td.new{color:var(--accent);font-weight:600}.pi-table td.new .arrow{display:inline-block;margin-right:6px;color:var(--ink-2);vertical-align:-2px}.pi-table tr.row-unmatched td,.pi-table tr.row-invalid td{background:#b86f1c0f}.pi-table tr.row-same td.new{color:var(--ink-2);font-weight:400}.pill{display:inline-block;font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--ink);color:var(--ink);background:var(--paper)}.pill-accent{color:var(--accent);border-color:var(--accent);background:#c83e260f}.pill-warn{color:var(--warn);border-color:var(--warn);background:#b86f1c0f}.pi-truncated{text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-2);padding:10px;border-top:1px solid var(--rule);background:var(--paper)}.pi-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:24px}.pi-actions.center{justify-content:center}.pi-stage--done{text-align:center;padding:24px 64px 72px}.pi-done-mark{font-size:64px;color:var(--accent);margin:8px 0 16px;display:inline-block;animation:pi-pop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes pi-pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.pi-done-title{font-family:Fraunces,serif;font-weight:500;font-size:44px;font-style:italic;margin:0 0 8px;letter-spacing:-.01em}.pi-done-sub{font-size:15px;color:var(--ink-2);margin:0 0 28px}.pi-fails{text-align:left;max-width:540px;margin:0 auto 28px;border:1px solid var(--warn);background:#b86f1c0d;padding:16px 20px}.pi-fails-title{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--warn);margin-bottom:8px}.pi-fails ul{margin:0;padding-left:18px;font-size:13px;color:var(--ink-2);font-family:JetBrains Mono,monospace;line-height:1.7}@media(max-width:860px){.pi-head{padding:48px 24px 16px}.pi-stage{grid-template-columns:1fr;padding:16px 24px 40px;gap:24px}.pi-side{border-left:none;border-top:1px solid var(--ink);padding-left:0;padding-top:18px}.pi-counters{grid-template-columns:repeat(3,1fr)}.pi-counter:nth-child(3n){border-right:none}.pi-counter:nth-child(-n+3){border-bottom:1px solid var(--rule)}.pi-stamp{top:18px;right:64px}.pi-close{top:18px;right:18px}.pi-stage--done{padding:16px 24px 48px}.pi-done-title{font-size:32px}}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.payment-result{background:var(--card-bg, #fff);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:480px;width:100%;box-shadow:0 10px 40px #0000001a}.result-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem}.result-icon.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.result-icon.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.payment-result h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #1e293b)}.payment-result.success h1{color:#059669}.payment-result.failed h1{color:#dc2626}.result-message{color:var(--text-secondary, #64748b);font-size:1.1rem;margin-bottom:1.5rem}.order-details{background:var(--bg-color, #f8fafc);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.order-number{font-size:.95rem;color:var(--text-secondary, #64748b);margin-bottom:.5rem}.order-number strong{color:var(--text-primary, #1e293b);font-family:monospace}.order-total{font-size:1.25rem;color:var(--text-primary, #1e293b)}.order-total strong{color:var(--primary-color, #2563eb)}.result-info{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1rem;margin-bottom:2rem}.result-info p{font-size:.9rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.result-actions{display:flex;flex-direction:column;gap:.75rem}.result-btn{width:100%;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;border:none}.result-btn.primary{background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--secondary-color, #1e40af));color:#fff}.result-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #2563eb4d}.result-btn.secondary{background:transparent;color:var(--text-secondary, #64748b);border:2px solid var(--border-color, #e2e8f0)}.result-btn.secondary:hover{border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}@media(max-width:480px){.payment-result{padding:2rem 1.5rem}.result-icon{width:80px;height:80px;font-size:2.5rem}.payment-result h1{font-size:1.5rem}}.whatsapp-container{position:fixed;bottom:100px;right:20px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.whatsapp-button{width:60px;height:60px;border-radius:50%;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;transition:all .3s ease}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #25d36680}.whatsapp-button.active{background:#dc2626;box-shadow:0 4px 20px #dc262666}.whatsapp-button svg{font-size:28px;color:#fff}.whatsapp-button:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#25d366;animation:pulse 2s infinite;z-index:-1}.whatsapp-button.active:before{display:none}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.whatsapp-chat{position:absolute;bottom:75px;right:0;width:350px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;animation:slideUp .3s ease}.whatsapp-header{background:linear-gradient(135deg,#25d366,#128c7e);padding:1rem;display:flex;justify-content:space-between;align-items:center}.whatsapp-header-info{display:flex;align-items:center;gap:.75rem}.whatsapp-header-icon{font-size:2rem;color:#fff}.whatsapp-header-title{display:block;color:#fff;font-weight:600;font-size:1rem}.whatsapp-header-status{display:block;color:#fffc;font-size:.75rem}.whatsapp-close{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.whatsapp-close:hover{background:#ffffff4d}.whatsapp-body{padding:1rem;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9c4bc' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.whatsapp-welcome{background:#fff;padding:1rem;border-radius:0 12px 12px;margin-bottom:1rem;box-shadow:0 1px 2px #0000001a;position:relative}.whatsapp-welcome:before{content:"";position:absolute;top:0;left:-8px;border-width:0 8px 8px 0;border-style:solid;border-color:transparent white transparent transparent}.whatsapp-welcome p{margin:0;color:#1e293b;font-size:.95rem}.whatsapp-welcome p:first-child{font-weight:600;margin-bottom:.25rem}.whatsapp-quick-messages{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.whatsapp-quick-messages button{background:#fff;border:1px solid #e2e8f0;padding:.75rem 1rem;border-radius:20px;font-size:.85rem;color:#1e293b;cursor:pointer;text-align:left;transition:all .2s}.whatsapp-quick-messages button:hover{background:#25d366;color:#fff;border-color:#25d366}.whatsapp-input-container{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:25px}.whatsapp-input-container input{flex:1;border:none;padding:.5rem 1rem;font-size:.9rem;outline:none}.whatsapp-input-container button{background:#25d366;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s}.whatsapp-input-container button:hover{background:#128c7e}@media(max-width:480px){.whatsapp-container{bottom:90px;right:15px}.whatsapp-button{width:55px;height:55px}.whatsapp-button svg{font-size:24px}.whatsapp-chat{width:calc(100vw - 30px);right:0;bottom:70px}}.chatbot-container{position:fixed;bottom:100px;right:90px;z-index:998;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.chatbot-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #2563eb66;transition:all .3s ease;position:relative}.chatbot-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #2563eb80}.chatbot-button.active{background:#dc2626;box-shadow:0 4px 20px #dc262666}.chatbot-button svg{font-size:26px;color:#fff}.chatbot-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}.chatbot-window{position:absolute;bottom:75px;right:0;width:380px;max-width:calc(100vw - 40px);height:500px;max-height:calc(100vh - 150px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.chatbot-header-info{display:flex;align-items:center;gap:.75rem}.chatbot-avatar{width:45px;height:45px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatbot-avatar svg{font-size:1.5rem;color:#fff}.chatbot-title{display:block;color:#fff;font-weight:600;font-size:1rem}.chatbot-status{display:flex;align-items:center;gap:.35rem;color:#fffc;font-size:.75rem}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chatbot-close{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.chatbot-close:hover{background:#ffffff4d}.chatbot-close svg{font-size:1.25rem}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#f8fafc}.message{display:flex;gap:.5rem;max-width:90%}.message.bot{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar svg{font-size:1rem;color:#fff}.message-content{background:#fff;padding:.75rem 1rem;border-radius:0 16px 16px;box-shadow:0 1px 3px #0000001a}.message.user .message-content{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:16px 0 16px 16px}.message-content p{margin:0;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.message-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.message-options button{background:#eff6ff;border:1px solid #2563eb;color:#2563eb;padding:.5rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.message-options button:hover{background:#2563eb;color:#fff}.message-content.typing{display:flex;gap:4px;padding:1rem}.message-content.typing span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.message-content.typing span:nth-child(1){animation-delay:0s}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.chatbot-input{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #e2e8f0}.chatbot-input input{flex:1;border:2px solid #e2e8f0;padding:.75rem 1rem;border-radius:25px;font-size:.9rem;outline:none;transition:border-color .2s}.chatbot-input input:focus{border-color:#2563eb}.chatbot-input button{width:45px;height:45px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s,opacity .2s}.chatbot-input button:hover:not(:disabled){transform:scale(1.05)}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}.chatbot-input button svg{font-size:1.25rem}@media(max-width:480px){.chatbot-container{bottom:90px;right:80px}.chatbot-button{width:55px;height:55px}.chatbot-button svg{font-size:22px}.chatbot-window{width:calc(100vw - 30px);right:-65px;bottom:70px;height:450px}.chatbot-header{padding:.875rem 1rem}.chatbot-avatar{width:40px;height:40px}}.sucursales-section{position:relative;padding:90px 20px 100px;background:radial-gradient(ellipse 70% 50% at 15% 10%,rgba(61,90,42,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 85% 90%,rgba(200,62,38,.06) 0%,transparent 50%),var(--bg-color)}.sucursales-section:before,.sucursales-section:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:#1a2410d9}.sucursales-section:before{top:24px}.sucursales-section:after{top:28px;opacity:.35}.sucursales-container{max-width:1200px;margin:0 auto;position:relative}.sucursales-header{text-align:center;margin-bottom:56px;position:relative}.sucursales-badge{display:inline-block;background:transparent;color:var(--accent-color);padding:4px 14px;border:1.5px solid var(--accent-color);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px;border-radius:0}.sucursales-title{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:500;font-style:italic;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.02em;line-height:1;font-variation-settings:"opsz" 144}.sucursales-subtitle{font-size:1rem;color:var(--text-secondary);max-width:520px;margin:0 auto;border-left:2px solid var(--text-primary);padding-left:14px;text-align:left;display:inline-block}.sucursales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;counter-reset:sucursal-num}.sucursal-card{position:relative;background:radial-gradient(120% 60% at 0% 0%,#fffdf7,#f7f1e1f2 70%),var(--card-bg);border:1px solid rgba(26,36,16,.85);border-radius:0;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;box-shadow:5px 5px #1a241026;counter-increment:sucursal-num}.sucursal-card:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(61,90,42,.25);pointer-events:none;z-index:1}.sucursal-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #1a241038}.sucursal-card.selected{box-shadow:8px 8px 0 0 var(--accent-color),0 0 0 1px var(--accent-color);transform:translate(-3px,-3px)}.sucursal-card .sucursal-content:after{content:"· FRESCOS HOY ·";position:absolute;top:18px;right:-12px;transform:rotate(8deg);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;font-weight:500;color:var(--accent-color);border:1.5px solid var(--accent-color);padding:5px 10px;background:#f7f1e199;z-index:2}.sucursal-card .sucursal-content:before{content:"N.° " counter(sucursal-num,decimal-leading-zero);display:block;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.sucursal-card-body{display:grid;grid-template-columns:1.1fr 1fr;min-height:280px;position:relative;z-index:2}.sucursal-map-side{position:relative;border-left:1px solid var(--text-primary);background:#e8e3d3;overflow:hidden;min-height:280px}.sucursal-map-side iframe{filter:saturate(.85) contrast(.95);transition:filter .25s ease}.sucursal-card:hover .sucursal-map-side iframe{filter:saturate(1) contrast(1)}@media(max-width:720px){.sucursal-card-body{grid-template-columns:1fr;min-height:auto}.sucursal-map-side{border-left:none;border-top:1px solid var(--text-primary);height:220px;min-height:220px}}.sucursal-content{position:relative;padding:28px 26px 24px;z-index:2}.sucursal-nombre{font-family:Fraunces,Georgia,serif;font-size:1.6rem;font-weight:500;font-style:italic;color:var(--text-primary);margin:0 0 18px;line-height:1.05;letter-spacing:-.01em;padding-right:80px;font-variation-settings:"opsz" 144}.sucursal-content>.sucursal-info{border-top:1px solid var(--text-primary);padding-top:16px}.sucursal-info{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.sucursal-info-item{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;color:var(--text-primary);line-height:1.5}.sucursal-icon{flex-shrink:0;margin-top:3px;color:var(--primary-color);font-size:1rem}.sucursal-info-item a{color:var(--text-primary);text-decoration:none;border-bottom:1px dotted var(--primary-color);transition:all .15s ease;font-variant-numeric:tabular-nums}.sucursal-info-item a:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}.sucursal-directions-btn{display:inline-flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;border:1.5px solid var(--primary-color);padding:12px 22px;border-radius:0;font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .18s ease;width:100%;justify-content:center;text-transform:uppercase;box-shadow:3px 3px #1a2410d9;font-family:inherit}.sucursal-directions-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a2410d9;background:var(--accent-color);border-color:var(--accent-color)}.sucursal-directions-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1a2410d9}.sucursal-map{position:relative;z-index:2;border-top:1px solid var(--text-primary);animation:slideDown .35s ease}.sucursal-map iframe{display:block;filter:saturate(.85) contrast(.95)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:320px}}.sucursales-empty,.sucursales-loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-family:Fraunces,serif;font-style:italic;font-size:1.1rem}.sucursales-empty-icon{font-size:3rem;margin-bottom:14px;color:var(--primary-color);opacity:.5}.sucursales-empty p{font-size:1rem;color:var(--text-secondary)}@media(max-width:768px){.sucursales-section{padding:60px 16px 70px}.sucursales-section:before,.sucursales-section:after{left:16px;right:16px}.sucursales-grid{grid-template-columns:1fr;gap:22px}.sucursal-content{padding:24px 20px 22px}.sucursal-nombre{font-size:1.4rem;padding-right:70px}}@media(max-width:480px){.sucursales-section{padding:48px 12px 56px}.sucursal-nombre{font-size:1.3rem}.sucursal-card .sucursal-content:after{font-size:8px;padding:4px 8px;right:-8px}}