@charset "UTF-8";
@layer theme.tokens, theme.utilities;
:root {
  color-scheme: light;
}
@layer theme.tokens {
  :root {
    --current-theme: "light";
    --clr-primary: #166534;
    --clr-primary-hex: #166534;
    --clr-primary-rgb: 22 101 52;
    --clr-primary-500: var(--clr-primary);
    --clr-primary-500-rgb: var(--clr-primary-rgb);
    --clr-primary-100: rgb(81.7254901961%, 87.9215686275%, 84.0784313725%);
    --clr-primary-100-rgb: 208.4 224.2 214.4;
    --clr-primary-300: rgb(45.1764705882%, 63.7647058824%, 52.2352941176%);
    --clr-primary-300-rgb: 115.2 162.6 133.2;
    --clr-primary-700: rgb(5.1764705882%, 23.7647058824%, 12.2352941176%);
    --clr-primary-700-rgb: 13.2 60.6 31.2;
    --clr-primary-900: rgb(1.7254901961%, 7.9215686275%, 4.0784313725%);
    --clr-primary-900-rgb: 4.4 20.2 10.4;
    --clr-primary-op-5: rgba(22, 101, 52, 0.05);
    --clr-primary-op-6: rgba(22, 101, 52, 0.06);
    --clr-primary-op-8: rgba(22, 101, 52, 0.08);
    --clr-primary-op-10: rgba(22, 101, 52, 0.1);
    --clr-primary-op-15: rgba(22, 101, 52, 0.15);
    --clr-primary-op-20: rgba(22, 101, 52, 0.2);
    --clr-primary-op-25: rgba(22, 101, 52, 0.25);
    --clr-primary-op-30: rgba(22, 101, 52, 0.3);
    --clr-primary-op-35: rgba(22, 101, 52, 0.35);
    --clr-primary-op-40: rgba(22, 101, 52, 0.4);
    --clr-primary-op-45: rgba(22, 101, 52, 0.45);
    --clr-primary-op-50: rgba(22, 101, 52, 0.5);
    --clr-primary-op-60: rgba(22, 101, 52, 0.6);
    --clr-primary-op-70: rgba(22, 101, 52, 0.7);
    --clr-primary-op-80: rgba(22, 101, 52, 0.8);
    --clr-primary-op-90: rgba(22, 101, 52, 0.9);
    --clr-primary-op-100: rgba(22, 101, 52, 1);
    --clr-primary-light: #DCFCE7;
    --clr-primary-light-hex: #DCFCE7;
    --clr-primary-light-rgb: 220 252 231;
    --clr-primary-light-500: var(--clr-primary-light);
    --clr-primary-light-500-rgb: var(--clr-primary-light-rgb);
    --clr-primary-light-100: rgb(97.2549019608%, 99.7647058824%, 98.1176470588%);
    --clr-primary-light-100-rgb: 248 254.4 250.2;
    --clr-primary-light-300: rgb(91.7647058824%, 99.2941176471%, 94.3529411765%);
    --clr-primary-light-300-rgb: 234 253.2 240.6;
    --clr-primary-light-700: rgb(51.7647058824%, 59.2941176471%, 54.3529411765%);
    --clr-primary-light-700-rgb: 132 151.2 138.6;
    --clr-primary-light-900: rgb(17.2549019608%, 19.7647058824%, 18.1176470588%);
    --clr-primary-light-900-rgb: 44 50.4 46.2;
    --clr-primary-light-op-5: rgba(220, 252, 231, 0.05);
    --clr-primary-light-op-6: rgba(220, 252, 231, 0.06);
    --clr-primary-light-op-8: rgba(220, 252, 231, 0.08);
    --clr-primary-light-op-10: rgba(220, 252, 231, 0.1);
    --clr-primary-light-op-15: rgba(220, 252, 231, 0.15);
    --clr-primary-light-op-20: rgba(220, 252, 231, 0.2);
    --clr-primary-light-op-25: rgba(220, 252, 231, 0.25);
    --clr-primary-light-op-30: rgba(220, 252, 231, 0.3);
    --clr-primary-light-op-35: rgba(220, 252, 231, 0.35);
    --clr-primary-light-op-40: rgba(220, 252, 231, 0.4);
    --clr-primary-light-op-45: rgba(220, 252, 231, 0.45);
    --clr-primary-light-op-50: rgba(220, 252, 231, 0.5);
    --clr-primary-light-op-60: rgba(220, 252, 231, 0.6);
    --clr-primary-light-op-70: rgba(220, 252, 231, 0.7);
    --clr-primary-light-op-80: rgba(220, 252, 231, 0.8);
    --clr-primary-light-op-90: rgba(220, 252, 231, 0.9);
    --clr-primary-light-op-100: rgba(220, 252, 231, 1);
    --clr-primary-dark: #166534;
    --clr-primary-dark-hex: #166534;
    --clr-primary-dark-rgb: 22 101 52;
    --clr-primary-dark-500: var(--clr-primary-dark);
    --clr-primary-dark-500-rgb: var(--clr-primary-dark-rgb);
    --clr-primary-dark-100: rgb(81.7254901961%, 87.9215686275%, 84.0784313725%);
    --clr-primary-dark-100-rgb: 208.4 224.2 214.4;
    --clr-primary-dark-300: rgb(45.1764705882%, 63.7647058824%, 52.2352941176%);
    --clr-primary-dark-300-rgb: 115.2 162.6 133.2;
    --clr-primary-dark-700: rgb(5.1764705882%, 23.7647058824%, 12.2352941176%);
    --clr-primary-dark-700-rgb: 13.2 60.6 31.2;
    --clr-primary-dark-900: rgb(1.7254901961%, 7.9215686275%, 4.0784313725%);
    --clr-primary-dark-900-rgb: 4.4 20.2 10.4;
    --clr-primary-dark-op-5: rgba(22, 101, 52, 0.05);
    --clr-primary-dark-op-6: rgba(22, 101, 52, 0.06);
    --clr-primary-dark-op-8: rgba(22, 101, 52, 0.08);
    --clr-primary-dark-op-10: rgba(22, 101, 52, 0.1);
    --clr-primary-dark-op-15: rgba(22, 101, 52, 0.15);
    --clr-primary-dark-op-20: rgba(22, 101, 52, 0.2);
    --clr-primary-dark-op-25: rgba(22, 101, 52, 0.25);
    --clr-primary-dark-op-30: rgba(22, 101, 52, 0.3);
    --clr-primary-dark-op-35: rgba(22, 101, 52, 0.35);
    --clr-primary-dark-op-40: rgba(22, 101, 52, 0.4);
    --clr-primary-dark-op-45: rgba(22, 101, 52, 0.45);
    --clr-primary-dark-op-50: rgba(22, 101, 52, 0.5);
    --clr-primary-dark-op-60: rgba(22, 101, 52, 0.6);
    --clr-primary-dark-op-70: rgba(22, 101, 52, 0.7);
    --clr-primary-dark-op-80: rgba(22, 101, 52, 0.8);
    --clr-primary-dark-op-90: rgba(22, 101, 52, 0.9);
    --clr-primary-dark-op-100: rgba(22, 101, 52, 1);
    --clr-secondary: #F59E0B;
    --clr-secondary-hex: #F59E0B;
    --clr-secondary-rgb: 245 158 11;
    --clr-secondary-500: var(--clr-secondary);
    --clr-secondary-500-rgb: var(--clr-secondary-rgb);
    --clr-secondary-100: rgb(99.2156862745%, 92.3921568627%, 80.862745098%);
    --clr-secondary-100-rgb: 253 235.6 206.2;
    --clr-secondary-300: rgb(97.6470588235%, 77.1764705882%, 42.5882352941%);
    --clr-secondary-300-rgb: 249 196.8 108.6;
    --clr-secondary-700: rgb(57.6470588235%, 37.1764705882%, 2.5882352941%);
    --clr-secondary-700-rgb: 147 94.8 6.6;
    --clr-secondary-900: rgb(19.2156862745%, 12.3921568627%, 0.862745098%);
    --clr-secondary-900-rgb: 49 31.6 2.2;
    --clr-secondary-op-5: rgba(245, 158, 11, 0.05);
    --clr-secondary-op-6: rgba(245, 158, 11, 0.06);
    --clr-secondary-op-8: rgba(245, 158, 11, 0.08);
    --clr-secondary-op-10: rgba(245, 158, 11, 0.1);
    --clr-secondary-op-15: rgba(245, 158, 11, 0.15);
    --clr-secondary-op-20: rgba(245, 158, 11, 0.2);
    --clr-secondary-op-25: rgba(245, 158, 11, 0.25);
    --clr-secondary-op-30: rgba(245, 158, 11, 0.3);
    --clr-secondary-op-35: rgba(245, 158, 11, 0.35);
    --clr-secondary-op-40: rgba(245, 158, 11, 0.4);
    --clr-secondary-op-45: rgba(245, 158, 11, 0.45);
    --clr-secondary-op-50: rgba(245, 158, 11, 0.5);
    --clr-secondary-op-60: rgba(245, 158, 11, 0.6);
    --clr-secondary-op-70: rgba(245, 158, 11, 0.7);
    --clr-secondary-op-80: rgba(245, 158, 11, 0.8);
    --clr-secondary-op-90: rgba(245, 158, 11, 0.9);
    --clr-secondary-op-100: rgba(245, 158, 11, 1);
    --clr-secondary-light: #FEF3C7;
    --clr-secondary-light-hex: #FEF3C7;
    --clr-secondary-light-rgb: 254 243 199;
    --clr-secondary-light-500: var(--clr-secondary-light);
    --clr-secondary-light-500-rgb: var(--clr-secondary-light-rgb);
    --clr-secondary-light-100: rgb(99.9215686275%, 99.0588235294%, 95.6078431373%);
    --clr-secondary-light-100-rgb: 254.8 252.6 243.8;
    --clr-secondary-light-300: rgb(99.7647058824%, 97.1764705882%, 86.8235294118%);
    --clr-secondary-light-300-rgb: 254.4 247.8 221.4;
    --clr-secondary-light-700: rgb(59.7647058824%, 57.1764705882%, 46.8235294118%);
    --clr-secondary-light-700-rgb: 152.4 145.8 119.4;
    --clr-secondary-light-900: rgb(19.9215686275%, 19.0588235294%, 15.6078431373%);
    --clr-secondary-light-900-rgb: 50.8 48.6 39.8;
    --clr-secondary-light-op-5: rgba(254, 243, 199, 0.05);
    --clr-secondary-light-op-6: rgba(254, 243, 199, 0.06);
    --clr-secondary-light-op-8: rgba(254, 243, 199, 0.08);
    --clr-secondary-light-op-10: rgba(254, 243, 199, 0.1);
    --clr-secondary-light-op-15: rgba(254, 243, 199, 0.15);
    --clr-secondary-light-op-20: rgba(254, 243, 199, 0.2);
    --clr-secondary-light-op-25: rgba(254, 243, 199, 0.25);
    --clr-secondary-light-op-30: rgba(254, 243, 199, 0.3);
    --clr-secondary-light-op-35: rgba(254, 243, 199, 0.35);
    --clr-secondary-light-op-40: rgba(254, 243, 199, 0.4);
    --clr-secondary-light-op-45: rgba(254, 243, 199, 0.45);
    --clr-secondary-light-op-50: rgba(254, 243, 199, 0.5);
    --clr-secondary-light-op-60: rgba(254, 243, 199, 0.6);
    --clr-secondary-light-op-70: rgba(254, 243, 199, 0.7);
    --clr-secondary-light-op-80: rgba(254, 243, 199, 0.8);
    --clr-secondary-light-op-90: rgba(254, 243, 199, 0.9);
    --clr-secondary-light-op-100: rgba(254, 243, 199, 1);
    --clr-secondary-dark: #D97706;
    --clr-secondary-dark-hex: #D97706;
    --clr-secondary-dark-rgb: 217 119 6;
    --clr-secondary-dark-500: var(--clr-secondary-dark);
    --clr-secondary-dark-500-rgb: var(--clr-secondary-dark-rgb);
    --clr-secondary-dark-100: rgb(97.0196078431%, 89.3333333333%, 80.4705882353%);
    --clr-secondary-dark-100-rgb: 247.4 227.8 205.2;
    --clr-secondary-dark-300: rgb(91.0588235294%, 68%, 41.4117647059%);
    --clr-secondary-dark-300-rgb: 232.2 173.4 105.6;
    --clr-secondary-dark-700: rgb(51.0588235294%, 28%, 1.4117647059%);
    --clr-secondary-dark-700-rgb: 130.2 71.4 3.6;
    --clr-secondary-dark-900: rgb(17.0196078431%, 9.3333333333%, 0.4705882353%);
    --clr-secondary-dark-900-rgb: 43.4 23.8 1.2;
    --clr-secondary-dark-op-5: rgba(217, 119, 6, 0.05);
    --clr-secondary-dark-op-6: rgba(217, 119, 6, 0.06);
    --clr-secondary-dark-op-8: rgba(217, 119, 6, 0.08);
    --clr-secondary-dark-op-10: rgba(217, 119, 6, 0.1);
    --clr-secondary-dark-op-15: rgba(217, 119, 6, 0.15);
    --clr-secondary-dark-op-20: rgba(217, 119, 6, 0.2);
    --clr-secondary-dark-op-25: rgba(217, 119, 6, 0.25);
    --clr-secondary-dark-op-30: rgba(217, 119, 6, 0.3);
    --clr-secondary-dark-op-35: rgba(217, 119, 6, 0.35);
    --clr-secondary-dark-op-40: rgba(217, 119, 6, 0.4);
    --clr-secondary-dark-op-45: rgba(217, 119, 6, 0.45);
    --clr-secondary-dark-op-50: rgba(217, 119, 6, 0.5);
    --clr-secondary-dark-op-60: rgba(217, 119, 6, 0.6);
    --clr-secondary-dark-op-70: rgba(217, 119, 6, 0.7);
    --clr-secondary-dark-op-80: rgba(217, 119, 6, 0.8);
    --clr-secondary-dark-op-90: rgba(217, 119, 6, 0.9);
    --clr-secondary-dark-op-100: rgba(217, 119, 6, 1);
    --clr-accent: #EE7325;
    --clr-accent-hex: #EE7325;
    --clr-accent-rgb: 238 115 37;
    --clr-accent-500: var(--clr-accent);
    --clr-accent-500-rgb: var(--clr-accent-rgb);
    --clr-accent-100: rgb(98.6666666667%, 89.0196078431%, 82.9019607843%);
    --clr-accent-100-rgb: 251.6 227 211.4;
    --clr-accent-300: rgb(96%, 67.0588235294%, 48.7058823529%);
    --clr-accent-300-rgb: 244.8 171 124.2;
    --clr-accent-700: rgb(56%, 27.0588235294%, 8.7058823529%);
    --clr-accent-700-rgb: 142.8 69 22.2;
    --clr-accent-900: rgb(18.6666666667%, 9.0196078431%, 2.9019607843%);
    --clr-accent-900-rgb: 47.6 23 7.4;
    --clr-accent-op-5: rgba(238, 115, 37, 0.05);
    --clr-accent-op-6: rgba(238, 115, 37, 0.06);
    --clr-accent-op-8: rgba(238, 115, 37, 0.08);
    --clr-accent-op-10: rgba(238, 115, 37, 0.1);
    --clr-accent-op-15: rgba(238, 115, 37, 0.15);
    --clr-accent-op-20: rgba(238, 115, 37, 0.2);
    --clr-accent-op-25: rgba(238, 115, 37, 0.25);
    --clr-accent-op-30: rgba(238, 115, 37, 0.3);
    --clr-accent-op-35: rgba(238, 115, 37, 0.35);
    --clr-accent-op-40: rgba(238, 115, 37, 0.4);
    --clr-accent-op-45: rgba(238, 115, 37, 0.45);
    --clr-accent-op-50: rgba(238, 115, 37, 0.5);
    --clr-accent-op-60: rgba(238, 115, 37, 0.6);
    --clr-accent-op-70: rgba(238, 115, 37, 0.7);
    --clr-accent-op-80: rgba(238, 115, 37, 0.8);
    --clr-accent-op-90: rgba(238, 115, 37, 0.9);
    --clr-accent-op-100: rgba(238, 115, 37, 1);
    --clr-accent-light: #FDF4ED;
    --clr-accent-light-hex: #FDF4ED;
    --clr-accent-light-rgb: 253 244 237;
    --clr-accent-light-500: var(--clr-accent-light);
    --clr-accent-light-500-rgb: var(--clr-accent-light-rgb);
    --clr-accent-light-100: rgb(99.8431372549%, 99.137254902%, 98.5882352941%);
    --clr-accent-light-100-rgb: 254.6 252.8 251.4;
    --clr-accent-light-300: rgb(99.5294117647%, 97.4117647059%, 95.7647058824%);
    --clr-accent-light-300-rgb: 253.8 248.4 244.2;
    --clr-accent-light-700: rgb(59.5294117647%, 57.4117647059%, 55.7647058824%);
    --clr-accent-light-700-rgb: 151.8 146.4 142.2;
    --clr-accent-light-900: rgb(19.8431372549%, 19.137254902%, 18.5882352941%);
    --clr-accent-light-900-rgb: 50.6 48.8 47.4;
    --clr-accent-light-op-5: rgba(253, 244, 237, 0.05);
    --clr-accent-light-op-6: rgba(253, 244, 237, 0.06);
    --clr-accent-light-op-8: rgba(253, 244, 237, 0.08);
    --clr-accent-light-op-10: rgba(253, 244, 237, 0.1);
    --clr-accent-light-op-15: rgba(253, 244, 237, 0.15);
    --clr-accent-light-op-20: rgba(253, 244, 237, 0.2);
    --clr-accent-light-op-25: rgba(253, 244, 237, 0.25);
    --clr-accent-light-op-30: rgba(253, 244, 237, 0.3);
    --clr-accent-light-op-35: rgba(253, 244, 237, 0.35);
    --clr-accent-light-op-40: rgba(253, 244, 237, 0.4);
    --clr-accent-light-op-45: rgba(253, 244, 237, 0.45);
    --clr-accent-light-op-50: rgba(253, 244, 237, 0.5);
    --clr-accent-light-op-60: rgba(253, 244, 237, 0.6);
    --clr-accent-light-op-70: rgba(253, 244, 237, 0.7);
    --clr-accent-light-op-80: rgba(253, 244, 237, 0.8);
    --clr-accent-light-op-90: rgba(253, 244, 237, 0.9);
    --clr-accent-light-op-100: rgba(253, 244, 237, 1);
    --clr-accent-dark: #CC5A10;
    --clr-accent-dark-hex: #CC5A10;
    --clr-accent-dark-rgb: 204 90 16;
    --clr-accent-dark-500: var(--clr-accent-dark);
    --clr-accent-dark-500-rgb: var(--clr-accent-dark-rgb);
    --clr-accent-dark-100: rgb(96%, 87.0588235294%, 81.2549019608%);
    --clr-accent-dark-100-rgb: 244.8 222 207.2;
    --clr-accent-dark-300: rgb(88%, 61.1764705882%, 43.7647058824%);
    --clr-accent-dark-300-rgb: 224.4 156 111.6;
    --clr-accent-dark-700: rgb(48%, 21.1764705882%, 3.7647058824%);
    --clr-accent-dark-700-rgb: 122.4 54 9.6;
    --clr-accent-dark-900: rgb(16%, 7.0588235294%, 1.2549019608%);
    --clr-accent-dark-900-rgb: 40.8 18 3.2;
    --clr-accent-dark-op-5: rgba(204, 90, 16, 0.05);
    --clr-accent-dark-op-6: rgba(204, 90, 16, 0.06);
    --clr-accent-dark-op-8: rgba(204, 90, 16, 0.08);
    --clr-accent-dark-op-10: rgba(204, 90, 16, 0.1);
    --clr-accent-dark-op-15: rgba(204, 90, 16, 0.15);
    --clr-accent-dark-op-20: rgba(204, 90, 16, 0.2);
    --clr-accent-dark-op-25: rgba(204, 90, 16, 0.25);
    --clr-accent-dark-op-30: rgba(204, 90, 16, 0.3);
    --clr-accent-dark-op-35: rgba(204, 90, 16, 0.35);
    --clr-accent-dark-op-40: rgba(204, 90, 16, 0.4);
    --clr-accent-dark-op-45: rgba(204, 90, 16, 0.45);
    --clr-accent-dark-op-50: rgba(204, 90, 16, 0.5);
    --clr-accent-dark-op-60: rgba(204, 90, 16, 0.6);
    --clr-accent-dark-op-70: rgba(204, 90, 16, 0.7);
    --clr-accent-dark-op-80: rgba(204, 90, 16, 0.8);
    --clr-accent-dark-op-90: rgba(204, 90, 16, 0.9);
    --clr-accent-dark-op-100: rgba(204, 90, 16, 1);
    --clr-optional: #FFC000;
    --clr-optional-hex: #FFC000;
    --clr-optional-rgb: 255 192 0;
    --clr-optional-500: var(--clr-optional);
    --clr-optional-500-rgb: var(--clr-optional-rgb);
    --clr-optional-100: rgb(100%, 95.0588235294%, 80%);
    --clr-optional-100-rgb: 255 242.4 204;
    --clr-optional-300: rgb(100%, 85.1764705882%, 40%);
    --clr-optional-300-rgb: 255 217.2 102;
    --clr-optional-700: rgb(60%, 45.1764705882%, 0%);
    --clr-optional-700-rgb: 153 115.2 0;
    --clr-optional-900: rgb(20%, 15.0588235294%, 0%);
    --clr-optional-900-rgb: 51 38.4 0;
    --clr-optional-op-5: rgba(255, 192, 0, 0.05);
    --clr-optional-op-6: rgba(255, 192, 0, 0.06);
    --clr-optional-op-8: rgba(255, 192, 0, 0.08);
    --clr-optional-op-10: rgba(255, 192, 0, 0.1);
    --clr-optional-op-15: rgba(255, 192, 0, 0.15);
    --clr-optional-op-20: rgba(255, 192, 0, 0.2);
    --clr-optional-op-25: rgba(255, 192, 0, 0.25);
    --clr-optional-op-30: rgba(255, 192, 0, 0.3);
    --clr-optional-op-35: rgba(255, 192, 0, 0.35);
    --clr-optional-op-40: rgba(255, 192, 0, 0.4);
    --clr-optional-op-45: rgba(255, 192, 0, 0.45);
    --clr-optional-op-50: rgba(255, 192, 0, 0.5);
    --clr-optional-op-60: rgba(255, 192, 0, 0.6);
    --clr-optional-op-70: rgba(255, 192, 0, 0.7);
    --clr-optional-op-80: rgba(255, 192, 0, 0.8);
    --clr-optional-op-90: rgba(255, 192, 0, 0.9);
    --clr-optional-op-100: rgba(255, 192, 0, 1);
    --clr-optional-light: #FDF2CF;
    --clr-optional-light-hex: #FDF2CF;
    --clr-optional-light-rgb: 253 242 207;
    --clr-optional-light-500: var(--clr-optional-light);
    --clr-optional-light-500-rgb: var(--clr-optional-light-rgb);
    --clr-optional-light-100: rgb(99.8431372549%, 98.9803921569%, 96.2352941176%);
    --clr-optional-light-100-rgb: 254.6 252.4 245.4;
    --clr-optional-light-300: rgb(99.5294117647%, 96.9411764706%, 88.7058823529%);
    --clr-optional-light-300-rgb: 253.8 247.2 226.2;
    --clr-optional-light-700: rgb(59.5294117647%, 56.9411764706%, 48.7058823529%);
    --clr-optional-light-700-rgb: 151.8 145.2 124.2;
    --clr-optional-light-900: rgb(19.8431372549%, 18.9803921569%, 16.2352941176%);
    --clr-optional-light-900-rgb: 50.6 48.4 41.4;
    --clr-optional-light-op-5: rgba(253, 242, 207, 0.05);
    --clr-optional-light-op-6: rgba(253, 242, 207, 0.06);
    --clr-optional-light-op-8: rgba(253, 242, 207, 0.08);
    --clr-optional-light-op-10: rgba(253, 242, 207, 0.1);
    --clr-optional-light-op-15: rgba(253, 242, 207, 0.15);
    --clr-optional-light-op-20: rgba(253, 242, 207, 0.2);
    --clr-optional-light-op-25: rgba(253, 242, 207, 0.25);
    --clr-optional-light-op-30: rgba(253, 242, 207, 0.3);
    --clr-optional-light-op-35: rgba(253, 242, 207, 0.35);
    --clr-optional-light-op-40: rgba(253, 242, 207, 0.4);
    --clr-optional-light-op-45: rgba(253, 242, 207, 0.45);
    --clr-optional-light-op-50: rgba(253, 242, 207, 0.5);
    --clr-optional-light-op-60: rgba(253, 242, 207, 0.6);
    --clr-optional-light-op-70: rgba(253, 242, 207, 0.7);
    --clr-optional-light-op-80: rgba(253, 242, 207, 0.8);
    --clr-optional-light-op-90: rgba(253, 242, 207, 0.9);
    --clr-optional-light-op-100: rgba(253, 242, 207, 1);
    --clr-optional-dark: #D4A000;
    --clr-optional-dark-hex: #D4A000;
    --clr-optional-dark-rgb: 212 160 0;
    --clr-optional-dark-500: var(--clr-optional-dark);
    --clr-optional-dark-500-rgb: var(--clr-optional-dark-rgb);
    --clr-optional-dark-100: rgb(96.6274509804%, 92.5490196078%, 80%);
    --clr-optional-dark-100-rgb: 246.4 236 204;
    --clr-optional-dark-300: rgb(89.8823529412%, 77.6470588235%, 40%);
    --clr-optional-dark-300-rgb: 229.2 198 102;
    --clr-optional-dark-700: rgb(49.8823529412%, 37.6470588235%, 0%);
    --clr-optional-dark-700-rgb: 127.2 96 0;
    --clr-optional-dark-900: rgb(16.6274509804%, 12.5490196078%, 0%);
    --clr-optional-dark-900-rgb: 42.4 32 0;
    --clr-optional-dark-op-5: rgba(212, 160, 0, 0.05);
    --clr-optional-dark-op-6: rgba(212, 160, 0, 0.06);
    --clr-optional-dark-op-8: rgba(212, 160, 0, 0.08);
    --clr-optional-dark-op-10: rgba(212, 160, 0, 0.1);
    --clr-optional-dark-op-15: rgba(212, 160, 0, 0.15);
    --clr-optional-dark-op-20: rgba(212, 160, 0, 0.2);
    --clr-optional-dark-op-25: rgba(212, 160, 0, 0.25);
    --clr-optional-dark-op-30: rgba(212, 160, 0, 0.3);
    --clr-optional-dark-op-35: rgba(212, 160, 0, 0.35);
    --clr-optional-dark-op-40: rgba(212, 160, 0, 0.4);
    --clr-optional-dark-op-45: rgba(212, 160, 0, 0.45);
    --clr-optional-dark-op-50: rgba(212, 160, 0, 0.5);
    --clr-optional-dark-op-60: rgba(212, 160, 0, 0.6);
    --clr-optional-dark-op-70: rgba(212, 160, 0, 0.7);
    --clr-optional-dark-op-80: rgba(212, 160, 0, 0.8);
    --clr-optional-dark-op-90: rgba(212, 160, 0, 0.9);
    --clr-optional-dark-op-100: rgba(212, 160, 0, 1);
    --clr-success: #22c55e;
    --clr-success-hex: #22c55e;
    --clr-success-rgb: 34 197 94;
    --clr-success-500: var(--clr-success);
    --clr-success-500-rgb: var(--clr-success-rgb);
    --clr-success-100: rgb(82.6666666667%, 95.4509803922%, 87.3725490196%);
    --clr-success-100-rgb: 210.8 243.4 222.8;
    --clr-success-300: rgb(48%, 86.3529411765%, 62.1176470588%);
    --clr-success-300-rgb: 122.4 220.2 158.4;
    --clr-success-700: rgb(8%, 46.3529411765%, 22.1176470588%);
    --clr-success-700-rgb: 20.4 118.2 56.4;
    --clr-success-900: rgb(2.6666666667%, 15.4509803922%, 7.3725490196%);
    --clr-success-900-rgb: 6.8 39.4 18.8;
    --clr-success-op-5: rgba(34, 197, 94, 0.05);
    --clr-success-op-6: rgba(34, 197, 94, 0.06);
    --clr-success-op-8: rgba(34, 197, 94, 0.08);
    --clr-success-op-10: rgba(34, 197, 94, 0.1);
    --clr-success-op-15: rgba(34, 197, 94, 0.15);
    --clr-success-op-20: rgba(34, 197, 94, 0.2);
    --clr-success-op-25: rgba(34, 197, 94, 0.25);
    --clr-success-op-30: rgba(34, 197, 94, 0.3);
    --clr-success-op-35: rgba(34, 197, 94, 0.35);
    --clr-success-op-40: rgba(34, 197, 94, 0.4);
    --clr-success-op-45: rgba(34, 197, 94, 0.45);
    --clr-success-op-50: rgba(34, 197, 94, 0.5);
    --clr-success-op-60: rgba(34, 197, 94, 0.6);
    --clr-success-op-70: rgba(34, 197, 94, 0.7);
    --clr-success-op-80: rgba(34, 197, 94, 0.8);
    --clr-success-op-90: rgba(34, 197, 94, 0.9);
    --clr-success-op-100: rgba(34, 197, 94, 1);
    --clr-success-light: #dcfce7;
    --clr-success-light-hex: #dcfce7;
    --clr-success-light-rgb: 220 252 231;
    --clr-success-light-500: var(--clr-success-light);
    --clr-success-light-500-rgb: var(--clr-success-light-rgb);
    --clr-success-light-100: rgb(97.2549019608%, 99.7647058824%, 98.1176470588%);
    --clr-success-light-100-rgb: 248 254.4 250.2;
    --clr-success-light-300: rgb(91.7647058824%, 99.2941176471%, 94.3529411765%);
    --clr-success-light-300-rgb: 234 253.2 240.6;
    --clr-success-light-700: rgb(51.7647058824%, 59.2941176471%, 54.3529411765%);
    --clr-success-light-700-rgb: 132 151.2 138.6;
    --clr-success-light-900: rgb(17.2549019608%, 19.7647058824%, 18.1176470588%);
    --clr-success-light-900-rgb: 44 50.4 46.2;
    --clr-success-light-op-5: rgba(220, 252, 231, 0.05);
    --clr-success-light-op-6: rgba(220, 252, 231, 0.06);
    --clr-success-light-op-8: rgba(220, 252, 231, 0.08);
    --clr-success-light-op-10: rgba(220, 252, 231, 0.1);
    --clr-success-light-op-15: rgba(220, 252, 231, 0.15);
    --clr-success-light-op-20: rgba(220, 252, 231, 0.2);
    --clr-success-light-op-25: rgba(220, 252, 231, 0.25);
    --clr-success-light-op-30: rgba(220, 252, 231, 0.3);
    --clr-success-light-op-35: rgba(220, 252, 231, 0.35);
    --clr-success-light-op-40: rgba(220, 252, 231, 0.4);
    --clr-success-light-op-45: rgba(220, 252, 231, 0.45);
    --clr-success-light-op-50: rgba(220, 252, 231, 0.5);
    --clr-success-light-op-60: rgba(220, 252, 231, 0.6);
    --clr-success-light-op-70: rgba(220, 252, 231, 0.7);
    --clr-success-light-op-80: rgba(220, 252, 231, 0.8);
    --clr-success-light-op-90: rgba(220, 252, 231, 0.9);
    --clr-success-light-op-100: rgba(220, 252, 231, 1);
    --clr-success-dark: #166534;
    --clr-success-dark-hex: #166534;
    --clr-success-dark-rgb: 22 101 52;
    --clr-success-dark-500: var(--clr-success-dark);
    --clr-success-dark-500-rgb: var(--clr-success-dark-rgb);
    --clr-success-dark-100: rgb(81.7254901961%, 87.9215686275%, 84.0784313725%);
    --clr-success-dark-100-rgb: 208.4 224.2 214.4;
    --clr-success-dark-300: rgb(45.1764705882%, 63.7647058824%, 52.2352941176%);
    --clr-success-dark-300-rgb: 115.2 162.6 133.2;
    --clr-success-dark-700: rgb(5.1764705882%, 23.7647058824%, 12.2352941176%);
    --clr-success-dark-700-rgb: 13.2 60.6 31.2;
    --clr-success-dark-900: rgb(1.7254901961%, 7.9215686275%, 4.0784313725%);
    --clr-success-dark-900-rgb: 4.4 20.2 10.4;
    --clr-success-dark-op-5: rgba(22, 101, 52, 0.05);
    --clr-success-dark-op-6: rgba(22, 101, 52, 0.06);
    --clr-success-dark-op-8: rgba(22, 101, 52, 0.08);
    --clr-success-dark-op-10: rgba(22, 101, 52, 0.1);
    --clr-success-dark-op-15: rgba(22, 101, 52, 0.15);
    --clr-success-dark-op-20: rgba(22, 101, 52, 0.2);
    --clr-success-dark-op-25: rgba(22, 101, 52, 0.25);
    --clr-success-dark-op-30: rgba(22, 101, 52, 0.3);
    --clr-success-dark-op-35: rgba(22, 101, 52, 0.35);
    --clr-success-dark-op-40: rgba(22, 101, 52, 0.4);
    --clr-success-dark-op-45: rgba(22, 101, 52, 0.45);
    --clr-success-dark-op-50: rgba(22, 101, 52, 0.5);
    --clr-success-dark-op-60: rgba(22, 101, 52, 0.6);
    --clr-success-dark-op-70: rgba(22, 101, 52, 0.7);
    --clr-success-dark-op-80: rgba(22, 101, 52, 0.8);
    --clr-success-dark-op-90: rgba(22, 101, 52, 0.9);
    --clr-success-dark-op-100: rgba(22, 101, 52, 1);
    --clr-warning: #f59e0b;
    --clr-warning-hex: #f59e0b;
    --clr-warning-rgb: 245 158 11;
    --clr-warning-500: var(--clr-warning);
    --clr-warning-500-rgb: var(--clr-warning-rgb);
    --clr-warning-100: rgb(99.2156862745%, 92.3921568627%, 80.862745098%);
    --clr-warning-100-rgb: 253 235.6 206.2;
    --clr-warning-300: rgb(97.6470588235%, 77.1764705882%, 42.5882352941%);
    --clr-warning-300-rgb: 249 196.8 108.6;
    --clr-warning-700: rgb(57.6470588235%, 37.1764705882%, 2.5882352941%);
    --clr-warning-700-rgb: 147 94.8 6.6;
    --clr-warning-900: rgb(19.2156862745%, 12.3921568627%, 0.862745098%);
    --clr-warning-900-rgb: 49 31.6 2.2;
    --clr-warning-op-5: rgba(245, 158, 11, 0.05);
    --clr-warning-op-6: rgba(245, 158, 11, 0.06);
    --clr-warning-op-8: rgba(245, 158, 11, 0.08);
    --clr-warning-op-10: rgba(245, 158, 11, 0.1);
    --clr-warning-op-15: rgba(245, 158, 11, 0.15);
    --clr-warning-op-20: rgba(245, 158, 11, 0.2);
    --clr-warning-op-25: rgba(245, 158, 11, 0.25);
    --clr-warning-op-30: rgba(245, 158, 11, 0.3);
    --clr-warning-op-35: rgba(245, 158, 11, 0.35);
    --clr-warning-op-40: rgba(245, 158, 11, 0.4);
    --clr-warning-op-45: rgba(245, 158, 11, 0.45);
    --clr-warning-op-50: rgba(245, 158, 11, 0.5);
    --clr-warning-op-60: rgba(245, 158, 11, 0.6);
    --clr-warning-op-70: rgba(245, 158, 11, 0.7);
    --clr-warning-op-80: rgba(245, 158, 11, 0.8);
    --clr-warning-op-90: rgba(245, 158, 11, 0.9);
    --clr-warning-op-100: rgba(245, 158, 11, 1);
    --clr-warning-light: #fef3c7;
    --clr-warning-light-hex: #fef3c7;
    --clr-warning-light-rgb: 254 243 199;
    --clr-warning-light-500: var(--clr-warning-light);
    --clr-warning-light-500-rgb: var(--clr-warning-light-rgb);
    --clr-warning-light-100: rgb(99.9215686275%, 99.0588235294%, 95.6078431373%);
    --clr-warning-light-100-rgb: 254.8 252.6 243.8;
    --clr-warning-light-300: rgb(99.7647058824%, 97.1764705882%, 86.8235294118%);
    --clr-warning-light-300-rgb: 254.4 247.8 221.4;
    --clr-warning-light-700: rgb(59.7647058824%, 57.1764705882%, 46.8235294118%);
    --clr-warning-light-700-rgb: 152.4 145.8 119.4;
    --clr-warning-light-900: rgb(19.9215686275%, 19.0588235294%, 15.6078431373%);
    --clr-warning-light-900-rgb: 50.8 48.6 39.8;
    --clr-warning-light-op-5: rgba(254, 243, 199, 0.05);
    --clr-warning-light-op-6: rgba(254, 243, 199, 0.06);
    --clr-warning-light-op-8: rgba(254, 243, 199, 0.08);
    --clr-warning-light-op-10: rgba(254, 243, 199, 0.1);
    --clr-warning-light-op-15: rgba(254, 243, 199, 0.15);
    --clr-warning-light-op-20: rgba(254, 243, 199, 0.2);
    --clr-warning-light-op-25: rgba(254, 243, 199, 0.25);
    --clr-warning-light-op-30: rgba(254, 243, 199, 0.3);
    --clr-warning-light-op-35: rgba(254, 243, 199, 0.35);
    --clr-warning-light-op-40: rgba(254, 243, 199, 0.4);
    --clr-warning-light-op-45: rgba(254, 243, 199, 0.45);
    --clr-warning-light-op-50: rgba(254, 243, 199, 0.5);
    --clr-warning-light-op-60: rgba(254, 243, 199, 0.6);
    --clr-warning-light-op-70: rgba(254, 243, 199, 0.7);
    --clr-warning-light-op-80: rgba(254, 243, 199, 0.8);
    --clr-warning-light-op-90: rgba(254, 243, 199, 0.9);
    --clr-warning-light-op-100: rgba(254, 243, 199, 1);
    --clr-warning-dark: #d97706;
    --clr-warning-dark-hex: #d97706;
    --clr-warning-dark-rgb: 217 119 6;
    --clr-warning-dark-500: var(--clr-warning-dark);
    --clr-warning-dark-500-rgb: var(--clr-warning-dark-rgb);
    --clr-warning-dark-100: rgb(97.0196078431%, 89.3333333333%, 80.4705882353%);
    --clr-warning-dark-100-rgb: 247.4 227.8 205.2;
    --clr-warning-dark-300: rgb(91.0588235294%, 68%, 41.4117647059%);
    --clr-warning-dark-300-rgb: 232.2 173.4 105.6;
    --clr-warning-dark-700: rgb(51.0588235294%, 28%, 1.4117647059%);
    --clr-warning-dark-700-rgb: 130.2 71.4 3.6;
    --clr-warning-dark-900: rgb(17.0196078431%, 9.3333333333%, 0.4705882353%);
    --clr-warning-dark-900-rgb: 43.4 23.8 1.2;
    --clr-warning-dark-op-5: rgba(217, 119, 6, 0.05);
    --clr-warning-dark-op-6: rgba(217, 119, 6, 0.06);
    --clr-warning-dark-op-8: rgba(217, 119, 6, 0.08);
    --clr-warning-dark-op-10: rgba(217, 119, 6, 0.1);
    --clr-warning-dark-op-15: rgba(217, 119, 6, 0.15);
    --clr-warning-dark-op-20: rgba(217, 119, 6, 0.2);
    --clr-warning-dark-op-25: rgba(217, 119, 6, 0.25);
    --clr-warning-dark-op-30: rgba(217, 119, 6, 0.3);
    --clr-warning-dark-op-35: rgba(217, 119, 6, 0.35);
    --clr-warning-dark-op-40: rgba(217, 119, 6, 0.4);
    --clr-warning-dark-op-45: rgba(217, 119, 6, 0.45);
    --clr-warning-dark-op-50: rgba(217, 119, 6, 0.5);
    --clr-warning-dark-op-60: rgba(217, 119, 6, 0.6);
    --clr-warning-dark-op-70: rgba(217, 119, 6, 0.7);
    --clr-warning-dark-op-80: rgba(217, 119, 6, 0.8);
    --clr-warning-dark-op-90: rgba(217, 119, 6, 0.9);
    --clr-warning-dark-op-100: rgba(217, 119, 6, 1);
    --clr-danger: #ef4444;
    --clr-danger-hex: #ef4444;
    --clr-danger-rgb: 239 68 68;
    --clr-danger-500: var(--clr-danger);
    --clr-danger-500-rgb: var(--clr-danger-rgb);
    --clr-danger-100: rgb(98.7450980392%, 85.3333333333%, 85.3333333333%);
    --clr-danger-100-rgb: 251.8 217.6 217.6;
    --clr-danger-300: rgb(96.2352941176%, 56%, 56%);
    --clr-danger-300-rgb: 245.4 142.8 142.8;
    --clr-danger-700: rgb(56.2352941176%, 16%, 16%);
    --clr-danger-700-rgb: 143.4 40.8 40.8;
    --clr-danger-900: rgb(18.7450980392%, 5.3333333333%, 5.3333333333%);
    --clr-danger-900-rgb: 47.8 13.6 13.6;
    --clr-danger-op-5: rgba(239, 68, 68, 0.05);
    --clr-danger-op-6: rgba(239, 68, 68, 0.06);
    --clr-danger-op-8: rgba(239, 68, 68, 0.08);
    --clr-danger-op-10: rgba(239, 68, 68, 0.1);
    --clr-danger-op-15: rgba(239, 68, 68, 0.15);
    --clr-danger-op-20: rgba(239, 68, 68, 0.2);
    --clr-danger-op-25: rgba(239, 68, 68, 0.25);
    --clr-danger-op-30: rgba(239, 68, 68, 0.3);
    --clr-danger-op-35: rgba(239, 68, 68, 0.35);
    --clr-danger-op-40: rgba(239, 68, 68, 0.4);
    --clr-danger-op-45: rgba(239, 68, 68, 0.45);
    --clr-danger-op-50: rgba(239, 68, 68, 0.5);
    --clr-danger-op-60: rgba(239, 68, 68, 0.6);
    --clr-danger-op-70: rgba(239, 68, 68, 0.7);
    --clr-danger-op-80: rgba(239, 68, 68, 0.8);
    --clr-danger-op-90: rgba(239, 68, 68, 0.9);
    --clr-danger-op-100: rgba(239, 68, 68, 1);
    --clr-danger-light: #fee2e2;
    --clr-danger-light-hex: #fee2e2;
    --clr-danger-light-rgb: 254 226 226;
    --clr-danger-light-500: var(--clr-danger-light);
    --clr-danger-light-500-rgb: var(--clr-danger-light-rgb);
    --clr-danger-light-100: rgb(99.9215686275%, 97.7254901961%, 97.7254901961%);
    --clr-danger-light-100-rgb: 254.8 249.2 249.2;
    --clr-danger-light-300: rgb(99.7647058824%, 93.1764705882%, 93.1764705882%);
    --clr-danger-light-300-rgb: 254.4 237.6 237.6;
    --clr-danger-light-700: rgb(59.7647058824%, 53.1764705882%, 53.1764705882%);
    --clr-danger-light-700-rgb: 152.4 135.6 135.6;
    --clr-danger-light-900: rgb(19.9215686275%, 17.7254901961%, 17.7254901961%);
    --clr-danger-light-900-rgb: 50.8 45.2 45.2;
    --clr-danger-light-op-5: rgba(254, 226, 226, 0.05);
    --clr-danger-light-op-6: rgba(254, 226, 226, 0.06);
    --clr-danger-light-op-8: rgba(254, 226, 226, 0.08);
    --clr-danger-light-op-10: rgba(254, 226, 226, 0.1);
    --clr-danger-light-op-15: rgba(254, 226, 226, 0.15);
    --clr-danger-light-op-20: rgba(254, 226, 226, 0.2);
    --clr-danger-light-op-25: rgba(254, 226, 226, 0.25);
    --clr-danger-light-op-30: rgba(254, 226, 226, 0.3);
    --clr-danger-light-op-35: rgba(254, 226, 226, 0.35);
    --clr-danger-light-op-40: rgba(254, 226, 226, 0.4);
    --clr-danger-light-op-45: rgba(254, 226, 226, 0.45);
    --clr-danger-light-op-50: rgba(254, 226, 226, 0.5);
    --clr-danger-light-op-60: rgba(254, 226, 226, 0.6);
    --clr-danger-light-op-70: rgba(254, 226, 226, 0.7);
    --clr-danger-light-op-80: rgba(254, 226, 226, 0.8);
    --clr-danger-light-op-90: rgba(254, 226, 226, 0.9);
    --clr-danger-light-op-100: rgba(254, 226, 226, 1);
    --clr-danger-dark: #dc2626;
    --clr-danger-dark-hex: #dc2626;
    --clr-danger-dark-rgb: 220 38 38;
    --clr-danger-dark-500: var(--clr-danger-dark);
    --clr-danger-dark-500-rgb: var(--clr-danger-dark-rgb);
    --clr-danger-dark-100: rgb(97.2549019608%, 82.9803921569%, 82.9803921569%);
    --clr-danger-dark-100-rgb: 248 211.6 211.6;
    --clr-danger-dark-300: rgb(91.7647058824%, 48.9411764706%, 48.9411764706%);
    --clr-danger-dark-300-rgb: 234 124.8 124.8;
    --clr-danger-dark-700: rgb(51.7647058824%, 8.9411764706%, 8.9411764706%);
    --clr-danger-dark-700-rgb: 132 22.8 22.8;
    --clr-danger-dark-900: rgb(17.2549019608%, 2.9803921569%, 2.9803921569%);
    --clr-danger-dark-900-rgb: 44 7.6 7.6;
    --clr-danger-dark-op-5: rgba(220, 38, 38, 0.05);
    --clr-danger-dark-op-6: rgba(220, 38, 38, 0.06);
    --clr-danger-dark-op-8: rgba(220, 38, 38, 0.08);
    --clr-danger-dark-op-10: rgba(220, 38, 38, 0.1);
    --clr-danger-dark-op-15: rgba(220, 38, 38, 0.15);
    --clr-danger-dark-op-20: rgba(220, 38, 38, 0.2);
    --clr-danger-dark-op-25: rgba(220, 38, 38, 0.25);
    --clr-danger-dark-op-30: rgba(220, 38, 38, 0.3);
    --clr-danger-dark-op-35: rgba(220, 38, 38, 0.35);
    --clr-danger-dark-op-40: rgba(220, 38, 38, 0.4);
    --clr-danger-dark-op-45: rgba(220, 38, 38, 0.45);
    --clr-danger-dark-op-50: rgba(220, 38, 38, 0.5);
    --clr-danger-dark-op-60: rgba(220, 38, 38, 0.6);
    --clr-danger-dark-op-70: rgba(220, 38, 38, 0.7);
    --clr-danger-dark-op-80: rgba(220, 38, 38, 0.8);
    --clr-danger-dark-op-90: rgba(220, 38, 38, 0.9);
    --clr-danger-dark-op-100: rgba(220, 38, 38, 1);
    --clr-info: #F59E0B;
    --clr-info-hex: #F59E0B;
    --clr-info-rgb: 245 158 11;
    --clr-info-500: var(--clr-info);
    --clr-info-500-rgb: var(--clr-info-rgb);
    --clr-info-100: rgb(99.2156862745%, 92.3921568627%, 80.862745098%);
    --clr-info-100-rgb: 253 235.6 206.2;
    --clr-info-300: rgb(97.6470588235%, 77.1764705882%, 42.5882352941%);
    --clr-info-300-rgb: 249 196.8 108.6;
    --clr-info-700: rgb(57.6470588235%, 37.1764705882%, 2.5882352941%);
    --clr-info-700-rgb: 147 94.8 6.6;
    --clr-info-900: rgb(19.2156862745%, 12.3921568627%, 0.862745098%);
    --clr-info-900-rgb: 49 31.6 2.2;
    --clr-info-op-5: rgba(245, 158, 11, 0.05);
    --clr-info-op-6: rgba(245, 158, 11, 0.06);
    --clr-info-op-8: rgba(245, 158, 11, 0.08);
    --clr-info-op-10: rgba(245, 158, 11, 0.1);
    --clr-info-op-15: rgba(245, 158, 11, 0.15);
    --clr-info-op-20: rgba(245, 158, 11, 0.2);
    --clr-info-op-25: rgba(245, 158, 11, 0.25);
    --clr-info-op-30: rgba(245, 158, 11, 0.3);
    --clr-info-op-35: rgba(245, 158, 11, 0.35);
    --clr-info-op-40: rgba(245, 158, 11, 0.4);
    --clr-info-op-45: rgba(245, 158, 11, 0.45);
    --clr-info-op-50: rgba(245, 158, 11, 0.5);
    --clr-info-op-60: rgba(245, 158, 11, 0.6);
    --clr-info-op-70: rgba(245, 158, 11, 0.7);
    --clr-info-op-80: rgba(245, 158, 11, 0.8);
    --clr-info-op-90: rgba(245, 158, 11, 0.9);
    --clr-info-op-100: rgba(245, 158, 11, 1);
    --clr-info-light: #FEF3C7;
    --clr-info-light-hex: #FEF3C7;
    --clr-info-light-rgb: 254 243 199;
    --clr-info-light-500: var(--clr-info-light);
    --clr-info-light-500-rgb: var(--clr-info-light-rgb);
    --clr-info-light-100: rgb(99.9215686275%, 99.0588235294%, 95.6078431373%);
    --clr-info-light-100-rgb: 254.8 252.6 243.8;
    --clr-info-light-300: rgb(99.7647058824%, 97.1764705882%, 86.8235294118%);
    --clr-info-light-300-rgb: 254.4 247.8 221.4;
    --clr-info-light-700: rgb(59.7647058824%, 57.1764705882%, 46.8235294118%);
    --clr-info-light-700-rgb: 152.4 145.8 119.4;
    --clr-info-light-900: rgb(19.9215686275%, 19.0588235294%, 15.6078431373%);
    --clr-info-light-900-rgb: 50.8 48.6 39.8;
    --clr-info-light-op-5: rgba(254, 243, 199, 0.05);
    --clr-info-light-op-6: rgba(254, 243, 199, 0.06);
    --clr-info-light-op-8: rgba(254, 243, 199, 0.08);
    --clr-info-light-op-10: rgba(254, 243, 199, 0.1);
    --clr-info-light-op-15: rgba(254, 243, 199, 0.15);
    --clr-info-light-op-20: rgba(254, 243, 199, 0.2);
    --clr-info-light-op-25: rgba(254, 243, 199, 0.25);
    --clr-info-light-op-30: rgba(254, 243, 199, 0.3);
    --clr-info-light-op-35: rgba(254, 243, 199, 0.35);
    --clr-info-light-op-40: rgba(254, 243, 199, 0.4);
    --clr-info-light-op-45: rgba(254, 243, 199, 0.45);
    --clr-info-light-op-50: rgba(254, 243, 199, 0.5);
    --clr-info-light-op-60: rgba(254, 243, 199, 0.6);
    --clr-info-light-op-70: rgba(254, 243, 199, 0.7);
    --clr-info-light-op-80: rgba(254, 243, 199, 0.8);
    --clr-info-light-op-90: rgba(254, 243, 199, 0.9);
    --clr-info-light-op-100: rgba(254, 243, 199, 1);
    --clr-info-dark: #166534;
    --clr-info-dark-hex: #166534;
    --clr-info-dark-rgb: 22 101 52;
    --clr-info-dark-500: var(--clr-info-dark);
    --clr-info-dark-500-rgb: var(--clr-info-dark-rgb);
    --clr-info-dark-100: rgb(81.7254901961%, 87.9215686275%, 84.0784313725%);
    --clr-info-dark-100-rgb: 208.4 224.2 214.4;
    --clr-info-dark-300: rgb(45.1764705882%, 63.7647058824%, 52.2352941176%);
    --clr-info-dark-300-rgb: 115.2 162.6 133.2;
    --clr-info-dark-700: rgb(5.1764705882%, 23.7647058824%, 12.2352941176%);
    --clr-info-dark-700-rgb: 13.2 60.6 31.2;
    --clr-info-dark-900: rgb(1.7254901961%, 7.9215686275%, 4.0784313725%);
    --clr-info-dark-900-rgb: 4.4 20.2 10.4;
    --clr-info-dark-op-5: rgba(22, 101, 52, 0.05);
    --clr-info-dark-op-6: rgba(22, 101, 52, 0.06);
    --clr-info-dark-op-8: rgba(22, 101, 52, 0.08);
    --clr-info-dark-op-10: rgba(22, 101, 52, 0.1);
    --clr-info-dark-op-15: rgba(22, 101, 52, 0.15);
    --clr-info-dark-op-20: rgba(22, 101, 52, 0.2);
    --clr-info-dark-op-25: rgba(22, 101, 52, 0.25);
    --clr-info-dark-op-30: rgba(22, 101, 52, 0.3);
    --clr-info-dark-op-35: rgba(22, 101, 52, 0.35);
    --clr-info-dark-op-40: rgba(22, 101, 52, 0.4);
    --clr-info-dark-op-45: rgba(22, 101, 52, 0.45);
    --clr-info-dark-op-50: rgba(22, 101, 52, 0.5);
    --clr-info-dark-op-60: rgba(22, 101, 52, 0.6);
    --clr-info-dark-op-70: rgba(22, 101, 52, 0.7);
    --clr-info-dark-op-80: rgba(22, 101, 52, 0.8);
    --clr-info-dark-op-90: rgba(22, 101, 52, 0.9);
    --clr-info-dark-op-100: rgba(22, 101, 52, 1);
    --clr-purple: #8b5cf6;
    --clr-purple-hex: #8b5cf6;
    --clr-purple-rgb: 139 92 246;
    --clr-purple-500: var(--clr-purple);
    --clr-purple-500-rgb: var(--clr-purple-rgb);
    --clr-purple-100: rgb(90.9019607843%, 87.2156862745%, 99.2941176471%);
    --clr-purple-100-rgb: 231.8 222.4 253.2;
    --clr-purple-300: rgb(72.7058823529%, 61.6470588235%, 97.8823529412%);
    --clr-purple-300-rgb: 185.4 157.2 249.6;
    --clr-purple-700: rgb(32.7058823529%, 21.6470588235%, 57.8823529412%);
    --clr-purple-700-rgb: 83.4 55.2 147.6;
    --clr-purple-900: rgb(10.9019607843%, 7.2156862745%, 19.2941176471%);
    --clr-purple-900-rgb: 27.8 18.4 49.2;
    --clr-purple-op-5: rgba(139, 92, 246, 0.05);
    --clr-purple-op-6: rgba(139, 92, 246, 0.06);
    --clr-purple-op-8: rgba(139, 92, 246, 0.08);
    --clr-purple-op-10: rgba(139, 92, 246, 0.1);
    --clr-purple-op-15: rgba(139, 92, 246, 0.15);
    --clr-purple-op-20: rgba(139, 92, 246, 0.2);
    --clr-purple-op-25: rgba(139, 92, 246, 0.25);
    --clr-purple-op-30: rgba(139, 92, 246, 0.3);
    --clr-purple-op-35: rgba(139, 92, 246, 0.35);
    --clr-purple-op-40: rgba(139, 92, 246, 0.4);
    --clr-purple-op-45: rgba(139, 92, 246, 0.45);
    --clr-purple-op-50: rgba(139, 92, 246, 0.5);
    --clr-purple-op-60: rgba(139, 92, 246, 0.6);
    --clr-purple-op-70: rgba(139, 92, 246, 0.7);
    --clr-purple-op-80: rgba(139, 92, 246, 0.8);
    --clr-purple-op-90: rgba(139, 92, 246, 0.9);
    --clr-purple-op-100: rgba(139, 92, 246, 1);
    --clr-purple-light: #f3e8ff;
    --clr-purple-light-hex: #f3e8ff;
    --clr-purple-light-rgb: 243 232 255;
    --clr-purple-light-500: var(--clr-purple-light);
    --clr-purple-light-500-rgb: var(--clr-purple-light-rgb);
    --clr-purple-light-100: rgb(99.0588235294%, 98.1960784314%, 100%);
    --clr-purple-light-100-rgb: 252.6 250.4 255;
    --clr-purple-light-300: rgb(97.1764705882%, 94.5882352941%, 100%);
    --clr-purple-light-300-rgb: 247.8 241.2 255;
    --clr-purple-light-700: rgb(57.1764705882%, 54.5882352941%, 60%);
    --clr-purple-light-700-rgb: 145.8 139.2 153;
    --clr-purple-light-900: rgb(19.0588235294%, 18.1960784314%, 20%);
    --clr-purple-light-900-rgb: 48.6 46.4 51;
    --clr-purple-light-op-5: rgba(243, 232, 255, 0.05);
    --clr-purple-light-op-6: rgba(243, 232, 255, 0.06);
    --clr-purple-light-op-8: rgba(243, 232, 255, 0.08);
    --clr-purple-light-op-10: rgba(243, 232, 255, 0.1);
    --clr-purple-light-op-15: rgba(243, 232, 255, 0.15);
    --clr-purple-light-op-20: rgba(243, 232, 255, 0.2);
    --clr-purple-light-op-25: rgba(243, 232, 255, 0.25);
    --clr-purple-light-op-30: rgba(243, 232, 255, 0.3);
    --clr-purple-light-op-35: rgba(243, 232, 255, 0.35);
    --clr-purple-light-op-40: rgba(243, 232, 255, 0.4);
    --clr-purple-light-op-45: rgba(243, 232, 255, 0.45);
    --clr-purple-light-op-50: rgba(243, 232, 255, 0.5);
    --clr-purple-light-op-60: rgba(243, 232, 255, 0.6);
    --clr-purple-light-op-70: rgba(243, 232, 255, 0.7);
    --clr-purple-light-op-80: rgba(243, 232, 255, 0.8);
    --clr-purple-light-op-90: rgba(243, 232, 255, 0.9);
    --clr-purple-light-op-100: rgba(243, 232, 255, 1);
    --clr-purple-dark: #6d28d9;
    --clr-purple-dark-hex: #6d28d9;
    --clr-purple-dark-rgb: 109 40 217;
    --clr-purple-dark-500: var(--clr-purple-dark);
    --clr-purple-dark-500-rgb: var(--clr-purple-dark-rgb);
    --clr-purple-dark-100: rgb(88.5490196078%, 83.137254902%, 97.0196078431%);
    --clr-purple-dark-100-rgb: 225.8 212 247.4;
    --clr-purple-dark-300: rgb(65.6470588235%, 49.4117647059%, 91.0588235294%);
    --clr-purple-dark-300-rgb: 167.4 126 232.2;
    --clr-purple-dark-700: rgb(25.6470588235%, 9.4117647059%, 51.0588235294%);
    --clr-purple-dark-700-rgb: 65.4 24 130.2;
    --clr-purple-dark-900: rgb(8.5490196078%, 3.137254902%, 17.0196078431%);
    --clr-purple-dark-900-rgb: 21.8 8 43.4;
    --clr-purple-dark-op-5: rgba(109, 40, 217, 0.05);
    --clr-purple-dark-op-6: rgba(109, 40, 217, 0.06);
    --clr-purple-dark-op-8: rgba(109, 40, 217, 0.08);
    --clr-purple-dark-op-10: rgba(109, 40, 217, 0.1);
    --clr-purple-dark-op-15: rgba(109, 40, 217, 0.15);
    --clr-purple-dark-op-20: rgba(109, 40, 217, 0.2);
    --clr-purple-dark-op-25: rgba(109, 40, 217, 0.25);
    --clr-purple-dark-op-30: rgba(109, 40, 217, 0.3);
    --clr-purple-dark-op-35: rgba(109, 40, 217, 0.35);
    --clr-purple-dark-op-40: rgba(109, 40, 217, 0.4);
    --clr-purple-dark-op-45: rgba(109, 40, 217, 0.45);
    --clr-purple-dark-op-50: rgba(109, 40, 217, 0.5);
    --clr-purple-dark-op-60: rgba(109, 40, 217, 0.6);
    --clr-purple-dark-op-70: rgba(109, 40, 217, 0.7);
    --clr-purple-dark-op-80: rgba(109, 40, 217, 0.8);
    --clr-purple-dark-op-90: rgba(109, 40, 217, 0.9);
    --clr-purple-dark-op-100: rgba(109, 40, 217, 1);
    --clr-orange: #f97316;
    --clr-orange-hex: #f97316;
    --clr-orange-rgb: 249 115 22;
    --clr-orange-500: var(--clr-orange);
    --clr-orange-500-rgb: var(--clr-orange-rgb);
    --clr-orange-100: rgb(99.5294117647%, 89.0196078431%, 81.7254901961%);
    --clr-orange-100-rgb: 253.8 227 208.4;
    --clr-orange-300: rgb(98.5882352941%, 67.0588235294%, 45.1764705882%);
    --clr-orange-300-rgb: 251.4 171 115.2;
    --clr-orange-700: rgb(58.5882352941%, 27.0588235294%, 5.1764705882%);
    --clr-orange-700-rgb: 149.4 69 13.2;
    --clr-orange-900: rgb(19.5294117647%, 9.0196078431%, 1.7254901961%);
    --clr-orange-900-rgb: 49.8 23 4.4;
    --clr-orange-op-5: rgba(249, 115, 22, 0.05);
    --clr-orange-op-6: rgba(249, 115, 22, 0.06);
    --clr-orange-op-8: rgba(249, 115, 22, 0.08);
    --clr-orange-op-10: rgba(249, 115, 22, 0.1);
    --clr-orange-op-15: rgba(249, 115, 22, 0.15);
    --clr-orange-op-20: rgba(249, 115, 22, 0.2);
    --clr-orange-op-25: rgba(249, 115, 22, 0.25);
    --clr-orange-op-30: rgba(249, 115, 22, 0.3);
    --clr-orange-op-35: rgba(249, 115, 22, 0.35);
    --clr-orange-op-40: rgba(249, 115, 22, 0.4);
    --clr-orange-op-45: rgba(249, 115, 22, 0.45);
    --clr-orange-op-50: rgba(249, 115, 22, 0.5);
    --clr-orange-op-60: rgba(249, 115, 22, 0.6);
    --clr-orange-op-70: rgba(249, 115, 22, 0.7);
    --clr-orange-op-80: rgba(249, 115, 22, 0.8);
    --clr-orange-op-90: rgba(249, 115, 22, 0.9);
    --clr-orange-op-100: rgba(249, 115, 22, 1);
    --clr-orange-light: #ffedd5;
    --clr-orange-light-hex: #ffedd5;
    --clr-orange-light-rgb: 255 237 213;
    --clr-orange-light-500: var(--clr-orange-light);
    --clr-orange-light-500-rgb: var(--clr-orange-light-rgb);
    --clr-orange-light-100: rgb(100%, 98.5882352941%, 96.7058823529%);
    --clr-orange-light-100-rgb: 255 251.4 246.6;
    --clr-orange-light-300: rgb(100%, 95.7647058824%, 90.1176470588%);
    --clr-orange-light-300-rgb: 255 244.2 229.8;
    --clr-orange-light-700: rgb(60%, 55.7647058824%, 50.1176470588%);
    --clr-orange-light-700-rgb: 153 142.2 127.8;
    --clr-orange-light-900: rgb(20%, 18.5882352941%, 16.7058823529%);
    --clr-orange-light-900-rgb: 51 47.4 42.6;
    --clr-orange-light-op-5: rgba(255, 237, 213, 0.05);
    --clr-orange-light-op-6: rgba(255, 237, 213, 0.06);
    --clr-orange-light-op-8: rgba(255, 237, 213, 0.08);
    --clr-orange-light-op-10: rgba(255, 237, 213, 0.1);
    --clr-orange-light-op-15: rgba(255, 237, 213, 0.15);
    --clr-orange-light-op-20: rgba(255, 237, 213, 0.2);
    --clr-orange-light-op-25: rgba(255, 237, 213, 0.25);
    --clr-orange-light-op-30: rgba(255, 237, 213, 0.3);
    --clr-orange-light-op-35: rgba(255, 237, 213, 0.35);
    --clr-orange-light-op-40: rgba(255, 237, 213, 0.4);
    --clr-orange-light-op-45: rgba(255, 237, 213, 0.45);
    --clr-orange-light-op-50: rgba(255, 237, 213, 0.5);
    --clr-orange-light-op-60: rgba(255, 237, 213, 0.6);
    --clr-orange-light-op-70: rgba(255, 237, 213, 0.7);
    --clr-orange-light-op-80: rgba(255, 237, 213, 0.8);
    --clr-orange-light-op-90: rgba(255, 237, 213, 0.9);
    --clr-orange-light-op-100: rgba(255, 237, 213, 1);
    --clr-orange-dark: #c2410c;
    --clr-orange-dark-hex: #c2410c;
    --clr-orange-dark-rgb: 194 65 12;
    --clr-orange-dark-500: var(--clr-orange-dark);
    --clr-orange-dark-500-rgb: var(--clr-orange-dark-rgb);
    --clr-orange-dark-100: rgb(95.2156862745%, 85.0980392157%, 80.9411764706%);
    --clr-orange-dark-100-rgb: 242.8 217 206.4;
    --clr-orange-dark-300: rgb(85.6470588235%, 55.2941176471%, 42.8235294118%);
    --clr-orange-dark-300-rgb: 218.4 141 109.2;
    --clr-orange-dark-700: rgb(45.6470588235%, 15.2941176471%, 2.8235294118%);
    --clr-orange-dark-700-rgb: 116.4 39 7.2;
    --clr-orange-dark-900: rgb(15.2156862745%, 5.0980392157%, 0.9411764706%);
    --clr-orange-dark-900-rgb: 38.8 13 2.4;
    --clr-orange-dark-op-5: rgba(194, 65, 12, 0.05);
    --clr-orange-dark-op-6: rgba(194, 65, 12, 0.06);
    --clr-orange-dark-op-8: rgba(194, 65, 12, 0.08);
    --clr-orange-dark-op-10: rgba(194, 65, 12, 0.1);
    --clr-orange-dark-op-15: rgba(194, 65, 12, 0.15);
    --clr-orange-dark-op-20: rgba(194, 65, 12, 0.2);
    --clr-orange-dark-op-25: rgba(194, 65, 12, 0.25);
    --clr-orange-dark-op-30: rgba(194, 65, 12, 0.3);
    --clr-orange-dark-op-35: rgba(194, 65, 12, 0.35);
    --clr-orange-dark-op-40: rgba(194, 65, 12, 0.4);
    --clr-orange-dark-op-45: rgba(194, 65, 12, 0.45);
    --clr-orange-dark-op-50: rgba(194, 65, 12, 0.5);
    --clr-orange-dark-op-60: rgba(194, 65, 12, 0.6);
    --clr-orange-dark-op-70: rgba(194, 65, 12, 0.7);
    --clr-orange-dark-op-80: rgba(194, 65, 12, 0.8);
    --clr-orange-dark-op-90: rgba(194, 65, 12, 0.9);
    --clr-orange-dark-op-100: rgba(194, 65, 12, 1);
    --clr-neutral: #64748b;
    --clr-neutral-hex: #64748b;
    --clr-neutral-rgb: 100 116 139;
    --clr-neutral-500: var(--clr-neutral);
    --clr-neutral-500-rgb: var(--clr-neutral-rgb);
    --clr-neutral-100: rgb(87.8431372549%, 89.0980392157%, 90.9019607843%);
    --clr-neutral-100-rgb: 224 227.2 231.8;
    --clr-neutral-300: rgb(63.5294117647%, 67.2941176471%, 72.7058823529%);
    --clr-neutral-300-rgb: 162 171.6 185.4;
    --clr-neutral-700: rgb(23.5294117647%, 27.2941176471%, 32.7058823529%);
    --clr-neutral-700-rgb: 60 69.6 83.4;
    --clr-neutral-900: rgb(7.8431372549%, 9.0980392157%, 10.9019607843%);
    --clr-neutral-900-rgb: 20 23.2 27.8;
    --clr-neutral-op-5: rgba(100, 116, 139, 0.05);
    --clr-neutral-op-6: rgba(100, 116, 139, 0.06);
    --clr-neutral-op-8: rgba(100, 116, 139, 0.08);
    --clr-neutral-op-10: rgba(100, 116, 139, 0.1);
    --clr-neutral-op-15: rgba(100, 116, 139, 0.15);
    --clr-neutral-op-20: rgba(100, 116, 139, 0.2);
    --clr-neutral-op-25: rgba(100, 116, 139, 0.25);
    --clr-neutral-op-30: rgba(100, 116, 139, 0.3);
    --clr-neutral-op-35: rgba(100, 116, 139, 0.35);
    --clr-neutral-op-40: rgba(100, 116, 139, 0.4);
    --clr-neutral-op-45: rgba(100, 116, 139, 0.45);
    --clr-neutral-op-50: rgba(100, 116, 139, 0.5);
    --clr-neutral-op-60: rgba(100, 116, 139, 0.6);
    --clr-neutral-op-70: rgba(100, 116, 139, 0.7);
    --clr-neutral-op-80: rgba(100, 116, 139, 0.8);
    --clr-neutral-op-90: rgba(100, 116, 139, 0.9);
    --clr-neutral-op-100: rgba(100, 116, 139, 1);
    --clr-neutral-50: #f8fafc;
    --clr-neutral-50-hex: #f8fafc;
    --clr-neutral-50-rgb: 248 250 252;
    --clr-neutral-50-op-5: rgba(248, 250, 252, 0.05);
    --clr-neutral-50-op-6: rgba(248, 250, 252, 0.06);
    --clr-neutral-50-op-8: rgba(248, 250, 252, 0.08);
    --clr-neutral-50-op-10: rgba(248, 250, 252, 0.1);
    --clr-neutral-50-op-15: rgba(248, 250, 252, 0.15);
    --clr-neutral-50-op-20: rgba(248, 250, 252, 0.2);
    --clr-neutral-50-op-25: rgba(248, 250, 252, 0.25);
    --clr-neutral-50-op-30: rgba(248, 250, 252, 0.3);
    --clr-neutral-50-op-35: rgba(248, 250, 252, 0.35);
    --clr-neutral-50-op-40: rgba(248, 250, 252, 0.4);
    --clr-neutral-50-op-45: rgba(248, 250, 252, 0.45);
    --clr-neutral-50-op-50: rgba(248, 250, 252, 0.5);
    --clr-neutral-50-op-60: rgba(248, 250, 252, 0.6);
    --clr-neutral-50-op-70: rgba(248, 250, 252, 0.7);
    --clr-neutral-50-op-80: rgba(248, 250, 252, 0.8);
    --clr-neutral-50-op-90: rgba(248, 250, 252, 0.9);
    --clr-neutral-50-op-100: rgba(248, 250, 252, 1);
    --clr-neutral-100: #f1f5f9;
    --clr-neutral-100-hex: #f1f5f9;
    --clr-neutral-100-rgb: 241 245 249;
    --clr-neutral-100-op-5: rgba(241, 245, 249, 0.05);
    --clr-neutral-100-op-6: rgba(241, 245, 249, 0.06);
    --clr-neutral-100-op-8: rgba(241, 245, 249, 0.08);
    --clr-neutral-100-op-10: rgba(241, 245, 249, 0.1);
    --clr-neutral-100-op-15: rgba(241, 245, 249, 0.15);
    --clr-neutral-100-op-20: rgba(241, 245, 249, 0.2);
    --clr-neutral-100-op-25: rgba(241, 245, 249, 0.25);
    --clr-neutral-100-op-30: rgba(241, 245, 249, 0.3);
    --clr-neutral-100-op-35: rgba(241, 245, 249, 0.35);
    --clr-neutral-100-op-40: rgba(241, 245, 249, 0.4);
    --clr-neutral-100-op-45: rgba(241, 245, 249, 0.45);
    --clr-neutral-100-op-50: rgba(241, 245, 249, 0.5);
    --clr-neutral-100-op-60: rgba(241, 245, 249, 0.6);
    --clr-neutral-100-op-70: rgba(241, 245, 249, 0.7);
    --clr-neutral-100-op-80: rgba(241, 245, 249, 0.8);
    --clr-neutral-100-op-90: rgba(241, 245, 249, 0.9);
    --clr-neutral-100-op-100: rgba(241, 245, 249, 1);
    --clr-neutral-200: #e2e8f0;
    --clr-neutral-200-hex: #e2e8f0;
    --clr-neutral-200-rgb: 226 232 240;
    --clr-neutral-200-op-5: rgba(226, 232, 240, 0.05);
    --clr-neutral-200-op-6: rgba(226, 232, 240, 0.06);
    --clr-neutral-200-op-8: rgba(226, 232, 240, 0.08);
    --clr-neutral-200-op-10: rgba(226, 232, 240, 0.1);
    --clr-neutral-200-op-15: rgba(226, 232, 240, 0.15);
    --clr-neutral-200-op-20: rgba(226, 232, 240, 0.2);
    --clr-neutral-200-op-25: rgba(226, 232, 240, 0.25);
    --clr-neutral-200-op-30: rgba(226, 232, 240, 0.3);
    --clr-neutral-200-op-35: rgba(226, 232, 240, 0.35);
    --clr-neutral-200-op-40: rgba(226, 232, 240, 0.4);
    --clr-neutral-200-op-45: rgba(226, 232, 240, 0.45);
    --clr-neutral-200-op-50: rgba(226, 232, 240, 0.5);
    --clr-neutral-200-op-60: rgba(226, 232, 240, 0.6);
    --clr-neutral-200-op-70: rgba(226, 232, 240, 0.7);
    --clr-neutral-200-op-80: rgba(226, 232, 240, 0.8);
    --clr-neutral-200-op-90: rgba(226, 232, 240, 0.9);
    --clr-neutral-200-op-100: rgba(226, 232, 240, 1);
    --clr-neutral-300: #cbd5e1;
    --clr-neutral-300-hex: #cbd5e1;
    --clr-neutral-300-rgb: 203 213 225;
    --clr-neutral-300-op-5: rgba(203, 213, 225, 0.05);
    --clr-neutral-300-op-6: rgba(203, 213, 225, 0.06);
    --clr-neutral-300-op-8: rgba(203, 213, 225, 0.08);
    --clr-neutral-300-op-10: rgba(203, 213, 225, 0.1);
    --clr-neutral-300-op-15: rgba(203, 213, 225, 0.15);
    --clr-neutral-300-op-20: rgba(203, 213, 225, 0.2);
    --clr-neutral-300-op-25: rgba(203, 213, 225, 0.25);
    --clr-neutral-300-op-30: rgba(203, 213, 225, 0.3);
    --clr-neutral-300-op-35: rgba(203, 213, 225, 0.35);
    --clr-neutral-300-op-40: rgba(203, 213, 225, 0.4);
    --clr-neutral-300-op-45: rgba(203, 213, 225, 0.45);
    --clr-neutral-300-op-50: rgba(203, 213, 225, 0.5);
    --clr-neutral-300-op-60: rgba(203, 213, 225, 0.6);
    --clr-neutral-300-op-70: rgba(203, 213, 225, 0.7);
    --clr-neutral-300-op-80: rgba(203, 213, 225, 0.8);
    --clr-neutral-300-op-90: rgba(203, 213, 225, 0.9);
    --clr-neutral-300-op-100: rgba(203, 213, 225, 1);
    --clr-neutral-400: #94a3b8;
    --clr-neutral-400-hex: #94a3b8;
    --clr-neutral-400-rgb: 148 163 184;
    --clr-neutral-400-op-5: rgba(148, 163, 184, 0.05);
    --clr-neutral-400-op-6: rgba(148, 163, 184, 0.06);
    --clr-neutral-400-op-8: rgba(148, 163, 184, 0.08);
    --clr-neutral-400-op-10: rgba(148, 163, 184, 0.1);
    --clr-neutral-400-op-15: rgba(148, 163, 184, 0.15);
    --clr-neutral-400-op-20: rgba(148, 163, 184, 0.2);
    --clr-neutral-400-op-25: rgba(148, 163, 184, 0.25);
    --clr-neutral-400-op-30: rgba(148, 163, 184, 0.3);
    --clr-neutral-400-op-35: rgba(148, 163, 184, 0.35);
    --clr-neutral-400-op-40: rgba(148, 163, 184, 0.4);
    --clr-neutral-400-op-45: rgba(148, 163, 184, 0.45);
    --clr-neutral-400-op-50: rgba(148, 163, 184, 0.5);
    --clr-neutral-400-op-60: rgba(148, 163, 184, 0.6);
    --clr-neutral-400-op-70: rgba(148, 163, 184, 0.7);
    --clr-neutral-400-op-80: rgba(148, 163, 184, 0.8);
    --clr-neutral-400-op-90: rgba(148, 163, 184, 0.9);
    --clr-neutral-400-op-100: rgba(148, 163, 184, 1);
    --clr-neutral-500: #64748b;
    --clr-neutral-500-hex: #64748b;
    --clr-neutral-500-rgb: 100 116 139;
    --clr-neutral-500-op-5: rgba(100, 116, 139, 0.05);
    --clr-neutral-500-op-6: rgba(100, 116, 139, 0.06);
    --clr-neutral-500-op-8: rgba(100, 116, 139, 0.08);
    --clr-neutral-500-op-10: rgba(100, 116, 139, 0.1);
    --clr-neutral-500-op-15: rgba(100, 116, 139, 0.15);
    --clr-neutral-500-op-20: rgba(100, 116, 139, 0.2);
    --clr-neutral-500-op-25: rgba(100, 116, 139, 0.25);
    --clr-neutral-500-op-30: rgba(100, 116, 139, 0.3);
    --clr-neutral-500-op-35: rgba(100, 116, 139, 0.35);
    --clr-neutral-500-op-40: rgba(100, 116, 139, 0.4);
    --clr-neutral-500-op-45: rgba(100, 116, 139, 0.45);
    --clr-neutral-500-op-50: rgba(100, 116, 139, 0.5);
    --clr-neutral-500-op-60: rgba(100, 116, 139, 0.6);
    --clr-neutral-500-op-70: rgba(100, 116, 139, 0.7);
    --clr-neutral-500-op-80: rgba(100, 116, 139, 0.8);
    --clr-neutral-500-op-90: rgba(100, 116, 139, 0.9);
    --clr-neutral-500-op-100: rgba(100, 116, 139, 1);
    --clr-neutral-600: #475569;
    --clr-neutral-600-hex: #475569;
    --clr-neutral-600-rgb: 71 85 105;
    --clr-neutral-600-op-5: rgba(71, 85, 105, 0.05);
    --clr-neutral-600-op-6: rgba(71, 85, 105, 0.06);
    --clr-neutral-600-op-8: rgba(71, 85, 105, 0.08);
    --clr-neutral-600-op-10: rgba(71, 85, 105, 0.1);
    --clr-neutral-600-op-15: rgba(71, 85, 105, 0.15);
    --clr-neutral-600-op-20: rgba(71, 85, 105, 0.2);
    --clr-neutral-600-op-25: rgba(71, 85, 105, 0.25);
    --clr-neutral-600-op-30: rgba(71, 85, 105, 0.3);
    --clr-neutral-600-op-35: rgba(71, 85, 105, 0.35);
    --clr-neutral-600-op-40: rgba(71, 85, 105, 0.4);
    --clr-neutral-600-op-45: rgba(71, 85, 105, 0.45);
    --clr-neutral-600-op-50: rgba(71, 85, 105, 0.5);
    --clr-neutral-600-op-60: rgba(71, 85, 105, 0.6);
    --clr-neutral-600-op-70: rgba(71, 85, 105, 0.7);
    --clr-neutral-600-op-80: rgba(71, 85, 105, 0.8);
    --clr-neutral-600-op-90: rgba(71, 85, 105, 0.9);
    --clr-neutral-600-op-100: rgba(71, 85, 105, 1);
    --clr-neutral-700: #334155;
    --clr-neutral-700-hex: #334155;
    --clr-neutral-700-rgb: 51 65 85;
    --clr-neutral-700-op-5: rgba(51, 65, 85, 0.05);
    --clr-neutral-700-op-6: rgba(51, 65, 85, 0.06);
    --clr-neutral-700-op-8: rgba(51, 65, 85, 0.08);
    --clr-neutral-700-op-10: rgba(51, 65, 85, 0.1);
    --clr-neutral-700-op-15: rgba(51, 65, 85, 0.15);
    --clr-neutral-700-op-20: rgba(51, 65, 85, 0.2);
    --clr-neutral-700-op-25: rgba(51, 65, 85, 0.25);
    --clr-neutral-700-op-30: rgba(51, 65, 85, 0.3);
    --clr-neutral-700-op-35: rgba(51, 65, 85, 0.35);
    --clr-neutral-700-op-40: rgba(51, 65, 85, 0.4);
    --clr-neutral-700-op-45: rgba(51, 65, 85, 0.45);
    --clr-neutral-700-op-50: rgba(51, 65, 85, 0.5);
    --clr-neutral-700-op-60: rgba(51, 65, 85, 0.6);
    --clr-neutral-700-op-70: rgba(51, 65, 85, 0.7);
    --clr-neutral-700-op-80: rgba(51, 65, 85, 0.8);
    --clr-neutral-700-op-90: rgba(51, 65, 85, 0.9);
    --clr-neutral-700-op-100: rgba(51, 65, 85, 1);
    --clr-neutral-800: #1e293b;
    --clr-neutral-800-hex: #1e293b;
    --clr-neutral-800-rgb: 30 41 59;
    --clr-neutral-800-op-5: rgba(30, 41, 59, 0.05);
    --clr-neutral-800-op-6: rgba(30, 41, 59, 0.06);
    --clr-neutral-800-op-8: rgba(30, 41, 59, 0.08);
    --clr-neutral-800-op-10: rgba(30, 41, 59, 0.1);
    --clr-neutral-800-op-15: rgba(30, 41, 59, 0.15);
    --clr-neutral-800-op-20: rgba(30, 41, 59, 0.2);
    --clr-neutral-800-op-25: rgba(30, 41, 59, 0.25);
    --clr-neutral-800-op-30: rgba(30, 41, 59, 0.3);
    --clr-neutral-800-op-35: rgba(30, 41, 59, 0.35);
    --clr-neutral-800-op-40: rgba(30, 41, 59, 0.4);
    --clr-neutral-800-op-45: rgba(30, 41, 59, 0.45);
    --clr-neutral-800-op-50: rgba(30, 41, 59, 0.5);
    --clr-neutral-800-op-60: rgba(30, 41, 59, 0.6);
    --clr-neutral-800-op-70: rgba(30, 41, 59, 0.7);
    --clr-neutral-800-op-80: rgba(30, 41, 59, 0.8);
    --clr-neutral-800-op-90: rgba(30, 41, 59, 0.9);
    --clr-neutral-800-op-100: rgba(30, 41, 59, 1);
    --clr-neutral-900: #0f172a;
    --clr-neutral-900-hex: #0f172a;
    --clr-neutral-900-rgb: 15 23 42;
    --clr-neutral-900-op-5: rgba(15, 23, 42, 0.05);
    --clr-neutral-900-op-6: rgba(15, 23, 42, 0.06);
    --clr-neutral-900-op-8: rgba(15, 23, 42, 0.08);
    --clr-neutral-900-op-10: rgba(15, 23, 42, 0.1);
    --clr-neutral-900-op-15: rgba(15, 23, 42, 0.15);
    --clr-neutral-900-op-20: rgba(15, 23, 42, 0.2);
    --clr-neutral-900-op-25: rgba(15, 23, 42, 0.25);
    --clr-neutral-900-op-30: rgba(15, 23, 42, 0.3);
    --clr-neutral-900-op-35: rgba(15, 23, 42, 0.35);
    --clr-neutral-900-op-40: rgba(15, 23, 42, 0.4);
    --clr-neutral-900-op-45: rgba(15, 23, 42, 0.45);
    --clr-neutral-900-op-50: rgba(15, 23, 42, 0.5);
    --clr-neutral-900-op-60: rgba(15, 23, 42, 0.6);
    --clr-neutral-900-op-70: rgba(15, 23, 42, 0.7);
    --clr-neutral-900-op-80: rgba(15, 23, 42, 0.8);
    --clr-neutral-900-op-90: rgba(15, 23, 42, 0.9);
    --clr-neutral-900-op-100: rgba(15, 23, 42, 1);
    --clr-bg: #FAFBFC;
    --clr-bg-hex: #FAFBFC;
    --clr-bg-rgb: 250 251 252;
    --clr-bg-op-5: rgba(250, 251, 252, 0.05);
    --clr-bg-op-6: rgba(250, 251, 252, 0.06);
    --clr-bg-op-8: rgba(250, 251, 252, 0.08);
    --clr-bg-op-10: rgba(250, 251, 252, 0.1);
    --clr-bg-op-15: rgba(250, 251, 252, 0.15);
    --clr-bg-op-20: rgba(250, 251, 252, 0.2);
    --clr-bg-op-25: rgba(250, 251, 252, 0.25);
    --clr-bg-op-30: rgba(250, 251, 252, 0.3);
    --clr-bg-op-35: rgba(250, 251, 252, 0.35);
    --clr-bg-op-40: rgba(250, 251, 252, 0.4);
    --clr-bg-op-45: rgba(250, 251, 252, 0.45);
    --clr-bg-op-50: rgba(250, 251, 252, 0.5);
    --clr-bg-op-60: rgba(250, 251, 252, 0.6);
    --clr-bg-op-70: rgba(250, 251, 252, 0.7);
    --clr-bg-op-80: rgba(250, 251, 252, 0.8);
    --clr-bg-op-90: rgba(250, 251, 252, 0.9);
    --clr-bg-op-100: rgba(250, 251, 252, 1);
    --clr-bg-alt: #F1F5F9;
    --clr-bg-alt-hex: #F1F5F9;
    --clr-bg-alt-rgb: 241 245 249;
    --clr-bg-alt-op-5: rgba(241, 245, 249, 0.05);
    --clr-bg-alt-op-6: rgba(241, 245, 249, 0.06);
    --clr-bg-alt-op-8: rgba(241, 245, 249, 0.08);
    --clr-bg-alt-op-10: rgba(241, 245, 249, 0.1);
    --clr-bg-alt-op-15: rgba(241, 245, 249, 0.15);
    --clr-bg-alt-op-20: rgba(241, 245, 249, 0.2);
    --clr-bg-alt-op-25: rgba(241, 245, 249, 0.25);
    --clr-bg-alt-op-30: rgba(241, 245, 249, 0.3);
    --clr-bg-alt-op-35: rgba(241, 245, 249, 0.35);
    --clr-bg-alt-op-40: rgba(241, 245, 249, 0.4);
    --clr-bg-alt-op-45: rgba(241, 245, 249, 0.45);
    --clr-bg-alt-op-50: rgba(241, 245, 249, 0.5);
    --clr-bg-alt-op-60: rgba(241, 245, 249, 0.6);
    --clr-bg-alt-op-70: rgba(241, 245, 249, 0.7);
    --clr-bg-alt-op-80: rgba(241, 245, 249, 0.8);
    --clr-bg-alt-op-90: rgba(241, 245, 249, 0.9);
    --clr-bg-alt-op-100: rgba(241, 245, 249, 1);
    --clr-text: #0f172a;
    --clr-text-hex: #0f172a;
    --clr-text-rgb: 15 23 42;
    --clr-text-op-5: rgba(15, 23, 42, 0.05);
    --clr-text-op-6: rgba(15, 23, 42, 0.06);
    --clr-text-op-8: rgba(15, 23, 42, 0.08);
    --clr-text-op-10: rgba(15, 23, 42, 0.1);
    --clr-text-op-15: rgba(15, 23, 42, 0.15);
    --clr-text-op-20: rgba(15, 23, 42, 0.2);
    --clr-text-op-25: rgba(15, 23, 42, 0.25);
    --clr-text-op-30: rgba(15, 23, 42, 0.3);
    --clr-text-op-35: rgba(15, 23, 42, 0.35);
    --clr-text-op-40: rgba(15, 23, 42, 0.4);
    --clr-text-op-45: rgba(15, 23, 42, 0.45);
    --clr-text-op-50: rgba(15, 23, 42, 0.5);
    --clr-text-op-60: rgba(15, 23, 42, 0.6);
    --clr-text-op-70: rgba(15, 23, 42, 0.7);
    --clr-text-op-80: rgba(15, 23, 42, 0.8);
    --clr-text-op-90: rgba(15, 23, 42, 0.9);
    --clr-text-op-100: rgba(15, 23, 42, 1);
    --clr-text-muted: #64748b;
    --clr-text-muted-hex: #64748b;
    --clr-text-muted-rgb: 100 116 139;
    --clr-text-muted-op-5: rgba(100, 116, 139, 0.05);
    --clr-text-muted-op-6: rgba(100, 116, 139, 0.06);
    --clr-text-muted-op-8: rgba(100, 116, 139, 0.08);
    --clr-text-muted-op-10: rgba(100, 116, 139, 0.1);
    --clr-text-muted-op-15: rgba(100, 116, 139, 0.15);
    --clr-text-muted-op-20: rgba(100, 116, 139, 0.2);
    --clr-text-muted-op-25: rgba(100, 116, 139, 0.25);
    --clr-text-muted-op-30: rgba(100, 116, 139, 0.3);
    --clr-text-muted-op-35: rgba(100, 116, 139, 0.35);
    --clr-text-muted-op-40: rgba(100, 116, 139, 0.4);
    --clr-text-muted-op-45: rgba(100, 116, 139, 0.45);
    --clr-text-muted-op-50: rgba(100, 116, 139, 0.5);
    --clr-text-muted-op-60: rgba(100, 116, 139, 0.6);
    --clr-text-muted-op-70: rgba(100, 116, 139, 0.7);
    --clr-text-muted-op-80: rgba(100, 116, 139, 0.8);
    --clr-text-muted-op-90: rgba(100, 116, 139, 0.9);
    --clr-text-muted-op-100: rgba(100, 116, 139, 1);
    --clr-text-subtle: #94a3b8;
    --clr-text-subtle-hex: #94a3b8;
    --clr-text-subtle-rgb: 148 163 184;
    --clr-text-subtle-op-5: rgba(148, 163, 184, 0.05);
    --clr-text-subtle-op-6: rgba(148, 163, 184, 0.06);
    --clr-text-subtle-op-8: rgba(148, 163, 184, 0.08);
    --clr-text-subtle-op-10: rgba(148, 163, 184, 0.1);
    --clr-text-subtle-op-15: rgba(148, 163, 184, 0.15);
    --clr-text-subtle-op-20: rgba(148, 163, 184, 0.2);
    --clr-text-subtle-op-25: rgba(148, 163, 184, 0.25);
    --clr-text-subtle-op-30: rgba(148, 163, 184, 0.3);
    --clr-text-subtle-op-35: rgba(148, 163, 184, 0.35);
    --clr-text-subtle-op-40: rgba(148, 163, 184, 0.4);
    --clr-text-subtle-op-45: rgba(148, 163, 184, 0.45);
    --clr-text-subtle-op-50: rgba(148, 163, 184, 0.5);
    --clr-text-subtle-op-60: rgba(148, 163, 184, 0.6);
    --clr-text-subtle-op-70: rgba(148, 163, 184, 0.7);
    --clr-text-subtle-op-80: rgba(148, 163, 184, 0.8);
    --clr-text-subtle-op-90: rgba(148, 163, 184, 0.9);
    --clr-text-subtle-op-100: rgba(148, 163, 184, 1);
    --clr-surface-void: #ffffff;
    --clr-surface-void-hex: #ffffff;
    --clr-surface-void-rgb: 255 255 255;
    --clr-surface-void-op-5: rgba(255, 255, 255, 0.05);
    --clr-surface-void-op-6: rgba(255, 255, 255, 0.06);
    --clr-surface-void-op-8: rgba(255, 255, 255, 0.08);
    --clr-surface-void-op-10: rgba(255, 255, 255, 0.1);
    --clr-surface-void-op-15: rgba(255, 255, 255, 0.15);
    --clr-surface-void-op-20: rgba(255, 255, 255, 0.2);
    --clr-surface-void-op-25: rgba(255, 255, 255, 0.25);
    --clr-surface-void-op-30: rgba(255, 255, 255, 0.3);
    --clr-surface-void-op-35: rgba(255, 255, 255, 0.35);
    --clr-surface-void-op-40: rgba(255, 255, 255, 0.4);
    --clr-surface-void-op-45: rgba(255, 255, 255, 0.45);
    --clr-surface-void-op-50: rgba(255, 255, 255, 0.5);
    --clr-surface-void-op-60: rgba(255, 255, 255, 0.6);
    --clr-surface-void-op-70: rgba(255, 255, 255, 0.7);
    --clr-surface-void-op-80: rgba(255, 255, 255, 0.8);
    --clr-surface-void-op-90: rgba(255, 255, 255, 0.9);
    --clr-surface-void-op-100: rgba(255, 255, 255, 1);
    --clr-surface-crystal: #ffffff;
    --clr-surface-crystal-hex: #ffffff;
    --clr-surface-crystal-rgb: 255 255 255;
    --clr-surface-crystal-op-5: rgba(255, 255, 255, 0.05);
    --clr-surface-crystal-op-6: rgba(255, 255, 255, 0.06);
    --clr-surface-crystal-op-8: rgba(255, 255, 255, 0.08);
    --clr-surface-crystal-op-10: rgba(255, 255, 255, 0.1);
    --clr-surface-crystal-op-15: rgba(255, 255, 255, 0.15);
    --clr-surface-crystal-op-20: rgba(255, 255, 255, 0.2);
    --clr-surface-crystal-op-25: rgba(255, 255, 255, 0.25);
    --clr-surface-crystal-op-30: rgba(255, 255, 255, 0.3);
    --clr-surface-crystal-op-35: rgba(255, 255, 255, 0.35);
    --clr-surface-crystal-op-40: rgba(255, 255, 255, 0.4);
    --clr-surface-crystal-op-45: rgba(255, 255, 255, 0.45);
    --clr-surface-crystal-op-50: rgba(255, 255, 255, 0.5);
    --clr-surface-crystal-op-60: rgba(255, 255, 255, 0.6);
    --clr-surface-crystal-op-70: rgba(255, 255, 255, 0.7);
    --clr-surface-crystal-op-80: rgba(255, 255, 255, 0.8);
    --clr-surface-crystal-op-90: rgba(255, 255, 255, 0.9);
    --clr-surface-crystal-op-100: rgba(255, 255, 255, 1);
    --clr-surface-frost: #f8fafc;
    --clr-surface-frost-hex: #f8fafc;
    --clr-surface-frost-rgb: 248 250 252;
    --clr-surface-frost-op-5: rgba(248, 250, 252, 0.05);
    --clr-surface-frost-op-6: rgba(248, 250, 252, 0.06);
    --clr-surface-frost-op-8: rgba(248, 250, 252, 0.08);
    --clr-surface-frost-op-10: rgba(248, 250, 252, 0.1);
    --clr-surface-frost-op-15: rgba(248, 250, 252, 0.15);
    --clr-surface-frost-op-20: rgba(248, 250, 252, 0.2);
    --clr-surface-frost-op-25: rgba(248, 250, 252, 0.25);
    --clr-surface-frost-op-30: rgba(248, 250, 252, 0.3);
    --clr-surface-frost-op-35: rgba(248, 250, 252, 0.35);
    --clr-surface-frost-op-40: rgba(248, 250, 252, 0.4);
    --clr-surface-frost-op-45: rgba(248, 250, 252, 0.45);
    --clr-surface-frost-op-50: rgba(248, 250, 252, 0.5);
    --clr-surface-frost-op-60: rgba(248, 250, 252, 0.6);
    --clr-surface-frost-op-70: rgba(248, 250, 252, 0.7);
    --clr-surface-frost-op-80: rgba(248, 250, 252, 0.8);
    --clr-surface-frost-op-90: rgba(248, 250, 252, 0.9);
    --clr-surface-frost-op-100: rgba(248, 250, 252, 1);
    --clr-surface-onyx: #ffffff;
    --clr-surface-onyx-hex: #ffffff;
    --clr-surface-onyx-rgb: 255 255 255;
    --clr-surface-onyx-op-5: rgba(255, 255, 255, 0.05);
    --clr-surface-onyx-op-6: rgba(255, 255, 255, 0.06);
    --clr-surface-onyx-op-8: rgba(255, 255, 255, 0.08);
    --clr-surface-onyx-op-10: rgba(255, 255, 255, 0.1);
    --clr-surface-onyx-op-15: rgba(255, 255, 255, 0.15);
    --clr-surface-onyx-op-20: rgba(255, 255, 255, 0.2);
    --clr-surface-onyx-op-25: rgba(255, 255, 255, 0.25);
    --clr-surface-onyx-op-30: rgba(255, 255, 255, 0.3);
    --clr-surface-onyx-op-35: rgba(255, 255, 255, 0.35);
    --clr-surface-onyx-op-40: rgba(255, 255, 255, 0.4);
    --clr-surface-onyx-op-45: rgba(255, 255, 255, 0.45);
    --clr-surface-onyx-op-50: rgba(255, 255, 255, 0.5);
    --clr-surface-onyx-op-60: rgba(255, 255, 255, 0.6);
    --clr-surface-onyx-op-70: rgba(255, 255, 255, 0.7);
    --clr-surface-onyx-op-80: rgba(255, 255, 255, 0.8);
    --clr-surface-onyx-op-90: rgba(255, 255, 255, 0.9);
    --clr-surface-onyx-op-100: rgba(255, 255, 255, 1);
    --clr-white: #ffffff;
    --clr-white-hex: #ffffff;
    --clr-white-rgb: 255 255 255;
    --clr-white-op-5: rgba(255, 255, 255, 0.05);
    --clr-white-op-6: rgba(255, 255, 255, 0.06);
    --clr-white-op-8: rgba(255, 255, 255, 0.08);
    --clr-white-op-10: rgba(255, 255, 255, 0.1);
    --clr-white-op-15: rgba(255, 255, 255, 0.15);
    --clr-white-op-20: rgba(255, 255, 255, 0.2);
    --clr-white-op-25: rgba(255, 255, 255, 0.25);
    --clr-white-op-30: rgba(255, 255, 255, 0.3);
    --clr-white-op-35: rgba(255, 255, 255, 0.35);
    --clr-white-op-40: rgba(255, 255, 255, 0.4);
    --clr-white-op-45: rgba(255, 255, 255, 0.45);
    --clr-white-op-50: rgba(255, 255, 255, 0.5);
    --clr-white-op-60: rgba(255, 255, 255, 0.6);
    --clr-white-op-70: rgba(255, 255, 255, 0.7);
    --clr-white-op-80: rgba(255, 255, 255, 0.8);
    --clr-white-op-90: rgba(255, 255, 255, 0.9);
    --clr-white-op-100: rgba(255, 255, 255, 1);
    --clr-black: #000000;
    --clr-black-hex: #000000;
    --clr-black-rgb: 0 0 0;
    --clr-black-op-5: rgba(0, 0, 0, 0.05);
    --clr-black-op-6: rgba(0, 0, 0, 0.06);
    --clr-black-op-8: rgba(0, 0, 0, 0.08);
    --clr-black-op-10: rgba(0, 0, 0, 0.1);
    --clr-black-op-15: rgba(0, 0, 0, 0.15);
    --clr-black-op-20: rgba(0, 0, 0, 0.2);
    --clr-black-op-25: rgba(0, 0, 0, 0.25);
    --clr-black-op-30: rgba(0, 0, 0, 0.3);
    --clr-black-op-35: rgba(0, 0, 0, 0.35);
    --clr-black-op-40: rgba(0, 0, 0, 0.4);
    --clr-black-op-45: rgba(0, 0, 0, 0.45);
    --clr-black-op-50: rgba(0, 0, 0, 0.5);
    --clr-black-op-60: rgba(0, 0, 0, 0.6);
    --clr-black-op-70: rgba(0, 0, 0, 0.7);
    --clr-black-op-80: rgba(0, 0, 0, 0.8);
    --clr-black-op-90: rgba(0, 0, 0, 0.9);
    --clr-black-op-100: rgba(0, 0, 0, 1);
    --clr-glass: #ffffff;
    --clr-glass-hex: #ffffff;
    --clr-glass-rgb: 255 255 255;
    --clr-glass-op-1: rgba(255, 255, 255, 0.01);
    --clr-glass-op-2: rgba(255, 255, 255, 0.02);
    --clr-glass-op-3: rgba(255, 255, 255, 0.03);
    --clr-glass-op-4: rgba(255, 255, 255, 0.04);
    --clr-glass-op-5: rgba(255, 255, 255, 0.05);
    --clr-glass-op-6: rgba(255, 255, 255, 0.06);
    --clr-glass-op-7: rgba(255, 255, 255, 0.07);
    --clr-glass-op-8: rgba(255, 255, 255, 0.08);
    --clr-glass-op-9: rgba(255, 255, 255, 0.09);
    --clr-glass-op-10: rgba(255, 255, 255, 0.1);
    --clr-glass-op-11: rgba(255, 255, 255, 0.11);
    --clr-glass-op-12: rgba(255, 255, 255, 0.12);
    --clr-glass-op-13: rgba(255, 255, 255, 0.13);
    --clr-glass-op-14: rgba(255, 255, 255, 0.14);
    --clr-glass-op-15: rgba(255, 255, 255, 0.15);
    --clr-glass-op-16: rgba(255, 255, 255, 0.16);
    --clr-glass-op-17: rgba(255, 255, 255, 0.17);
    --clr-glass-op-18: rgba(255, 255, 255, 0.18);
    --clr-glass-op-19: rgba(255, 255, 255, 0.19);
    --clr-glass-op-20: rgba(255, 255, 255, 0.2);
    --clr-glass-op-21: rgba(255, 255, 255, 0.21);
    --clr-glass-op-22: rgba(255, 255, 255, 0.22);
    --clr-glass-op-23: rgba(255, 255, 255, 0.23);
    --clr-glass-op-24: rgba(255, 255, 255, 0.24);
    --clr-glass-op-25: rgba(255, 255, 255, 0.25);
    --clr-glass-op-26: rgba(255, 255, 255, 0.26);
    --clr-glass-op-27: rgba(255, 255, 255, 0.27);
    --clr-glass-op-28: rgba(255, 255, 255, 0.28);
    --clr-glass-op-29: rgba(255, 255, 255, 0.29);
    --clr-glass-op-30: rgba(255, 255, 255, 0.3);
    --clr-glass-op-31: rgba(255, 255, 255, 0.31);
    --clr-glass-op-32: rgba(255, 255, 255, 0.32);
    --clr-glass-op-33: rgba(255, 255, 255, 0.33);
    --clr-glass-op-34: rgba(255, 255, 255, 0.34);
    --clr-glass-op-35: rgba(255, 255, 255, 0.35);
    --clr-glass-op-36: rgba(255, 255, 255, 0.36);
    --clr-glass-op-37: rgba(255, 255, 255, 0.37);
    --clr-glass-op-38: rgba(255, 255, 255, 0.38);
    --clr-glass-op-39: rgba(255, 255, 255, 0.39);
    --clr-glass-op-40: rgba(255, 255, 255, 0.4);
    --clr-glass-op-41: rgba(255, 255, 255, 0.41);
    --clr-glass-op-42: rgba(255, 255, 255, 0.42);
    --clr-glass-op-43: rgba(255, 255, 255, 0.43);
    --clr-glass-op-44: rgba(255, 255, 255, 0.44);
    --clr-glass-op-45: rgba(255, 255, 255, 0.45);
    --clr-glass-op-46: rgba(255, 255, 255, 0.46);
    --clr-glass-op-47: rgba(255, 255, 255, 0.47);
    --clr-glass-op-48: rgba(255, 255, 255, 0.48);
    --clr-glass-op-49: rgba(255, 255, 255, 0.49);
    --clr-glass-op-50: rgba(255, 255, 255, 0.5);
    --clr-glass-op-51: rgba(255, 255, 255, 0.51);
    --clr-glass-op-52: rgba(255, 255, 255, 0.52);
    --clr-glass-op-53: rgba(255, 255, 255, 0.53);
    --clr-glass-op-54: rgba(255, 255, 255, 0.54);
    --clr-glass-op-55: rgba(255, 255, 255, 0.55);
    --clr-glass-op-56: rgba(255, 255, 255, 0.56);
    --clr-glass-op-57: rgba(255, 255, 255, 0.57);
    --clr-glass-op-58: rgba(255, 255, 255, 0.58);
    --clr-glass-op-59: rgba(255, 255, 255, 0.59);
    --clr-glass-op-60: rgba(255, 255, 255, 0.6);
    --clr-glass-op-61: rgba(255, 255, 255, 0.61);
    --clr-glass-op-62: rgba(255, 255, 255, 0.62);
    --clr-glass-op-63: rgba(255, 255, 255, 0.63);
    --clr-glass-op-64: rgba(255, 255, 255, 0.64);
    --clr-glass-op-65: rgba(255, 255, 255, 0.65);
    --clr-glass-op-66: rgba(255, 255, 255, 0.66);
    --clr-glass-op-67: rgba(255, 255, 255, 0.67);
    --clr-glass-op-68: rgba(255, 255, 255, 0.68);
    --clr-glass-op-69: rgba(255, 255, 255, 0.69);
    --clr-glass-op-70: rgba(255, 255, 255, 0.7);
    --clr-glass-op-71: rgba(255, 255, 255, 0.71);
    --clr-glass-op-72: rgba(255, 255, 255, 0.72);
    --clr-glass-op-73: rgba(255, 255, 255, 0.73);
    --clr-glass-op-74: rgba(255, 255, 255, 0.74);
    --clr-glass-op-75: rgba(255, 255, 255, 0.75);
    --clr-glass-op-76: rgba(255, 255, 255, 0.76);
    --clr-glass-op-77: rgba(255, 255, 255, 0.77);
    --clr-glass-op-78: rgba(255, 255, 255, 0.78);
    --clr-glass-op-79: rgba(255, 255, 255, 0.79);
    --clr-glass-op-80: rgba(255, 255, 255, 0.8);
    --clr-glass-op-81: rgba(255, 255, 255, 0.81);
    --clr-glass-op-82: rgba(255, 255, 255, 0.82);
    --clr-glass-op-83: rgba(255, 255, 255, 0.83);
    --clr-glass-op-84: rgba(255, 255, 255, 0.84);
    --clr-glass-op-85: rgba(255, 255, 255, 0.85);
    --clr-glass-op-86: rgba(255, 255, 255, 0.86);
    --clr-glass-op-87: rgba(255, 255, 255, 0.87);
    --clr-glass-op-88: rgba(255, 255, 255, 0.88);
    --clr-glass-op-89: rgba(255, 255, 255, 0.89);
    --clr-glass-op-90: rgba(255, 255, 255, 0.9);
    --clr-glass-op-91: rgba(255, 255, 255, 0.91);
    --clr-glass-op-92: rgba(255, 255, 255, 0.92);
    --clr-glass-op-93: rgba(255, 255, 255, 0.93);
    --clr-glass-op-94: rgba(255, 255, 255, 0.94);
    --clr-glass-op-95: rgba(255, 255, 255, 0.95);
    --clr-glass-op-96: rgba(255, 255, 255, 0.96);
    --clr-glass-op-97: rgba(255, 255, 255, 0.97);
    --clr-glass-op-98: rgba(255, 255, 255, 0.98);
    --clr-glass-op-99: rgba(255, 255, 255, 0.99);
    --clr-glass-op-100: rgba(255, 255, 255, 1);
    --clr-smoke: #000000;
    --clr-smoke-hex: #000000;
    --clr-smoke-rgb: 0 0 0;
    --clr-smoke-op-1: rgba(0, 0, 0, 0.01);
    --clr-smoke-op-2: rgba(0, 0, 0, 0.02);
    --clr-smoke-op-3: rgba(0, 0, 0, 0.03);
    --clr-smoke-op-4: rgba(0, 0, 0, 0.04);
    --clr-smoke-op-5: rgba(0, 0, 0, 0.05);
    --clr-smoke-op-6: rgba(0, 0, 0, 0.06);
    --clr-smoke-op-7: rgba(0, 0, 0, 0.07);
    --clr-smoke-op-8: rgba(0, 0, 0, 0.08);
    --clr-smoke-op-9: rgba(0, 0, 0, 0.09);
    --clr-smoke-op-10: rgba(0, 0, 0, 0.1);
    --clr-smoke-op-11: rgba(0, 0, 0, 0.11);
    --clr-smoke-op-12: rgba(0, 0, 0, 0.12);
    --clr-smoke-op-13: rgba(0, 0, 0, 0.13);
    --clr-smoke-op-14: rgba(0, 0, 0, 0.14);
    --clr-smoke-op-15: rgba(0, 0, 0, 0.15);
    --clr-smoke-op-16: rgba(0, 0, 0, 0.16);
    --clr-smoke-op-17: rgba(0, 0, 0, 0.17);
    --clr-smoke-op-18: rgba(0, 0, 0, 0.18);
    --clr-smoke-op-19: rgba(0, 0, 0, 0.19);
    --clr-smoke-op-20: rgba(0, 0, 0, 0.2);
    --clr-smoke-op-21: rgba(0, 0, 0, 0.21);
    --clr-smoke-op-22: rgba(0, 0, 0, 0.22);
    --clr-smoke-op-23: rgba(0, 0, 0, 0.23);
    --clr-smoke-op-24: rgba(0, 0, 0, 0.24);
    --clr-smoke-op-25: rgba(0, 0, 0, 0.25);
    --clr-smoke-op-26: rgba(0, 0, 0, 0.26);
    --clr-smoke-op-27: rgba(0, 0, 0, 0.27);
    --clr-smoke-op-28: rgba(0, 0, 0, 0.28);
    --clr-smoke-op-29: rgba(0, 0, 0, 0.29);
    --clr-smoke-op-30: rgba(0, 0, 0, 0.3);
    --clr-smoke-op-31: rgba(0, 0, 0, 0.31);
    --clr-smoke-op-32: rgba(0, 0, 0, 0.32);
    --clr-smoke-op-33: rgba(0, 0, 0, 0.33);
    --clr-smoke-op-34: rgba(0, 0, 0, 0.34);
    --clr-smoke-op-35: rgba(0, 0, 0, 0.35);
    --clr-smoke-op-36: rgba(0, 0, 0, 0.36);
    --clr-smoke-op-37: rgba(0, 0, 0, 0.37);
    --clr-smoke-op-38: rgba(0, 0, 0, 0.38);
    --clr-smoke-op-39: rgba(0, 0, 0, 0.39);
    --clr-smoke-op-40: rgba(0, 0, 0, 0.4);
    --clr-smoke-op-41: rgba(0, 0, 0, 0.41);
    --clr-smoke-op-42: rgba(0, 0, 0, 0.42);
    --clr-smoke-op-43: rgba(0, 0, 0, 0.43);
    --clr-smoke-op-44: rgba(0, 0, 0, 0.44);
    --clr-smoke-op-45: rgba(0, 0, 0, 0.45);
    --clr-smoke-op-46: rgba(0, 0, 0, 0.46);
    --clr-smoke-op-47: rgba(0, 0, 0, 0.47);
    --clr-smoke-op-48: rgba(0, 0, 0, 0.48);
    --clr-smoke-op-49: rgba(0, 0, 0, 0.49);
    --clr-smoke-op-50: rgba(0, 0, 0, 0.5);
    --clr-smoke-op-51: rgba(0, 0, 0, 0.51);
    --clr-smoke-op-52: rgba(0, 0, 0, 0.52);
    --clr-smoke-op-53: rgba(0, 0, 0, 0.53);
    --clr-smoke-op-54: rgba(0, 0, 0, 0.54);
    --clr-smoke-op-55: rgba(0, 0, 0, 0.55);
    --clr-smoke-op-56: rgba(0, 0, 0, 0.56);
    --clr-smoke-op-57: rgba(0, 0, 0, 0.57);
    --clr-smoke-op-58: rgba(0, 0, 0, 0.58);
    --clr-smoke-op-59: rgba(0, 0, 0, 0.59);
    --clr-smoke-op-60: rgba(0, 0, 0, 0.6);
    --clr-smoke-op-61: rgba(0, 0, 0, 0.61);
    --clr-smoke-op-62: rgba(0, 0, 0, 0.62);
    --clr-smoke-op-63: rgba(0, 0, 0, 0.63);
    --clr-smoke-op-64: rgba(0, 0, 0, 0.64);
    --clr-smoke-op-65: rgba(0, 0, 0, 0.65);
    --clr-smoke-op-66: rgba(0, 0, 0, 0.66);
    --clr-smoke-op-67: rgba(0, 0, 0, 0.67);
    --clr-smoke-op-68: rgba(0, 0, 0, 0.68);
    --clr-smoke-op-69: rgba(0, 0, 0, 0.69);
    --clr-smoke-op-70: rgba(0, 0, 0, 0.7);
    --clr-smoke-op-71: rgba(0, 0, 0, 0.71);
    --clr-smoke-op-72: rgba(0, 0, 0, 0.72);
    --clr-smoke-op-73: rgba(0, 0, 0, 0.73);
    --clr-smoke-op-74: rgba(0, 0, 0, 0.74);
    --clr-smoke-op-75: rgba(0, 0, 0, 0.75);
    --clr-smoke-op-76: rgba(0, 0, 0, 0.76);
    --clr-smoke-op-77: rgba(0, 0, 0, 0.77);
    --clr-smoke-op-78: rgba(0, 0, 0, 0.78);
    --clr-smoke-op-79: rgba(0, 0, 0, 0.79);
    --clr-smoke-op-80: rgba(0, 0, 0, 0.8);
    --clr-smoke-op-81: rgba(0, 0, 0, 0.81);
    --clr-smoke-op-82: rgba(0, 0, 0, 0.82);
    --clr-smoke-op-83: rgba(0, 0, 0, 0.83);
    --clr-smoke-op-84: rgba(0, 0, 0, 0.84);
    --clr-smoke-op-85: rgba(0, 0, 0, 0.85);
    --clr-smoke-op-86: rgba(0, 0, 0, 0.86);
    --clr-smoke-op-87: rgba(0, 0, 0, 0.87);
    --clr-smoke-op-88: rgba(0, 0, 0, 0.88);
    --clr-smoke-op-89: rgba(0, 0, 0, 0.89);
    --clr-smoke-op-90: rgba(0, 0, 0, 0.9);
    --clr-smoke-op-91: rgba(0, 0, 0, 0.91);
    --clr-smoke-op-92: rgba(0, 0, 0, 0.92);
    --clr-smoke-op-93: rgba(0, 0, 0, 0.93);
    --clr-smoke-op-94: rgba(0, 0, 0, 0.94);
    --clr-smoke-op-95: rgba(0, 0, 0, 0.95);
    --clr-smoke-op-96: rgba(0, 0, 0, 0.96);
    --clr-smoke-op-97: rgba(0, 0, 0, 0.97);
    --clr-smoke-op-98: rgba(0, 0, 0, 0.98);
    --clr-smoke-op-99: rgba(0, 0, 0, 0.99);
    --clr-smoke-op-100: rgba(0, 0, 0, 1);
    --clr-midnight: #0f172a;
    --clr-midnight-hex: #0f172a;
    --clr-midnight-rgb: 15 23 42;
    --clr-midnight-op-5: rgba(15, 23, 42, 0.05);
    --clr-midnight-op-6: rgba(15, 23, 42, 0.06);
    --clr-midnight-op-8: rgba(15, 23, 42, 0.08);
    --clr-midnight-op-10: rgba(15, 23, 42, 0.1);
    --clr-midnight-op-15: rgba(15, 23, 42, 0.15);
    --clr-midnight-op-20: rgba(15, 23, 42, 0.2);
    --clr-midnight-op-25: rgba(15, 23, 42, 0.25);
    --clr-midnight-op-30: rgba(15, 23, 42, 0.3);
    --clr-midnight-op-35: rgba(15, 23, 42, 0.35);
    --clr-midnight-op-40: rgba(15, 23, 42, 0.4);
    --clr-midnight-op-45: rgba(15, 23, 42, 0.45);
    --clr-midnight-op-50: rgba(15, 23, 42, 0.5);
    --clr-midnight-op-60: rgba(15, 23, 42, 0.6);
    --clr-midnight-op-70: rgba(15, 23, 42, 0.7);
    --clr-midnight-op-80: rgba(15, 23, 42, 0.8);
    --clr-midnight-op-90: rgba(15, 23, 42, 0.9);
    --clr-midnight-op-100: rgba(15, 23, 42, 1);
    --gradient-hero: linear-gradient(135deg, #166534 0%, #F59E0B 50%, #86EFAC 100%);
    --gradient-primary: linear-gradient(135deg, #F59E0B 0%, #166534 100%);
    --gradient-secondary: linear-gradient(135deg, #86EFAC 0%, #F59E0B 100%);
    --gradient-accent: linear-gradient(135deg, #F08F49 0%, #FFC000 100%);
    --gradient-cta: linear-gradient(135deg, #F8CF3A 0%, #EE7325 50%, #CC5A10 100%);
    --gradient-optional: linear-gradient(135deg, #F8CF3A 0%, #EE7325 50%, #CC5A10 100%);
    --gradient-success: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-danger: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
    --gradient-info: linear-gradient(135deg, #86EFAC 0%, #F59E0B 100%);
    --gradient-dark: linear-gradient(135deg, #166534 0%, #166534 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    --gradient-effect: linear-gradient(180deg, #FEF3C7 0%, #DCFCE7 50%, #86EFAC 100%);
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-primary: 0 4px 14px rgba(22, 101, 52, 0.25);
    --shadow-accent: 0 4px 14px rgba(238, 115, 37, 0.35);
    --shadow-glow: 0 0 20px rgba(22, 101, 52, 0.15);
    --border-none: none;
    --border-default: 1px solid rgba(0, 0, 0, 0.08);
    --border-light: 1px solid rgba(0, 0, 0, 0.05);
    --border-medium: 1px solid rgba(0, 0, 0, 0.12);
    --border-strong: 2px solid rgba(0, 0, 0, 0.15);
    --border-thick: 3px solid rgba(0, 0, 0, 0.2);
    --border-primary: 2px solid #166534;
    --border-accent: 2px solid #EE7325;
    --border-divider: 1px solid rgba(0, 0, 0, 0.06);
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-4xl: 48px;
    --radius-full: 9999px;
  }
  @supports (color: hsl(0, 0%, 0%)) {
    :root {
      --clr-primary: hsl(142.7848101266deg 64.2276422764% 24.1176470588%);
      --clr-primary-100: hsl(142.7848101266deg 20.4134366925% 84.8235294118%);
      --clr-primary-300: hsl(142.7848101266deg 20.4134366925% 54.4705882353%);
      --clr-primary-700: hsl(142.7848101266deg 64.2276422764% 14.4705882353%);
      --clr-primary-900: hsl(142.7848101266deg 64.2276422764% 4.8235294118%);
      --clr-primary-light: hsl(140.625deg 84.2105263158% 92.5490196078%);
      --clr-primary-light-100: hsl(140.625deg 84.2105263158% 98.5098039216%);
      --clr-primary-light-300: hsl(140.625deg 84.2105263158% 95.5294117647%);
      --clr-primary-light-700: hsl(140.625deg 8.4656084656% 55.5294117647%);
      --clr-primary-light-900: hsl(140.625deg 6.7796610169% 18.5098039216%);
      --clr-primary-dark: hsl(142.7848101266deg 64.2276422764% 24.1176470588%);
      --clr-primary-dark-100: hsl(142.7848101266deg 20.4134366925% 84.8235294118%);
      --clr-primary-dark-300: hsl(142.7848101266deg 20.4134366925% 54.4705882353%);
      --clr-primary-dark-700: hsl(142.7848101266deg 64.2276422764% 14.4705882353%);
      --clr-primary-dark-900: hsl(142.7848101266deg 64.2276422764% 4.8235294118%);
      --clr-secondary: hsl(37.6923076923deg 92.125984252% 50.1960784314%);
      --clr-secondary-100: hsl(37.6923076923deg 92.125984252% 90.0392156863%);
      --clr-secondary-300: hsl(37.6923076923deg 92.125984252% 70.1176470588%);
      --clr-secondary-700: hsl(37.6923076923deg 91.40625% 30.1176470588%);
      --clr-secondary-900: hsl(37.6923076923deg 91.40625% 10.0392156863%);
      --clr-secondary-light: hsl(48deg 96.4912280702% 88.8235294118%);
      --clr-secondary-light-100: hsl(48deg 96.4912280702% 97.7647058824%);
      --clr-secondary-light-300: hsl(48deg 96.4912280702% 93.2941176471%);
      --clr-secondary-light-700: hsl(48deg 13.8539042821% 53.2941176471%);
      --clr-secondary-light-900: hsl(48deg 12.1412803532% 17.7647058824%);
      --clr-secondary-dark: hsl(32.1327014218deg 94.6188340807% 43.7254901961%);
      --clr-secondary-dark-100: hsl(32.1327014218deg 73.5191637631% 88.7450980392%);
      --clr-secondary-dark-300: hsl(32.1327014218deg 73.5191637631% 66.2352941176%);
      --clr-secondary-dark-700: hsl(32.1327014218deg 94.6188340807% 26.2352941176%);
      --clr-secondary-dark-900: hsl(32.1327014218deg 94.6188340807% 8.7450980392%);
      --clr-accent: hsl(23.2835820896deg 85.5319148936% 53.9215686275%);
      --clr-accent-100: hsl(23.2835820896deg 85.5319148936% 90.7843137255%);
      --clr-accent-300: hsl(23.2835820896deg 85.5319148936% 72.3529411765%);
      --clr-accent-700: hsl(23.2835820896deg 73.0909090909% 32.3529411765%);
      --clr-accent-900: hsl(23.2835820896deg 73.0909090909% 10.7843137255%);
      --clr-accent-light: hsl(26.25deg 80% 96.0784313725%);
      --clr-accent-light-100: hsl(26.25deg 80% 99.2156862745%);
      --clr-accent-light-300: hsl(26.25deg 80% 97.6470588235%);
      --clr-accent-light-700: hsl(26.25deg 4.4444444444% 57.6470588235%);
      --clr-accent-light-900: hsl(26.25deg 3.2653061224% 19.2156862745%);
      --clr-accent-dark: hsl(23.6170212766deg 85.4545454545% 43.137254902%);
      --clr-accent-dark-100: hsl(23.6170212766deg 64.8275862069% 88.6274509804%);
      --clr-accent-dark-300: hsl(23.6170212766deg 64.8275862069% 65.8823529412%);
      --clr-accent-dark-700: hsl(23.6170212766deg 85.4545454545% 25.8823529412%);
      --clr-accent-dark-900: hsl(23.6170212766deg 85.4545454545% 8.6274509804%);
      --clr-optional: hsl(45.1764705882deg 100% 50%);
      --clr-optional-100: hsl(45.1764705882deg 100% 90%);
      --clr-optional-300: hsl(45.1764705882deg 100% 70%);
      --clr-optional-700: hsl(45.1764705882deg 100% 30%);
      --clr-optional-900: hsl(45.1764705882deg 100% 10%);
      --clr-optional-light: hsl(45.652173913deg 92% 90.1960784314%);
      --clr-optional-light-100: hsl(45.652173913deg 92% 98.0392156863%);
      --clr-optional-light-300: hsl(45.652173913deg 92% 94.1176470588%);
      --clr-optional-light-700: hsl(45.652173913deg 11.7948717949% 54.1176470588%);
      --clr-optional-light-900: hsl(45.652173913deg 10% 18.0392156863%);
      --clr-optional-dark: hsl(45.2830188679deg 100% 41.568627451%);
      --clr-optional-dark-100: hsl(45.2830188679deg 71.1409395973% 88.3137254902%);
      --clr-optional-dark-300: hsl(45.2830188679deg 71.1409395973% 64.9411764706%);
      --clr-optional-dark-700: hsl(45.2830188679deg 100% 24.9411764706%);
      --clr-optional-dark-900: hsl(45.2830188679deg 100% 8.3137254902%);
      --clr-success: hsl(142.0858895706deg 70.5627705628% 45.2941176471%);
      --clr-success-100: hsl(142.0858895706deg 58.4229390681% 89.0588235294%);
      --clr-success-300: hsl(142.0858895706deg 58.4229390681% 67.1764705882%);
      --clr-success-700: hsl(142.0858895706deg 70.5627705628% 27.1764705882%);
      --clr-success-900: hsl(142.0858895706deg 70.5627705628% 9.0588235294%);
      --clr-success-light: hsl(140.625deg 84.2105263158% 92.5490196078%);
      --clr-success-light-100: hsl(140.625deg 84.2105263158% 98.5098039216%);
      --clr-success-light-300: hsl(140.625deg 84.2105263158% 95.5294117647%);
      --clr-success-light-700: hsl(140.625deg 8.4656084656% 55.5294117647%);
      --clr-success-light-900: hsl(140.625deg 6.7796610169% 18.5098039216%);
      --clr-success-dark: hsl(142.7848101266deg 64.2276422764% 24.1176470588%);
      --clr-success-dark-100: hsl(142.7848101266deg 20.4134366925% 84.8235294118%);
      --clr-success-dark-300: hsl(142.7848101266deg 20.4134366925% 54.4705882353%);
      --clr-success-dark-700: hsl(142.7848101266deg 64.2276422764% 14.4705882353%);
      --clr-success-dark-900: hsl(142.7848101266deg 64.2276422764% 4.8235294118%);
      --clr-warning: hsl(37.6923076923deg 92.125984252% 50.1960784314%);
      --clr-warning-100: hsl(37.6923076923deg 92.125984252% 90.0392156863%);
      --clr-warning-300: hsl(37.6923076923deg 92.125984252% 70.1176470588%);
      --clr-warning-700: hsl(37.6923076923deg 91.40625% 30.1176470588%);
      --clr-warning-900: hsl(37.6923076923deg 91.40625% 10.0392156863%);
      --clr-warning-light: hsl(48deg 96.4912280702% 88.8235294118%);
      --clr-warning-light-100: hsl(48deg 96.4912280702% 97.7647058824%);
      --clr-warning-light-300: hsl(48deg 96.4912280702% 93.2941176471%);
      --clr-warning-light-700: hsl(48deg 13.8539042821% 53.2941176471%);
      --clr-warning-light-900: hsl(48deg 12.1412803532% 17.7647058824%);
      --clr-warning-dark: hsl(32.1327014218deg 94.6188340807% 43.7254901961%);
      --clr-warning-dark-100: hsl(32.1327014218deg 73.5191637631% 88.7450980392%);
      --clr-warning-dark-300: hsl(32.1327014218deg 73.5191637631% 66.2352941176%);
      --clr-warning-dark-700: hsl(32.1327014218deg 94.6188340807% 26.2352941176%);
      --clr-warning-dark-900: hsl(32.1327014218deg 94.6188340807% 8.7450980392%);
      --clr-danger: hsl(0deg 84.236453202% 60.1960784314%);
      --clr-danger-100: hsl(0deg 84.236453202% 92.0392156863%);
      --clr-danger-300: hsl(0deg 84.236453202% 76.1176470588%);
      --clr-danger-700: hsl(0deg 55.7003257329% 36.1176470588%);
      --clr-danger-900: hsl(0deg 55.7003257329% 12.0392156863%);
      --clr-danger-light: hsl(0deg 93.3333333333% 94.1176470588%);
      --clr-danger-light-100: hsl(0deg 93.3333333333% 98.8235294118%);
      --clr-danger-light-300: hsl(0deg 93.3333333333% 96.4705882353%);
      --clr-danger-light-700: hsl(0deg 7.5675675676% 56.4705882353%);
      --clr-danger-light-900: hsl(0deg 5.8333333333% 18.8235294118%);
      --clr-danger-dark: hsl(0deg 72.2222222222% 50.5882352941%);
      --clr-danger-dark-100: hsl(0deg 72.2222222222% 90.1176470588%);
      --clr-danger-dark-300: hsl(0deg 72.2222222222% 70.3529411765%);
      --clr-danger-dark-700: hsl(0deg 70.5426356589% 30.3529411765%);
      --clr-danger-dark-900: hsl(0deg 70.5426356589% 10.1176470588%);
      --clr-info: hsl(37.6923076923deg 92.125984252% 50.1960784314%);
      --clr-info-100: hsl(37.6923076923deg 92.125984252% 90.0392156863%);
      --clr-info-300: hsl(37.6923076923deg 92.125984252% 70.1176470588%);
      --clr-info-700: hsl(37.6923076923deg 91.40625% 30.1176470588%);
      --clr-info-900: hsl(37.6923076923deg 91.40625% 10.0392156863%);
      --clr-info-light: hsl(48deg 96.4912280702% 88.8235294118%);
      --clr-info-light-100: hsl(48deg 96.4912280702% 97.7647058824%);
      --clr-info-light-300: hsl(48deg 96.4912280702% 93.2941176471%);
      --clr-info-light-700: hsl(48deg 13.8539042821% 53.2941176471%);
      --clr-info-light-900: hsl(48deg 12.1412803532% 17.7647058824%);
      --clr-info-dark: hsl(142.7848101266deg 64.2276422764% 24.1176470588%);
      --clr-info-dark-100: hsl(142.7848101266deg 20.4134366925% 84.8235294118%);
      --clr-info-dark-300: hsl(142.7848101266deg 20.4134366925% 54.4705882353%);
      --clr-info-dark-700: hsl(142.7848101266deg 64.2276422764% 14.4705882353%);
      --clr-info-dark-900: hsl(142.7848101266deg 64.2276422764% 4.8235294118%);
      --clr-purple: hsl(258.3116883117deg 89.5348837209% 66.2745098039%);
      --clr-purple-100: hsl(258.3116883117deg 89.5348837209% 93.2549019608%);
      --clr-purple-300: hsl(258.3116883117deg 89.5348837209% 79.7647058824%);
      --clr-purple-700: hsl(258.3116883117deg 45.5621301775% 39.7647058824%);
      --clr-purple-900: hsl(258.3116883117deg 45.5621301775% 13.2549019608%);
      --clr-purple-light: hsl(268.6956521739deg 100% 95.4901960784%);
      --clr-purple-light-100: hsl(268.6956521739deg 100% 99.0980392157%);
      --clr-purple-light-300: hsl(268.6956521739deg 100% 97.2941176471%);
      --clr-purple-light-700: hsl(268.6956521739deg 6.3360881543% 57.2941176471%);
      --clr-purple-light-900: hsl(268.6956521739deg 4.7227926078% 19.0980392157%);
      --clr-purple-dark: hsl(263.3898305085deg 69.9604743083% 50.3921568627%);
      --clr-purple-dark-100: hsl(263.3898305085deg 69.9604743083% 90.0784313725%);
      --clr-purple-dark-300: hsl(263.3898305085deg 69.9604743083% 70.2352941176%);
      --clr-purple-dark-700: hsl(263.3898305085deg 68.8715953307% 30.2352941176%);
      --clr-purple-dark-900: hsl(263.3898305085deg 68.8715953307% 10.0784313725%);
      --clr-orange: hsl(24.5814977974deg 94.9790794979% 53.137254902%);
      --clr-orange-100: hsl(24.5814977974deg 94.9790794979% 90.6274509804%);
      --clr-orange-300: hsl(24.5814977974deg 94.9790794979% 71.8823529412%);
      --clr-orange-700: hsl(24.5814977974deg 83.7638376384% 31.8823529412%);
      --clr-orange-900: hsl(24.5814977974deg 83.7638376384% 10.6274509804%);
      --clr-orange-light: hsl(34.2857142857deg 100% 91.7647058824%);
      --clr-orange-light-100: hsl(34.2857142857deg 100% 98.3529411765%);
      --clr-orange-light-300: hsl(34.2857142857deg 100% 95.0588235294%);
      --clr-orange-light-700: hsl(34.2857142857deg 10.9947643979% 55.0588235294%);
      --clr-orange-light-900: hsl(34.2857142857deg 8.9743589744% 18.3529411765%);
      --clr-orange-dark: hsl(17.4725274725deg 88.3495145631% 40.3921568627%);
      --clr-orange-dark-100: hsl(17.4725274725deg 59.8684210526% 88.0784313725%);
      --clr-orange-dark-300: hsl(17.4725274725deg 59.8684210526% 64.2352941176%);
      --clr-orange-dark-700: hsl(17.4725274725deg 88.3495145631% 24.2352941176%);
      --clr-orange-dark-900: hsl(17.4725274725deg 88.3495145631% 8.0784313725%);
      --clr-neutral: hsl(215.3846153846deg 16.3179916318% 46.862745098%);
      --clr-neutral-100: hsl(210deg 40% 96.0784313725%);
      --clr-neutral-300: hsl(212.7272727273deg 26.8292682927% 83.9215686275%);
      --clr-neutral-700: hsl(215.2941176471deg 25% 26.6666666667%);
      --clr-neutral-900: hsl(222.2222222222deg 47.3684210526% 11.1764705882%);
      --clr-neutral-50: hsl(210deg 40% 98.0392156863%);
      --clr-neutral-200: hsl(214.2857142857deg 31.8181818182% 91.3725490196%);
      --clr-neutral-400: hsl(215deg 20.2247191011% 65.0980392157%);
      --clr-neutral-500: hsl(215.3846153846deg 16.3179916318% 46.862745098%);
      --clr-neutral-600: hsl(215.2941176471deg 19.3181818182% 34.5098039216%);
      --clr-neutral-800: hsl(217.2413793103deg 32.5842696629% 17.4509803922%);
      --clr-bg: hsl(210deg 25% 98.431372549%);
      --clr-bg-alt: hsl(210deg 40% 96.0784313725%);
      --clr-text: hsl(222.2222222222deg 47.3684210526% 11.1764705882%);
      --clr-text-muted: hsl(215.3846153846deg 16.3179916318% 46.862745098%);
      --clr-text-subtle: hsl(215deg 20.2247191011% 65.0980392157%);
      --clr-surface-void: hsl(0deg 0% 100%);
      --clr-surface-crystal: hsl(0deg 0% 100%);
      --clr-surface-frost: hsl(210deg 40% 98.0392156863%);
      --clr-surface-onyx: hsl(0deg 0% 100%);
      --clr-white: hsl(0deg 0% 100%);
      --clr-black: hsl(0deg 0% 0%);
      --clr-glass: hsl(0deg 0% 100%);
      --clr-smoke: hsl(0deg 0% 0%);
      --clr-midnight: hsl(222.2222222222deg 47.3684210526% 11.1764705882%);
      --gradient-hero: linear-gradient(135deg, hsl(142, 72%, 29%) 0%, hsl(38, 92%, 50%) 50%, hsl(142, 70%, 73%) 100%);
      --gradient-primary: linear-gradient(135deg, hsl(38, 92%, 50%) 0%, hsl(142, 72%, 29%) 100%);
      --gradient-secondary: linear-gradient(135deg, hsl(142, 70%, 73%) 0%, hsl(38, 92%, 50%) 100%);
      --gradient-accent: linear-gradient(135deg, hsl(25, 85%, 61%) 0%, hsl(22, 86%, 54%) 100%);
      --gradient-cta: linear-gradient(135deg, hsl(47, 94%, 60%) 0%, hsl(45, 100%, 50%) 50%, hsl(45, 100%, 42%) 100%);
      --gradient-optional: linear-gradient(135deg, hsl(47, 94%, 60%) 0%, hsl(45, 100%, 50%) 50%, hsl(45, 100%, 42%) 100%);
      --gradient-success: linear-gradient(135deg, hsl(142, 69%, 58%) 0%, hsl(142, 71%, 45%) 100%);
      --gradient-warning: linear-gradient(135deg, hsl(45, 93%, 56%) 0%, hsl(38, 92%, 50%) 100%);
      --gradient-danger: linear-gradient(135deg, hsl(0, 91%, 71%) 0%, hsl(0, 84%, 60%) 100%);
      --gradient-info: linear-gradient(135deg, hsl(142, 70%, 73%) 0%, hsl(38, 92%, 50%) 100%);
      --gradient-dark: linear-gradient(135deg, hsl(142, 72%, 29%) 0%, hsl(142, 64%, 24%) 100%);
      --gradient-glass: linear-gradient(135deg, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.7) 100%);
      --gradient-effect: linear-gradient(180deg, hsl(47, 96%, 88%) 0%, hsl(142, 76%, 92%) 50%, hsl(142, 70%, 73%) 100%);
    }
  }
  @supports (color: oklch(0% 0 0deg)) {
    :root {
      --clr-primary: oklch(44.79% 0.1083 151.3);
      --clr-primary-100: oklch(89.27% 0.0215 158.8);
      --clr-primary-300: oklch(67.17% 0.0671 156.8);
      --clr-primary-700: oklch(31.85% 0.0724 152.1);
      --clr-primary-900: oklch(17.38% 0.0309 156.1);
      --clr-primary-light: oklch(96.24% 0.0434 156.7);
      --clr-primary-light-100: oklch(99.23% 0.0087 157.5);
      --clr-primary-light-300: oklch(97.71% 0.0261 157.1);
      --clr-primary-light-700: oklch(65.81% 0.0286 156.8);
      --clr-primary-light-900: oklch(31.1% 0.0115 156.9);
      --clr-primary-dark: oklch(44.79% 0.1083 151.3);
      --clr-primary-dark-100: oklch(89.27% 0.0215 158.8);
      --clr-primary-dark-300: oklch(67.17% 0.0671 156.8);
      --clr-primary-dark-700: oklch(31.85% 0.0724 152.1);
      --clr-primary-dark-900: oklch(17.38% 0.0309 156.1);
      --clr-secondary: oklch(76.86% 0.1647 70.1);
      --clr-secondary-100: oklch(94.82% 0.0429 80.9);
      --clr-secondary-300: oklch(85.17% 0.1217 79.1);
      --clr-secondary-700: oklch(52.93% 0.1115 71.4);
      --clr-secondary-900: oklch(25.75% 0.0509 77);
      --clr-secondary-light: oklch(96.19% 0.058 95.6);
      --clr-secondary-light-100: oklch(99.21% 0.0118 95.2);
      --clr-secondary-light-300: oklch(97.68% 0.0352 95.4);
      --clr-secondary-light-700: oklch(65.78% 0.0383 95.6);
      --clr-secondary-light-900: oklch(31.09% 0.0155 95.5);
      --clr-secondary-dark: oklch(66.58% 0.1574 58.3);
      --clr-secondary-dark-100: oklch(92.81% 0.0369 71.3);
      --clr-secondary-dark-300: oklch(78.96% 0.1095 69.1);
      --clr-secondary-dark-700: oklch(46.12% 0.1063 60.1);
      --clr-secondary-dark-900: oklch(22.97% 0.0483 68);
      --clr-accent: oklch(68.98% 0.1733 47.8);
      --clr-accent-100: oklch(93.17% 0.0343 54.6);
      --clr-accent-300: oklch(80.17% 0.1067 53);
      --clr-accent-700: oklch(47.68% 0.1151 48.6);
      --clr-accent-900: oklch(23.59% 0.0473 51.2);
      --clr-accent-light: oklch(97.22% 0.0135 60.6);
      --clr-accent-light-100: oklch(99.44% 0.0027 60.7);
      --clr-accent-light-300: oklch(98.33% 0.008 60.7);
      --clr-accent-light-700: oklch(66.46% 0.0089 60.6);
      --clr-accent-light-900: oklch(31.37% 0.0036 60.6);
      --clr-accent-dark: oklch(60.24% 0.1629 46.2);
      --clr-accent-dark-100: oklch(91.52% 0.0322 55.2);
      --clr-accent-dark-300: oklch(74.97% 0.1012 53.6);
      --clr-accent-dark-700: oklch(41.89% 0.1086 47.4);
      --clr-accent-dark-900: oklch(21.23% 0.0461 53.5);
      --clr-optional: oklch(84.22% 0.1727 84.6);
      --clr-optional-100: oklch(96.26% 0.0516 92);
      --clr-optional-300: oklch(89.63% 0.1394 91.2);
      --clr-optional-700: oklch(57.79% 0.1183 85.6);
      --clr-optional-900: oklch(27.71% 0.0566 89.9);
      --clr-optional-light: oklch(96.09% 0.047 92.6);
      --clr-optional-light-100: oklch(99.2% 0.0095 92.3);
      --clr-optional-light-300: oklch(97.63% 0.0284 92.5);
      --clr-optional-light-700: oklch(65.71% 0.0311 92.6);
      --clr-optional-light-900: oklch(31.07% 0.0125 92.6);
      --clr-optional-dark: oklch(73.45% 0.1505 85.1);
      --clr-optional-dark-100: oklch(94.31% 0.0434 92.1);
      --clr-optional-dark-300: oklch(83.41% 0.1209 91.6);
      --clr-optional-dark-700: oklch(50.7% 0.1037 86.3);
      --clr-optional-dark-900: oklch(24.88% 0.0509 91);
      --clr-success: oklch(72.27% 0.192 149.6);
      --clr-success-100: oklch(93.63% 0.0438 157.7);
      --clr-success-300: oklch(81.88% 0.1283 154.7);
      --clr-success-700: oklch(49.84% 0.1285 150.1);
      --clr-success-900: oklch(24.42% 0.0544 152.2);
      --clr-success-light: oklch(96.24% 0.0434 156.7);
      --clr-success-light-100: oklch(99.23% 0.0087 157.5);
      --clr-success-light-300: oklch(97.71% 0.0261 157.1);
      --clr-success-light-700: oklch(65.81% 0.0286 156.8);
      --clr-success-light-900: oklch(31.1% 0.0115 156.9);
      --clr-success-dark: oklch(44.79% 0.1083 151.3);
      --clr-success-dark-100: oklch(89.27% 0.0215 158.8);
      --clr-success-dark-300: oklch(67.17% 0.0671 156.8);
      --clr-success-dark-700: oklch(31.85% 0.0724 152.1);
      --clr-success-dark-900: oklch(17.38% 0.0309 156.1);
      --clr-warning: oklch(76.86% 0.1647 70.1);
      --clr-warning-100: oklch(94.82% 0.0429 80.9);
      --clr-warning-300: oklch(85.17% 0.1217 79.1);
      --clr-warning-700: oklch(52.93% 0.1115 71.4);
      --clr-warning-900: oklch(25.75% 0.0509 77);
      --clr-warning-light: oklch(96.19% 0.058 95.6);
      --clr-warning-light-100: oklch(99.21% 0.0118 95.2);
      --clr-warning-light-300: oklch(97.68% 0.0352 95.4);
      --clr-warning-light-700: oklch(65.78% 0.0383 95.6);
      --clr-warning-light-900: oklch(31.09% 0.0155 95.5);
      --clr-warning-dark: oklch(66.58% 0.1574 58.3);
      --clr-warning-dark-100: oklch(92.81% 0.0369 71.3);
      --clr-warning-dark-300: oklch(78.96% 0.1095 69.1);
      --clr-warning-dark-700: oklch(46.12% 0.1063 60.1);
      --clr-warning-dark-900: oklch(22.97% 0.0483 68);
      --clr-danger: oklch(63.68% 0.2078 25.3);
      --clr-danger-100: oklch(91.56% 0.0381 17.9);
      --clr-danger-300: oklch(75.8% 0.1247 20.4);
      --clr-danger-700: oklch(44.03% 0.138 24.8);
      --clr-danger-900: oklch(21.91% 0.0562 22.9);
      --clr-danger-light: oklch(93.56% 0.0309 17.7);
      --clr-danger-light-100: oklch(98.7% 0.006 17.3);
      --clr-danger-light-300: oklch(96.12% 0.0182 17.5);
      --clr-danger-light-700: oklch(64.05% 0.0204 17.7);
      --clr-danger-light-900: oklch(30.4% 0.0082 17.6);
      --clr-danger-dark: oklch(57.71% 0.2152 27.3);
      --clr-danger-dark-100: oklch(89.93% 0.0409 17.9);
      --clr-danger-dark-300: oklch(71.12% 0.1349 21);
      --clr-danger-dark-700: oklch(39.93% 0.1441 26.8);
      --clr-danger-dark-900: oklch(20.01% 0.0604 24.4);
      --clr-info: oklch(76.86% 0.1647 70.1);
      --clr-info-100: oklch(94.82% 0.0429 80.9);
      --clr-info-300: oklch(85.17% 0.1217 79.1);
      --clr-info-700: oklch(52.93% 0.1115 71.4);
      --clr-info-900: oklch(25.75% 0.0509 77);
      --clr-info-light: oklch(96.19% 0.058 95.6);
      --clr-info-light-100: oklch(99.21% 0.0118 95.2);
      --clr-info-light-300: oklch(97.68% 0.0352 95.4);
      --clr-info-light-700: oklch(65.78% 0.0383 95.6);
      --clr-info-light-900: oklch(31.09% 0.0155 95.5);
      --clr-info-dark: oklch(44.79% 0.1083 151.3);
      --clr-info-dark-100: oklch(89.27% 0.0215 158.8);
      --clr-info-dark-300: oklch(67.17% 0.0671 156.8);
      --clr-info-dark-700: oklch(31.85% 0.0724 152.1);
      --clr-info-dark-900: oklch(17.38% 0.0309 156.1);
      --clr-purple: oklch(60.56% 0.2189 292.7);
      --clr-purple-100: oklch(91.86% 0.0426 299.5);
      --clr-purple-300: oklch(75.7% 0.1325 297.2);
      --clr-purple-700: oklch(42.17% 0.145 293.2);
      --clr-purple-900: oklch(21.47% 0.0589 295);
      --clr-purple-light: oklch(94.64% 0.0327 307.2);
      --clr-purple-light-100: oklch(98.93% 0.0065 307.5);
      --clr-purple-light-300: oklch(96.78% 0.0195 307.3);
      --clr-purple-light-700: oklch(64.76% 0.0216 307.2);
      --clr-purple-light-900: oklch(30.69% 0.0087 307.2);
      --clr-purple-dark: oklch(49.07% 0.2412 292.6);
      --clr-purple-dark-100: oklch(89.2% 0.0501 303.1);
      --clr-purple-dark-300: oklch(67.73% 0.1562 300.3);
      --clr-purple-dark-700: oklch(34.39% 0.1617 293.6);
      --clr-purple-dark-900: oklch(18.08% 0.0682 297);
      --clr-orange: oklch(70.49% 0.1867 47.6);
      --clr-orange-100: oklch(93.28% 0.0386 57);
      --clr-orange-300: oklch(80.76% 0.1189 55);
      --clr-orange-700: oklch(48.64% 0.1245 48.6);
      --clr-orange-900: oklch(23.92% 0.0524 53.2);
      --clr-orange-light: oklch(95.42% 0.0372 75.2);
      --clr-orange-light-100: oklch(99.07% 0.0074 75.4);
      --clr-orange-light-300: oklch(97.23% 0.0223 75.3);
      --clr-orange-light-700: oklch(65.27% 0.0245 75.2);
      --clr-orange-light-900: oklch(30.89% 0.0099 75.2);
      --clr-orange-dark: oklch(55.34% 0.1739 38.4);
      --clr-orange-dark-100: oklch(90.37% 0.0322 43.7);
      --clr-orange-dark-300: oklch(71.53% 0.1048 43);
      --clr-orange-dark-700: oklch(38.58% 0.1158 39.4);
      --clr-orange-dark-900: oklch(19.78% 0.0487 45.5);
      --clr-neutral: oklch(55.44% 0.0407 257.4);
      --clr-neutral-100: oklch(96.83% 0.0069 247.9);
      --clr-neutral-300: oklch(86.9% 0.0198 252.9);
      --clr-neutral-700: oklch(37.17% 0.0392 257.3);
      --clr-neutral-900: oklch(20.77% 0.0398 265.8);
      --clr-neutral-50: oklch(98.42% 0.0034 247.9);
      --clr-neutral-200: oklch(92.88% 0.0126 255.5);
      --clr-neutral-400: oklch(71.07% 0.0351 256.8);
      --clr-neutral-500: oklch(55.44% 0.0407 257.4);
      --clr-neutral-600: oklch(44.55% 0.0374 257.3);
      --clr-neutral-800: oklch(27.95% 0.0368 260);
      --clr-bg: oklch(98.76% 0.0017 247.8);
      --clr-bg-alt: oklch(96.83% 0.0069 247.9);
      --clr-text: oklch(20.77% 0.0398 265.8);
      --clr-text-muted: oklch(55.44% 0.0407 257.4);
      --clr-text-subtle: oklch(71.07% 0.0351 256.8);
      --clr-surface-void: oklch(100% 0 0);
      --clr-surface-crystal: oklch(100% 0 0);
      --clr-surface-frost: oklch(98.42% 0.0034 247.9);
      --clr-surface-onyx: oklch(100% 0 0);
      --clr-white: oklch(100% 0 0);
      --clr-black: oklch(0% 0 0);
      --clr-glass: oklch(100% 0 0);
      --clr-smoke: oklch(0% 0 0);
      --clr-midnight: oklch(20.77% 0.0398 265.8);
      --gradient-hero: linear-gradient(135deg, oklch(50% 0.16 150deg) 0%, oklch(76% 0.16 70deg) 50%, oklch(88% 0.15 152deg) 100%);
      --gradient-primary: linear-gradient(135deg, oklch(76% 0.16 70deg) 0%, oklch(50% 0.16 150deg) 100%);
      --gradient-secondary: linear-gradient(135deg, oklch(88% 0.15 152deg) 0%, oklch(76% 0.16 70deg) 100%);
      --gradient-accent: linear-gradient(135deg, oklch(72% 0.15 50deg) 0%, oklch(65% 0.17 45deg) 100%);
      --gradient-cta: linear-gradient(135deg, oklch(85% 0.15 90deg) 0%, oklch(82% 0.18 85deg) 50%, oklch(72% 0.16 85deg) 100%);
      --gradient-optional: linear-gradient(135deg, oklch(85% 0.15 90deg) 0%, oklch(82% 0.18 85deg) 50%, oklch(72% 0.16 85deg) 100%);
      --gradient-success: linear-gradient(135deg, oklch(78% 0.17 150deg) 0%, oklch(70% 0.18 150deg) 100%);
      --gradient-warning: linear-gradient(135deg, oklch(82% 0.15 80deg) 0%, oklch(76% 0.16 70deg) 100%);
      --gradient-danger: linear-gradient(135deg, oklch(70% 0.18 25deg) 0%, oklch(62% 0.2 25deg) 100%);
      --gradient-info: linear-gradient(135deg, oklch(88% 0.15 152deg) 0%, oklch(76% 0.16 70deg) 100%);
      --gradient-dark: linear-gradient(135deg, oklch(50% 0.16 150deg) 0%, oklch(40% 0.14 150deg) 100%);
      --gradient-glass: linear-gradient(135deg, oklch(100% 0 0deg / 0.9) 0%, oklch(100% 0 0deg / 0.7) 100%);
      --gradient-effect: linear-gradient(180deg, oklch(96% 0.06 88deg) 0%, oklch(97% 0.05 142deg) 50%, oklch(88% 0.15 152deg) 100%);
    }
  }
  :root {
    --opacity-1: 0.01;
    --opacity-015: 0.015;
    --opacity-2: 0.02;
    --opacity-025: 0.025;
    --opacity-3: 0.03;
    --opacity-035: 0.035;
    --opacity-4: 0.04;
    --opacity-045: 0.045;
    --opacity-5: 0.05;
    --opacity-055: 0.055;
    --opacity-6: 0.06;
    --opacity-065: 0.065;
    --opacity-7: 0.07;
    --opacity-075: 0.075;
    --opacity-8: 0.08;
    --opacity-085: 0.085;
    --opacity-9: 0.09;
    --opacity-095: 0.095;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-35: 0.35;
    --opacity-40: 0.4;
    --opacity-45: 0.45;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-90: 0.9;
    --opacity-100: 1;
    --duration-instant: 0ms;
    --duration-fast: 100ms;
    --duration-normal: 200ms;
    --duration-slow: 300ms;
    --duration-slower: 500ms;
    --duration-slowest: 1000ms;
    --ease-linear: linear;
    --ease-ease: ease;
    --ease-ease-in: ease-in;
    --ease-ease-out: ease-out;
    --ease-ease-in-out: ease-in-out;
    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-smooth-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: var(--duration-fast) var(--ease-smooth);
    --transition-normal: var(--duration-normal) var(--ease-smooth);
    --transition-slow: var(--duration-slow) var(--ease-smooth);
    --focus-ring-default-width: 3px;
    --focus-ring-default-style: solid;
    --focus-ring-default-offset: 2px;
    --focus-ring-default-color: var(--clr-primary-op-50);
    --focus-ring-default: 3px solid var(--clr-primary-op-50);
    --focus-ring-primary-width: 3px;
    --focus-ring-primary-style: solid;
    --focus-ring-primary-offset: 2px;
    --focus-ring-primary-color: var(--clr-primary-op-50);
    --focus-ring-primary: 3px solid var(--clr-primary-op-50);
    --focus-ring-secondary-width: 3px;
    --focus-ring-secondary-style: solid;
    --focus-ring-secondary-offset: 2px;
    --focus-ring-secondary-color: var(--clr-secondary-op-50);
    --focus-ring-secondary: 3px solid var(--clr-secondary-op-50);
    --focus-ring-accent-width: 3px;
    --focus-ring-accent-style: solid;
    --focus-ring-accent-offset: 2px;
    --focus-ring-accent-color: var(--clr-accent-op-50);
    --focus-ring-accent: 3px solid var(--clr-accent-op-50);
    --focus-ring-danger-width: 3px;
    --focus-ring-danger-style: solid;
    --focus-ring-danger-offset: 2px;
    --focus-ring-danger-color: var(--clr-danger-op-50);
    --focus-ring-danger: 3px solid var(--clr-danger-op-50);
    --focus-ring-inset-width: 2px;
    --focus-ring-inset-style: solid;
    --focus-ring-inset-offset: -2px;
    --focus-ring-inset-color: var(--clr-primary-op-50);
    --focus-ring-inset: 2px solid var(--clr-primary-op-50);
    --focus-ring: var(--focus-ring-default);
    --focus-offset: var(--focus-ring-default-offset);
    --clr-card-bg: var(--clr-surface-void, #ffffff);
    --clr-btn-bg: var(--clr-primary, #166534);
    --clr-btn-text: var(--clr-white, #ffffff);
    --clr-btn-secondary: var(--clr-secondary, #F59E0B);
    --clr-btn-optional: var(--clr-optional, #FFC000);
    --clr-link: var(--clr-primary, #166534);
    --clr-btn-hover: var(--clr-primary-dark, #166534);
    --clr-link-hover: var(--clr-primary-dark, #166534);
    --clr-input-bg: var(--clr-white, #ffffff);
    --clr-input-border: var(--clr-neutral-300, #cbd5e1);
    --clr-input-focus: var(--clr-primary, #166534);
    --clr-placeholder: var(--clr-neutral-400, #94a3b8);
    --clr-error: var(--clr-danger, #ef4444);
    --clr-valid: var(--clr-success, #22c55e);
    --clr-pending: var(--clr-warning, #f59e0b);
    --btn-primary-bg: var(--clr-primary, #166534);
    --btn-primary-text: var(--clr-white, #ffffff);
    --btn-primary-border: var(--clr-primary, #166534);
    --btn-secondary-bg: var(--clr-secondary, #F59E0B);
    --btn-secondary-text: var(--clr-white, #ffffff);
    --btn-secondary-border: var(--clr-secondary, #F59E0B);
    --btn-accent-bg: var(--clr-accent, #EE7325);
    --btn-accent-text: var(--clr-black, #000000);
    --btn-accent-border: var(--clr-accent, #EE7325);
    --btn-cta-bg: var(--clr-optional, #FFC000);
    --btn-cta-text: var(--clr-white, #ffffff);
    --btn-cta-border: var(--clr-optional, #FFC000);
    --btn-outline-bg: transparent;
    --btn-outline-text: var(--clr-primary, #166534);
    --btn-outline-border: var(--clr-primary, #166534);
    --btn-ghost-bg: transparent;
    --btn-ghost-text: var(--clr-primary, #166534);
    --btn-ghost-border: transparent;
    --btn-primary-hover-bg: var(--clr-primary-dark, #166534);
    --btn-secondary-hover-bg: var(--clr-secondary-dark, #D97706);
    --btn-accent-hover-bg: var(--clr-accent-dark, #CC5A10);
    --btn-cta-hover-bg: var(--clr-optional-dark, #D4A000);
    --btn-disabled-bg: var(--clr-neutral-200, #e2e8f0);
    --btn-disabled-text: var(--clr-neutral-400, #94a3b8);
    --btn-disabled-border: var(--clr-neutral-200, #e2e8f0);
    --card-bg: var(--clr-surface-void, #ffffff);
    --card-border: var(--border-default);
    --card-shadow: var(--shadow-md);
    --card-shadow-hover: var(--shadow-lg);
    --card-radius: var(--radius-lg, 12px);
    --card-padding: 1.5rem;
    --input-bg: var(--clr-white, #ffffff);
    --input-text: var(--clr-text, #0f172a);
    --input-border: var(--clr-neutral-300, #cbd5e1);
    --input-border-hover: var(--clr-neutral-400, #94a3b8);
    --input-border-focus: var(--clr-primary, #166534);
    --input-placeholder: var(--clr-neutral-400, #94a3b8);
    --input-radius: var(--radius-md, 8px);
    --input-shadow-focus: var(--shadow-primary);
    --input-error-border: var(--clr-danger, #ef4444);
    --input-error-bg: var(--clr-danger-light, #fee2e2);
    --input-success-border: var(--clr-success, #22c55e);
    --input-success-bg: var(--clr-success-light, #dcfce7);
    --header-bg: var(--clr-white, #ffffff);
    --header-text: var(--clr-text, #0f172a);
    --header-shadow: var(--shadow-sm);
    --header-border: var(--border-light);
    --header-height: 80px;
    --header-height-scrolled: 64px;
    --footer-bg: var(--clr-primary-dark, #166534);
    --footer-text: var(--clr-white, #ffffff);
    --footer-text-muted: var(--clr-primary-light, #DCFCE7);
    --footer-link: var(--clr-white, #ffffff);
    --footer-link-hover: var(--clr-accent, #EE7325);
    --footer-border: var(--clr-primary-op-20, rgba(22, 101, 52, 0.2));
    --hero-bg: var(--gradient-hero);
    --hero-text: var(--clr-white, #ffffff);
    --hero-overlay: var(--clr-primary-op-80, rgba(22, 101, 52, 0.8));
    --hero-min-height: 600px;
    --badge-primary-bg: var(--clr-primary-op-15, rgba(22, 101, 52, 0.15));
    --badge-primary-text: var(--clr-primary, #166534);
    --badge-secondary-bg: var(--clr-secondary-op-15, rgba(245, 158, 11, 0.15));
    --badge-secondary-text: var(--clr-secondary, #F59E0B);
    --badge-success-bg: var(--clr-success-op-15, rgba(34, 197, 94, 0.15));
    --badge-success-text: var(--clr-success, #22c55e);
    --badge-warning-bg: var(--clr-warning-op-15, rgba(245, 158, 11, 0.15));
    --badge-warning-text: var(--clr-warning, #f59e0b);
    --badge-danger-bg: var(--clr-danger-op-15, rgba(239, 68, 68, 0.15));
    --badge-danger-text: var(--clr-danger, #ef4444);
    --badge-info-bg: var(--clr-info-op-15, rgba(245, 158, 11, 0.15));
    --badge-info-text: var(--clr-info, #F59E0B);
    --alert-info-bg: var(--clr-info-light, #FEF3C7);
    --alert-info-border: var(--clr-info, #F59E0B);
    --alert-info-text: var(--clr-info-dark, #166534);
    --alert-success-bg: var(--clr-success-light, #dcfce7);
    --alert-success-border: var(--clr-success, #22c55e);
    --alert-success-text: var(--clr-success-dark, #166534);
    --alert-warning-bg: var(--clr-warning-light, #fef3c7);
    --alert-warning-border: var(--clr-warning, #f59e0b);
    --alert-warning-text: var(--clr-warning-dark, #d97706);
    --alert-danger-bg: var(--clr-danger-light, #fee2e2);
    --alert-danger-border: var(--clr-danger, #ef4444);
    --alert-danger-text: var(--clr-danger-dark, #dc2626);
    --modal-bg: var(--clr-surface-void, #ffffff);
    --modal-overlay: var(--clr-black-op-50, rgba(0, 0, 0, 0.5));
    --modal-shadow: var(--shadow-2xl);
    --modal-radius: var(--radius-xl, 16px);
    --tooltip-bg: var(--clr-neutral-900, #0f172a);
    --tooltip-text: var(--clr-white, #ffffff);
    --tooltip-radius: var(--radius-sm, 4px);
    --dropdown-bg: var(--clr-surface-void, #ffffff);
    --dropdown-border: var(--border-default);
    --dropdown-shadow: var(--shadow-lg);
    --dropdown-item-hover: var(--clr-neutral-50, #f8fafc);
    --table-header-bg: var(--clr-neutral-50, #f8fafc);
    --table-row-hover: var(--clr-neutral-50, #f8fafc);
    --table-border: var(--border-divider);
    --skeleton-bg: var(--clr-neutral-200, #e2e8f0);
    --skeleton-shine: var(--clr-neutral-100, #f1f5f9);
    --theme-transition-duration: 200ms;
    --theme-transition-timing: ease-out;
    --theme-transition: background-color var(--theme-transition-duration) var(--theme-transition-timing),
    color var(--theme-transition-duration) var(--theme-transition-timing),
    border-color var(--theme-transition-duration) var(--theme-transition-timing),
    box-shadow var(--theme-transition-duration) var(--theme-transition-timing),
    fill var(--theme-transition-duration) var(--theme-transition-timing),
    stroke var(--theme-transition-duration) var(--theme-transition-timing);
  }
}

[data-theme=dark] {
  color-scheme: dark;
}
@layer theme.tokens {
  [data-theme=dark] {
    --current-theme: "dark";
    --clr-primary: #4ADE80;
    --clr-primary-hex: #4ADE80;
    --clr-primary-rgb: 74 222 128;
    --clr-primary-500: var(--clr-primary);
    --clr-primary-500-rgb: var(--clr-primary-rgb);
    --clr-primary-100: rgb(85.8039215686%, 97.4117647059%, 90.0392156863%);
    --clr-primary-100-rgb: 218.8 248.4 229.6;
    --clr-primary-300: rgb(57.4117647059%, 92.2352941176%, 70.1176470588%);
    --clr-primary-300-rgb: 146.4 235.2 178.8;
    --clr-primary-700: rgb(17.4117647059%, 52.2352941176%, 30.1176470588%);
    --clr-primary-700-rgb: 44.4 133.2 76.8;
    --clr-primary-900: rgb(5.8039215686%, 17.4117647059%, 10.0392156863%);
    --clr-primary-900-rgb: 14.8 44.4 25.6;
    --clr-primary-op-5: rgba(74, 222, 128, 0.05);
    --clr-primary-op-6: rgba(74, 222, 128, 0.06);
    --clr-primary-op-8: rgba(74, 222, 128, 0.08);
    --clr-primary-op-10: rgba(74, 222, 128, 0.1);
    --clr-primary-op-15: rgba(74, 222, 128, 0.15);
    --clr-primary-op-20: rgba(74, 222, 128, 0.2);
    --clr-primary-op-25: rgba(74, 222, 128, 0.25);
    --clr-primary-op-30: rgba(74, 222, 128, 0.3);
    --clr-primary-op-35: rgba(74, 222, 128, 0.35);
    --clr-primary-op-40: rgba(74, 222, 128, 0.4);
    --clr-primary-op-45: rgba(74, 222, 128, 0.45);
    --clr-primary-op-50: rgba(74, 222, 128, 0.5);
    --clr-primary-op-60: rgba(74, 222, 128, 0.6);
    --clr-primary-op-70: rgba(74, 222, 128, 0.7);
    --clr-primary-op-80: rgba(74, 222, 128, 0.8);
    --clr-primary-op-90: rgba(74, 222, 128, 0.9);
    --clr-primary-op-100: rgba(74, 222, 128, 1);
    --clr-primary-light: #14532D;
    --clr-primary-light-hex: #14532D;
    --clr-primary-light-rgb: 20 83 45;
    --clr-primary-light-500: var(--clr-primary-light);
    --clr-primary-light-500-rgb: var(--clr-primary-light-rgb);
    --clr-primary-light-100: rgb(81.568627451%, 86.5098039216%, 83.5294117647%);
    --clr-primary-light-100-rgb: 208 220.6 213;
    --clr-primary-light-300: rgb(44.7058823529%, 59.5294117647%, 50.5882352941%);
    --clr-primary-light-300-rgb: 114 151.8 129;
    --clr-primary-light-700: rgb(4.7058823529%, 19.5294117647%, 10.5882352941%);
    --clr-primary-light-700-rgb: 12 49.8 27;
    --clr-primary-light-900: rgb(1.568627451%, 6.5098039216%, 3.5294117647%);
    --clr-primary-light-900-rgb: 4 16.6 9;
    --clr-primary-light-op-5: rgba(20, 83, 45, 0.05);
    --clr-primary-light-op-6: rgba(20, 83, 45, 0.06);
    --clr-primary-light-op-8: rgba(20, 83, 45, 0.08);
    --clr-primary-light-op-10: rgba(20, 83, 45, 0.1);
    --clr-primary-light-op-15: rgba(20, 83, 45, 0.15);
    --clr-primary-light-op-20: rgba(20, 83, 45, 0.2);
    --clr-primary-light-op-25: rgba(20, 83, 45, 0.25);
    --clr-primary-light-op-30: rgba(20, 83, 45, 0.3);
    --clr-primary-light-op-35: rgba(20, 83, 45, 0.35);
    --clr-primary-light-op-40: rgba(20, 83, 45, 0.4);
    --clr-primary-light-op-45: rgba(20, 83, 45, 0.45);
    --clr-primary-light-op-50: rgba(20, 83, 45, 0.5);
    --clr-primary-light-op-60: rgba(20, 83, 45, 0.6);
    --clr-primary-light-op-70: rgba(20, 83, 45, 0.7);
    --clr-primary-light-op-80: rgba(20, 83, 45, 0.8);
    --clr-primary-light-op-90: rgba(20, 83, 45, 0.9);
    --clr-primary-light-op-100: rgba(20, 83, 45, 1);
    --clr-primary-dark: #86EFAC;
    --clr-primary-dark-hex: #86EFAC;
    --clr-primary-dark-rgb: 134 239 172;
    --clr-primary-dark-500: var(--clr-primary-dark);
    --clr-primary-dark-500-rgb: var(--clr-primary-dark-rgb);
    --clr-primary-dark-100: rgb(90.5098039216%, 98.7450980392%, 93.4901960784%);
    --clr-primary-dark-100-rgb: 230.8 251.8 238.4;
    --clr-primary-dark-300: rgb(71.5294117647%, 96.2352941176%, 80.4705882353%);
    --clr-primary-dark-300-rgb: 182.4 245.4 205.2;
    --clr-primary-dark-700: rgb(31.5294117647%, 56.2352941176%, 40.4705882353%);
    --clr-primary-dark-700-rgb: 80.4 143.4 103.2;
    --clr-primary-dark-900: rgb(10.5098039216%, 18.7450980392%, 13.4901960784%);
    --clr-primary-dark-900-rgb: 26.8 47.8 34.4;
    --clr-primary-dark-op-5: rgba(134, 239, 172, 0.05);
    --clr-primary-dark-op-6: rgba(134, 239, 172, 0.06);
    --clr-primary-dark-op-8: rgba(134, 239, 172, 0.08);
    --clr-primary-dark-op-10: rgba(134, 239, 172, 0.1);
    --clr-primary-dark-op-15: rgba(134, 239, 172, 0.15);
    --clr-primary-dark-op-20: rgba(134, 239, 172, 0.2);
    --clr-primary-dark-op-25: rgba(134, 239, 172, 0.25);
    --clr-primary-dark-op-30: rgba(134, 239, 172, 0.3);
    --clr-primary-dark-op-35: rgba(134, 239, 172, 0.35);
    --clr-primary-dark-op-40: rgba(134, 239, 172, 0.4);
    --clr-primary-dark-op-45: rgba(134, 239, 172, 0.45);
    --clr-primary-dark-op-50: rgba(134, 239, 172, 0.5);
    --clr-primary-dark-op-60: rgba(134, 239, 172, 0.6);
    --clr-primary-dark-op-70: rgba(134, 239, 172, 0.7);
    --clr-primary-dark-op-80: rgba(134, 239, 172, 0.8);
    --clr-primary-dark-op-90: rgba(134, 239, 172, 0.9);
    --clr-primary-dark-op-100: rgba(134, 239, 172, 1);
    --clr-secondary: #FBBF24;
    --clr-secondary-hex: #FBBF24;
    --clr-secondary-rgb: 251 191 36;
    --clr-secondary-500: var(--clr-secondary);
    --clr-secondary-500-rgb: var(--clr-secondary-rgb);
    --clr-secondary-100: rgb(99.6862745098%, 94.9803921569%, 82.8235294118%);
    --clr-secondary-100-rgb: 254.2 242.2 211.2;
    --clr-secondary-300: rgb(99.0588235294%, 84.9411764706%, 48.4705882353%);
    --clr-secondary-300-rgb: 252.6 216.6 123.6;
    --clr-secondary-700: rgb(59.0588235294%, 44.9411764706%, 8.4705882353%);
    --clr-secondary-700-rgb: 150.6 114.6 21.6;
    --clr-secondary-900: rgb(19.6862745098%, 14.9803921569%, 2.8235294118%);
    --clr-secondary-900-rgb: 50.2 38.2 7.2;
    --clr-secondary-op-5: rgba(251, 191, 36, 0.05);
    --clr-secondary-op-6: rgba(251, 191, 36, 0.06);
    --clr-secondary-op-8: rgba(251, 191, 36, 0.08);
    --clr-secondary-op-10: rgba(251, 191, 36, 0.1);
    --clr-secondary-op-15: rgba(251, 191, 36, 0.15);
    --clr-secondary-op-20: rgba(251, 191, 36, 0.2);
    --clr-secondary-op-25: rgba(251, 191, 36, 0.25);
    --clr-secondary-op-30: rgba(251, 191, 36, 0.3);
    --clr-secondary-op-35: rgba(251, 191, 36, 0.35);
    --clr-secondary-op-40: rgba(251, 191, 36, 0.4);
    --clr-secondary-op-45: rgba(251, 191, 36, 0.45);
    --clr-secondary-op-50: rgba(251, 191, 36, 0.5);
    --clr-secondary-op-60: rgba(251, 191, 36, 0.6);
    --clr-secondary-op-70: rgba(251, 191, 36, 0.7);
    --clr-secondary-op-80: rgba(251, 191, 36, 0.8);
    --clr-secondary-op-90: rgba(251, 191, 36, 0.9);
    --clr-secondary-op-100: rgba(251, 191, 36, 1);
    --clr-secondary-light: #78350F;
    --clr-secondary-light-hex: #78350F;
    --clr-secondary-light-rgb: 120 53 15;
    --clr-secondary-light-500: var(--clr-secondary-light);
    --clr-secondary-light-500-rgb: var(--clr-secondary-light-rgb);
    --clr-secondary-light-100: rgb(89.4117647059%, 84.1568627451%, 81.1764705882%);
    --clr-secondary-light-100-rgb: 228 214.6 207;
    --clr-secondary-light-300: rgb(68.2352941176%, 52.4705882353%, 43.5294117647%);
    --clr-secondary-light-300-rgb: 174 133.8 111;
    --clr-secondary-light-700: rgb(28.2352941176%, 12.4705882353%, 3.5294117647%);
    --clr-secondary-light-700-rgb: 72 31.8 9;
    --clr-secondary-light-900: rgb(9.4117647059%, 4.1568627451%, 1.1764705882%);
    --clr-secondary-light-900-rgb: 24 10.6 3;
    --clr-secondary-light-op-5: rgba(120, 53, 15, 0.05);
    --clr-secondary-light-op-6: rgba(120, 53, 15, 0.06);
    --clr-secondary-light-op-8: rgba(120, 53, 15, 0.08);
    --clr-secondary-light-op-10: rgba(120, 53, 15, 0.1);
    --clr-secondary-light-op-15: rgba(120, 53, 15, 0.15);
    --clr-secondary-light-op-20: rgba(120, 53, 15, 0.2);
    --clr-secondary-light-op-25: rgba(120, 53, 15, 0.25);
    --clr-secondary-light-op-30: rgba(120, 53, 15, 0.3);
    --clr-secondary-light-op-35: rgba(120, 53, 15, 0.35);
    --clr-secondary-light-op-40: rgba(120, 53, 15, 0.4);
    --clr-secondary-light-op-45: rgba(120, 53, 15, 0.45);
    --clr-secondary-light-op-50: rgba(120, 53, 15, 0.5);
    --clr-secondary-light-op-60: rgba(120, 53, 15, 0.6);
    --clr-secondary-light-op-70: rgba(120, 53, 15, 0.7);
    --clr-secondary-light-op-80: rgba(120, 53, 15, 0.8);
    --clr-secondary-light-op-90: rgba(120, 53, 15, 0.9);
    --clr-secondary-light-op-100: rgba(120, 53, 15, 1);
    --clr-secondary-dark: #FDE68A;
    --clr-secondary-dark-hex: #FDE68A;
    --clr-secondary-dark-rgb: 253 230 138;
    --clr-secondary-dark-500: var(--clr-secondary-dark);
    --clr-secondary-dark-500-rgb: var(--clr-secondary-dark-rgb);
    --clr-secondary-dark-100: rgb(99.8431372549%, 98.0392156863%, 90.8235294118%);
    --clr-secondary-dark-100-rgb: 254.6 250 231.6;
    --clr-secondary-dark-300: rgb(99.5294117647%, 94.1176470588%, 72.4705882353%);
    --clr-secondary-dark-300-rgb: 253.8 240 184.8;
    --clr-secondary-dark-700: rgb(59.5294117647%, 54.1176470588%, 32.4705882353%);
    --clr-secondary-dark-700-rgb: 151.8 138 82.8;
    --clr-secondary-dark-900: rgb(19.8431372549%, 18.0392156863%, 10.8235294118%);
    --clr-secondary-dark-900-rgb: 50.6 46 27.6;
    --clr-secondary-dark-op-5: rgba(253, 230, 138, 0.05);
    --clr-secondary-dark-op-6: rgba(253, 230, 138, 0.06);
    --clr-secondary-dark-op-8: rgba(253, 230, 138, 0.08);
    --clr-secondary-dark-op-10: rgba(253, 230, 138, 0.1);
    --clr-secondary-dark-op-15: rgba(253, 230, 138, 0.15);
    --clr-secondary-dark-op-20: rgba(253, 230, 138, 0.2);
    --clr-secondary-dark-op-25: rgba(253, 230, 138, 0.25);
    --clr-secondary-dark-op-30: rgba(253, 230, 138, 0.3);
    --clr-secondary-dark-op-35: rgba(253, 230, 138, 0.35);
    --clr-secondary-dark-op-40: rgba(253, 230, 138, 0.4);
    --clr-secondary-dark-op-45: rgba(253, 230, 138, 0.45);
    --clr-secondary-dark-op-50: rgba(253, 230, 138, 0.5);
    --clr-secondary-dark-op-60: rgba(253, 230, 138, 0.6);
    --clr-secondary-dark-op-70: rgba(253, 230, 138, 0.7);
    --clr-secondary-dark-op-80: rgba(253, 230, 138, 0.8);
    --clr-secondary-dark-op-90: rgba(253, 230, 138, 0.9);
    --clr-secondary-dark-op-100: rgba(253, 230, 138, 1);
    --clr-accent: #FF9A5C;
    --clr-accent-hex: #FF9A5C;
    --clr-accent-rgb: 255 154 92;
    --clr-accent-500: var(--clr-accent);
    --clr-accent-500-rgb: var(--clr-accent-rgb);
    --clr-accent-100: rgb(100%, 92.0784313725%, 87.2156862745%);
    --clr-accent-100-rgb: 255 234.8 222.4;
    --clr-accent-300: rgb(100%, 76.2352941176%, 61.6470588235%);
    --clr-accent-300-rgb: 255 194.4 157.2;
    --clr-accent-700: rgb(60%, 36.2352941176%, 21.6470588235%);
    --clr-accent-700-rgb: 153 92.4 55.2;
    --clr-accent-900: rgb(20%, 12.0784313725%, 7.2156862745%);
    --clr-accent-900-rgb: 51 30.8 18.4;
    --clr-accent-op-5: rgba(255, 154, 92, 0.05);
    --clr-accent-op-6: rgba(255, 154, 92, 0.06);
    --clr-accent-op-8: rgba(255, 154, 92, 0.08);
    --clr-accent-op-10: rgba(255, 154, 92, 0.1);
    --clr-accent-op-15: rgba(255, 154, 92, 0.15);
    --clr-accent-op-20: rgba(255, 154, 92, 0.2);
    --clr-accent-op-25: rgba(255, 154, 92, 0.25);
    --clr-accent-op-30: rgba(255, 154, 92, 0.3);
    --clr-accent-op-35: rgba(255, 154, 92, 0.35);
    --clr-accent-op-40: rgba(255, 154, 92, 0.4);
    --clr-accent-op-45: rgba(255, 154, 92, 0.45);
    --clr-accent-op-50: rgba(255, 154, 92, 0.5);
    --clr-accent-op-60: rgba(255, 154, 92, 0.6);
    --clr-accent-op-70: rgba(255, 154, 92, 0.7);
    --clr-accent-op-80: rgba(255, 154, 92, 0.8);
    --clr-accent-op-90: rgba(255, 154, 92, 0.9);
    --clr-accent-op-100: rgba(255, 154, 92, 1);
    --clr-accent-light: #3D2E05;
    --clr-accent-light-hex: #3D2E05;
    --clr-accent-light-rgb: 61 46 5;
    --clr-accent-light-500: var(--clr-accent-light);
    --clr-accent-light-500-rgb: var(--clr-accent-light-rgb);
    --clr-accent-light-100: rgb(84.7843137255%, 83.6078431373%, 80.3921568627%);
    --clr-accent-light-100-rgb: 216.2 213.2 205;
    --clr-accent-light-300: rgb(54.3529411765%, 50.8235294118%, 41.1764705882%);
    --clr-accent-light-300-rgb: 138.6 129.6 105;
    --clr-accent-light-700: rgb(14.3529411765%, 10.8235294118%, 1.1764705882%);
    --clr-accent-light-700-rgb: 36.6 27.6 3;
    --clr-accent-light-900: rgb(4.7843137255%, 3.6078431373%, 0.3921568627%);
    --clr-accent-light-900-rgb: 12.2 9.2 1;
    --clr-accent-light-op-5: rgba(61, 46, 5, 0.05);
    --clr-accent-light-op-6: rgba(61, 46, 5, 0.06);
    --clr-accent-light-op-8: rgba(61, 46, 5, 0.08);
    --clr-accent-light-op-10: rgba(61, 46, 5, 0.1);
    --clr-accent-light-op-15: rgba(61, 46, 5, 0.15);
    --clr-accent-light-op-20: rgba(61, 46, 5, 0.2);
    --clr-accent-light-op-25: rgba(61, 46, 5, 0.25);
    --clr-accent-light-op-30: rgba(61, 46, 5, 0.3);
    --clr-accent-light-op-35: rgba(61, 46, 5, 0.35);
    --clr-accent-light-op-40: rgba(61, 46, 5, 0.4);
    --clr-accent-light-op-45: rgba(61, 46, 5, 0.45);
    --clr-accent-light-op-50: rgba(61, 46, 5, 0.5);
    --clr-accent-light-op-60: rgba(61, 46, 5, 0.6);
    --clr-accent-light-op-70: rgba(61, 46, 5, 0.7);
    --clr-accent-light-op-80: rgba(61, 46, 5, 0.8);
    --clr-accent-light-op-90: rgba(61, 46, 5, 0.9);
    --clr-accent-light-op-100: rgba(61, 46, 5, 1);
    --clr-accent-dark: #FFE57A;
    --clr-accent-dark-hex: #FFE57A;
    --clr-accent-dark-rgb: 255 229 122;
    --clr-accent-dark-500: var(--clr-accent-dark);
    --clr-accent-dark-500-rgb: var(--clr-accent-dark-rgb);
    --clr-accent-dark-100: rgb(100%, 97.9607843137%, 89.568627451%);
    --clr-accent-dark-100-rgb: 255 249.8 228.4;
    --clr-accent-dark-300: rgb(100%, 93.8823529412%, 68.7058823529%);
    --clr-accent-dark-300-rgb: 255 239.4 175.2;
    --clr-accent-dark-700: rgb(60%, 53.8823529412%, 28.7058823529%);
    --clr-accent-dark-700-rgb: 153 137.4 73.2;
    --clr-accent-dark-900: rgb(20%, 17.9607843137%, 9.568627451%);
    --clr-accent-dark-900-rgb: 51 45.8 24.4;
    --clr-accent-dark-op-5: rgba(255, 229, 122, 0.05);
    --clr-accent-dark-op-6: rgba(255, 229, 122, 0.06);
    --clr-accent-dark-op-8: rgba(255, 229, 122, 0.08);
    --clr-accent-dark-op-10: rgba(255, 229, 122, 0.1);
    --clr-accent-dark-op-15: rgba(255, 229, 122, 0.15);
    --clr-accent-dark-op-20: rgba(255, 229, 122, 0.2);
    --clr-accent-dark-op-25: rgba(255, 229, 122, 0.25);
    --clr-accent-dark-op-30: rgba(255, 229, 122, 0.3);
    --clr-accent-dark-op-35: rgba(255, 229, 122, 0.35);
    --clr-accent-dark-op-40: rgba(255, 229, 122, 0.4);
    --clr-accent-dark-op-45: rgba(255, 229, 122, 0.45);
    --clr-accent-dark-op-50: rgba(255, 229, 122, 0.5);
    --clr-accent-dark-op-60: rgba(255, 229, 122, 0.6);
    --clr-accent-dark-op-70: rgba(255, 229, 122, 0.7);
    --clr-accent-dark-op-80: rgba(255, 229, 122, 0.8);
    --clr-accent-dark-op-90: rgba(255, 229, 122, 0.9);
    --clr-accent-dark-op-100: rgba(255, 229, 122, 1);
    --clr-optional: #FFD23F;
    --clr-optional-hex: #FFD23F;
    --clr-optional-rgb: 255 210 63;
    --clr-optional-500: var(--clr-optional);
    --clr-optional-500-rgb: var(--clr-optional-rgb);
    --clr-optional-100: rgb(100%, 96.4705882353%, 84.9411764706%);
    --clr-optional-100-rgb: 255 246 216.6;
    --clr-optional-300: rgb(100%, 89.4117647059%, 54.8235294118%);
    --clr-optional-300-rgb: 255 228 139.8;
    --clr-optional-700: rgb(60%, 49.4117647059%, 14.8235294118%);
    --clr-optional-700-rgb: 153 126 37.8;
    --clr-optional-900: rgb(20%, 16.4705882353%, 4.9411764706%);
    --clr-optional-900-rgb: 51 42 12.6;
    --clr-optional-op-5: rgba(255, 210, 63, 0.05);
    --clr-optional-op-6: rgba(255, 210, 63, 0.06);
    --clr-optional-op-8: rgba(255, 210, 63, 0.08);
    --clr-optional-op-10: rgba(255, 210, 63, 0.1);
    --clr-optional-op-15: rgba(255, 210, 63, 0.15);
    --clr-optional-op-20: rgba(255, 210, 63, 0.2);
    --clr-optional-op-25: rgba(255, 210, 63, 0.25);
    --clr-optional-op-30: rgba(255, 210, 63, 0.3);
    --clr-optional-op-35: rgba(255, 210, 63, 0.35);
    --clr-optional-op-40: rgba(255, 210, 63, 0.4);
    --clr-optional-op-45: rgba(255, 210, 63, 0.45);
    --clr-optional-op-50: rgba(255, 210, 63, 0.5);
    --clr-optional-op-60: rgba(255, 210, 63, 0.6);
    --clr-optional-op-70: rgba(255, 210, 63, 0.7);
    --clr-optional-op-80: rgba(255, 210, 63, 0.8);
    --clr-optional-op-90: rgba(255, 210, 63, 0.9);
    --clr-optional-op-100: rgba(255, 210, 63, 1);
    --clr-optional-light: #3D1E08;
    --clr-optional-light-hex: #3D1E08;
    --clr-optional-light-rgb: 61 30 8;
    --clr-optional-light-500: var(--clr-optional-light);
    --clr-optional-light-500-rgb: var(--clr-optional-light-rgb);
    --clr-optional-light-100: rgb(84.7843137255%, 82.3529411765%, 80.6274509804%);
    --clr-optional-light-100-rgb: 216.2 210 205.6;
    --clr-optional-light-300: rgb(54.3529411765%, 47.0588235294%, 41.8823529412%);
    --clr-optional-light-300-rgb: 138.6 120 106.8;
    --clr-optional-light-700: rgb(14.3529411765%, 7.0588235294%, 1.8823529412%);
    --clr-optional-light-700-rgb: 36.6 18 4.8;
    --clr-optional-light-900: rgb(4.7843137255%, 2.3529411765%, 0.6274509804%);
    --clr-optional-light-900-rgb: 12.2 6 1.6;
    --clr-optional-light-op-5: rgba(61, 30, 8, 0.05);
    --clr-optional-light-op-6: rgba(61, 30, 8, 0.06);
    --clr-optional-light-op-8: rgba(61, 30, 8, 0.08);
    --clr-optional-light-op-10: rgba(61, 30, 8, 0.1);
    --clr-optional-light-op-15: rgba(61, 30, 8, 0.15);
    --clr-optional-light-op-20: rgba(61, 30, 8, 0.2);
    --clr-optional-light-op-25: rgba(61, 30, 8, 0.25);
    --clr-optional-light-op-30: rgba(61, 30, 8, 0.3);
    --clr-optional-light-op-35: rgba(61, 30, 8, 0.35);
    --clr-optional-light-op-40: rgba(61, 30, 8, 0.4);
    --clr-optional-light-op-45: rgba(61, 30, 8, 0.45);
    --clr-optional-light-op-50: rgba(61, 30, 8, 0.5);
    --clr-optional-light-op-60: rgba(61, 30, 8, 0.6);
    --clr-optional-light-op-70: rgba(61, 30, 8, 0.7);
    --clr-optional-light-op-80: rgba(61, 30, 8, 0.8);
    --clr-optional-light-op-90: rgba(61, 30, 8, 0.9);
    --clr-optional-light-op-100: rgba(61, 30, 8, 1);
    --clr-optional-dark: #FFBE8A;
    --clr-optional-dark-hex: #FFBE8A;
    --clr-optional-dark-rgb: 255 190 138;
    --clr-optional-dark-500: var(--clr-optional-dark);
    --clr-optional-dark-500-rgb: var(--clr-optional-dark-rgb);
    --clr-optional-dark-100: rgb(100%, 94.9019607843%, 90.8235294118%);
    --clr-optional-dark-100-rgb: 255 242 231.6;
    --clr-optional-dark-300: rgb(100%, 84.7058823529%, 72.4705882353%);
    --clr-optional-dark-300-rgb: 255 216 184.8;
    --clr-optional-dark-700: rgb(60%, 44.7058823529%, 32.4705882353%);
    --clr-optional-dark-700-rgb: 153 114 82.8;
    --clr-optional-dark-900: rgb(20%, 14.9019607843%, 10.8235294118%);
    --clr-optional-dark-900-rgb: 51 38 27.6;
    --clr-optional-dark-op-5: rgba(255, 190, 138, 0.05);
    --clr-optional-dark-op-6: rgba(255, 190, 138, 0.06);
    --clr-optional-dark-op-8: rgba(255, 190, 138, 0.08);
    --clr-optional-dark-op-10: rgba(255, 190, 138, 0.1);
    --clr-optional-dark-op-15: rgba(255, 190, 138, 0.15);
    --clr-optional-dark-op-20: rgba(255, 190, 138, 0.2);
    --clr-optional-dark-op-25: rgba(255, 190, 138, 0.25);
    --clr-optional-dark-op-30: rgba(255, 190, 138, 0.3);
    --clr-optional-dark-op-35: rgba(255, 190, 138, 0.35);
    --clr-optional-dark-op-40: rgba(255, 190, 138, 0.4);
    --clr-optional-dark-op-45: rgba(255, 190, 138, 0.45);
    --clr-optional-dark-op-50: rgba(255, 190, 138, 0.5);
    --clr-optional-dark-op-60: rgba(255, 190, 138, 0.6);
    --clr-optional-dark-op-70: rgba(255, 190, 138, 0.7);
    --clr-optional-dark-op-80: rgba(255, 190, 138, 0.8);
    --clr-optional-dark-op-90: rgba(255, 190, 138, 0.9);
    --clr-optional-dark-op-100: rgba(255, 190, 138, 1);
    --clr-success: #5EE89A;
    --clr-success-hex: #5EE89A;
    --clr-success-rgb: 94 232 154;
    --clr-success-500: var(--clr-success);
    --clr-success-500-rgb: var(--clr-success-rgb);
    --clr-success-100: rgb(87.3725490196%, 98.1960784314%, 92.0784313725%);
    --clr-success-100-rgb: 222.8 250.4 234.8;
    --clr-success-300: rgb(62.1176470588%, 94.5882352941%, 76.2352941176%);
    --clr-success-300-rgb: 158.4 241.2 194.4;
    --clr-success-700: rgb(22.1176470588%, 54.5882352941%, 36.2352941176%);
    --clr-success-700-rgb: 56.4 139.2 92.4;
    --clr-success-900: rgb(7.3725490196%, 18.1960784314%, 12.0784313725%);
    --clr-success-900-rgb: 18.8 46.4 30.8;
    --clr-success-op-5: rgba(94, 232, 154, 0.05);
    --clr-success-op-6: rgba(94, 232, 154, 0.06);
    --clr-success-op-8: rgba(94, 232, 154, 0.08);
    --clr-success-op-10: rgba(94, 232, 154, 0.1);
    --clr-success-op-15: rgba(94, 232, 154, 0.15);
    --clr-success-op-20: rgba(94, 232, 154, 0.2);
    --clr-success-op-25: rgba(94, 232, 154, 0.25);
    --clr-success-op-30: rgba(94, 232, 154, 0.3);
    --clr-success-op-35: rgba(94, 232, 154, 0.35);
    --clr-success-op-40: rgba(94, 232, 154, 0.4);
    --clr-success-op-45: rgba(94, 232, 154, 0.45);
    --clr-success-op-50: rgba(94, 232, 154, 0.5);
    --clr-success-op-60: rgba(94, 232, 154, 0.6);
    --clr-success-op-70: rgba(94, 232, 154, 0.7);
    --clr-success-op-80: rgba(94, 232, 154, 0.8);
    --clr-success-op-90: rgba(94, 232, 154, 0.9);
    --clr-success-op-100: rgba(94, 232, 154, 1);
    --clr-success-light: #0A2818;
    --clr-success-light-hex: #0A2818;
    --clr-success-light-rgb: 10 40 24;
    --clr-success-light-500: var(--clr-success-light);
    --clr-success-light-500-rgb: var(--clr-success-light-rgb);
    --clr-success-light-100: rgb(80.7843137255%, 83.137254902%, 81.8823529412%);
    --clr-success-light-100-rgb: 206 212 208.8;
    --clr-success-light-300: rgb(42.3529411765%, 49.4117647059%, 45.6470588235%);
    --clr-success-light-300-rgb: 108 126 116.4;
    --clr-success-light-700: rgb(2.3529411765%, 9.4117647059%, 5.6470588235%);
    --clr-success-light-700-rgb: 6 24 14.4;
    --clr-success-light-900: rgb(0.7843137255%, 3.137254902%, 1.8823529412%);
    --clr-success-light-900-rgb: 2 8 4.8;
    --clr-success-light-op-5: rgba(10, 40, 24, 0.05);
    --clr-success-light-op-6: rgba(10, 40, 24, 0.06);
    --clr-success-light-op-8: rgba(10, 40, 24, 0.08);
    --clr-success-light-op-10: rgba(10, 40, 24, 0.1);
    --clr-success-light-op-15: rgba(10, 40, 24, 0.15);
    --clr-success-light-op-20: rgba(10, 40, 24, 0.2);
    --clr-success-light-op-25: rgba(10, 40, 24, 0.25);
    --clr-success-light-op-30: rgba(10, 40, 24, 0.3);
    --clr-success-light-op-35: rgba(10, 40, 24, 0.35);
    --clr-success-light-op-40: rgba(10, 40, 24, 0.4);
    --clr-success-light-op-45: rgba(10, 40, 24, 0.45);
    --clr-success-light-op-50: rgba(10, 40, 24, 0.5);
    --clr-success-light-op-60: rgba(10, 40, 24, 0.6);
    --clr-success-light-op-70: rgba(10, 40, 24, 0.7);
    --clr-success-light-op-80: rgba(10, 40, 24, 0.8);
    --clr-success-light-op-90: rgba(10, 40, 24, 0.9);
    --clr-success-light-op-100: rgba(10, 40, 24, 1);
    --clr-success-dark: #8FFFC0;
    --clr-success-dark-hex: #8FFFC0;
    --clr-success-dark-rgb: 143 255 192;
    --clr-success-dark-500: var(--clr-success-dark);
    --clr-success-dark-500-rgb: var(--clr-success-dark-rgb);
    --clr-success-dark-100: rgb(91.2156862745%, 100%, 95.0588235294%);
    --clr-success-dark-100-rgb: 232.6 255 242.4;
    --clr-success-dark-300: rgb(73.6470588235%, 100%, 85.1764705882%);
    --clr-success-dark-300-rgb: 187.8 255 217.2;
    --clr-success-dark-700: rgb(33.6470588235%, 60%, 45.1764705882%);
    --clr-success-dark-700-rgb: 85.8 153 115.2;
    --clr-success-dark-900: rgb(11.2156862745%, 20%, 15.0588235294%);
    --clr-success-dark-900-rgb: 28.6 51 38.4;
    --clr-success-dark-op-5: rgba(143, 255, 192, 0.05);
    --clr-success-dark-op-6: rgba(143, 255, 192, 0.06);
    --clr-success-dark-op-8: rgba(143, 255, 192, 0.08);
    --clr-success-dark-op-10: rgba(143, 255, 192, 0.1);
    --clr-success-dark-op-15: rgba(143, 255, 192, 0.15);
    --clr-success-dark-op-20: rgba(143, 255, 192, 0.2);
    --clr-success-dark-op-25: rgba(143, 255, 192, 0.25);
    --clr-success-dark-op-30: rgba(143, 255, 192, 0.3);
    --clr-success-dark-op-35: rgba(143, 255, 192, 0.35);
    --clr-success-dark-op-40: rgba(143, 255, 192, 0.4);
    --clr-success-dark-op-45: rgba(143, 255, 192, 0.45);
    --clr-success-dark-op-50: rgba(143, 255, 192, 0.5);
    --clr-success-dark-op-60: rgba(143, 255, 192, 0.6);
    --clr-success-dark-op-70: rgba(143, 255, 192, 0.7);
    --clr-success-dark-op-80: rgba(143, 255, 192, 0.8);
    --clr-success-dark-op-90: rgba(143, 255, 192, 0.9);
    --clr-success-dark-op-100: rgba(143, 255, 192, 1);
    --clr-warning: #FFCB45;
    --clr-warning-hex: #FFCB45;
    --clr-warning-rgb: 255 203 69;
    --clr-warning-500: var(--clr-warning);
    --clr-warning-500-rgb: var(--clr-warning-rgb);
    --clr-warning-100: rgb(100%, 95.9215686275%, 85.4117647059%);
    --clr-warning-100-rgb: 255 244.6 217.8;
    --clr-warning-300: rgb(100%, 87.7647058824%, 56.2352941176%);
    --clr-warning-300-rgb: 255 223.8 143.4;
    --clr-warning-700: rgb(60%, 47.7647058824%, 16.2352941176%);
    --clr-warning-700-rgb: 153 121.8 41.4;
    --clr-warning-900: rgb(20%, 15.9215686275%, 5.4117647059%);
    --clr-warning-900-rgb: 51 40.6 13.8;
    --clr-warning-op-5: rgba(255, 203, 69, 0.05);
    --clr-warning-op-6: rgba(255, 203, 69, 0.06);
    --clr-warning-op-8: rgba(255, 203, 69, 0.08);
    --clr-warning-op-10: rgba(255, 203, 69, 0.1);
    --clr-warning-op-15: rgba(255, 203, 69, 0.15);
    --clr-warning-op-20: rgba(255, 203, 69, 0.2);
    --clr-warning-op-25: rgba(255, 203, 69, 0.25);
    --clr-warning-op-30: rgba(255, 203, 69, 0.3);
    --clr-warning-op-35: rgba(255, 203, 69, 0.35);
    --clr-warning-op-40: rgba(255, 203, 69, 0.4);
    --clr-warning-op-45: rgba(255, 203, 69, 0.45);
    --clr-warning-op-50: rgba(255, 203, 69, 0.5);
    --clr-warning-op-60: rgba(255, 203, 69, 0.6);
    --clr-warning-op-70: rgba(255, 203, 69, 0.7);
    --clr-warning-op-80: rgba(255, 203, 69, 0.8);
    --clr-warning-op-90: rgba(255, 203, 69, 0.9);
    --clr-warning-op-100: rgba(255, 203, 69, 1);
    --clr-warning-light: #2D1F03;
    --clr-warning-light-hex: #2D1F03;
    --clr-warning-light-rgb: 45 31 3;
    --clr-warning-light-500: var(--clr-warning-light);
    --clr-warning-light-500-rgb: var(--clr-warning-light-rgb);
    --clr-warning-light-100: rgb(83.5294117647%, 82.431372549%, 80.2352941176%);
    --clr-warning-light-100-rgb: 213 210.2 204.6;
    --clr-warning-light-300: rgb(50.5882352941%, 47.2941176471%, 40.7058823529%);
    --clr-warning-light-300-rgb: 129 120.6 103.8;
    --clr-warning-light-700: rgb(10.5882352941%, 7.2941176471%, 0.7058823529%);
    --clr-warning-light-700-rgb: 27 18.6 1.8;
    --clr-warning-light-900: rgb(3.5294117647%, 2.431372549%, 0.2352941176%);
    --clr-warning-light-900-rgb: 9 6.2 0.6;
    --clr-warning-light-op-5: rgba(45, 31, 3, 0.05);
    --clr-warning-light-op-6: rgba(45, 31, 3, 0.06);
    --clr-warning-light-op-8: rgba(45, 31, 3, 0.08);
    --clr-warning-light-op-10: rgba(45, 31, 3, 0.1);
    --clr-warning-light-op-15: rgba(45, 31, 3, 0.15);
    --clr-warning-light-op-20: rgba(45, 31, 3, 0.2);
    --clr-warning-light-op-25: rgba(45, 31, 3, 0.25);
    --clr-warning-light-op-30: rgba(45, 31, 3, 0.3);
    --clr-warning-light-op-35: rgba(45, 31, 3, 0.35);
    --clr-warning-light-op-40: rgba(45, 31, 3, 0.4);
    --clr-warning-light-op-45: rgba(45, 31, 3, 0.45);
    --clr-warning-light-op-50: rgba(45, 31, 3, 0.5);
    --clr-warning-light-op-60: rgba(45, 31, 3, 0.6);
    --clr-warning-light-op-70: rgba(45, 31, 3, 0.7);
    --clr-warning-light-op-80: rgba(45, 31, 3, 0.8);
    --clr-warning-light-op-90: rgba(45, 31, 3, 0.9);
    --clr-warning-light-op-100: rgba(45, 31, 3, 1);
    --clr-warning-dark: #FFE082;
    --clr-warning-dark-hex: #FFE082;
    --clr-warning-dark-rgb: 255 224 130;
    --clr-warning-dark-500: var(--clr-warning-dark);
    --clr-warning-dark-500-rgb: var(--clr-warning-dark-rgb);
    --clr-warning-dark-100: rgb(100%, 97.568627451%, 90.1960784314%);
    --clr-warning-dark-100-rgb: 255 248.8 230;
    --clr-warning-dark-300: rgb(100%, 92.7058823529%, 70.5882352941%);
    --clr-warning-dark-300-rgb: 255 236.4 180;
    --clr-warning-dark-700: rgb(60%, 52.7058823529%, 30.5882352941%);
    --clr-warning-dark-700-rgb: 153 134.4 78;
    --clr-warning-dark-900: rgb(20%, 17.568627451%, 10.1960784314%);
    --clr-warning-dark-900-rgb: 51 44.8 26;
    --clr-warning-dark-op-5: rgba(255, 224, 130, 0.05);
    --clr-warning-dark-op-6: rgba(255, 224, 130, 0.06);
    --clr-warning-dark-op-8: rgba(255, 224, 130, 0.08);
    --clr-warning-dark-op-10: rgba(255, 224, 130, 0.1);
    --clr-warning-dark-op-15: rgba(255, 224, 130, 0.15);
    --clr-warning-dark-op-20: rgba(255, 224, 130, 0.2);
    --clr-warning-dark-op-25: rgba(255, 224, 130, 0.25);
    --clr-warning-dark-op-30: rgba(255, 224, 130, 0.3);
    --clr-warning-dark-op-35: rgba(255, 224, 130, 0.35);
    --clr-warning-dark-op-40: rgba(255, 224, 130, 0.4);
    --clr-warning-dark-op-45: rgba(255, 224, 130, 0.45);
    --clr-warning-dark-op-50: rgba(255, 224, 130, 0.5);
    --clr-warning-dark-op-60: rgba(255, 224, 130, 0.6);
    --clr-warning-dark-op-70: rgba(255, 224, 130, 0.7);
    --clr-warning-dark-op-80: rgba(255, 224, 130, 0.8);
    --clr-warning-dark-op-90: rgba(255, 224, 130, 0.9);
    --clr-warning-dark-op-100: rgba(255, 224, 130, 1);
    --clr-danger: #FF7B7B;
    --clr-danger-hex: #FF7B7B;
    --clr-danger-rgb: 255 123 123;
    --clr-danger-500: var(--clr-danger);
    --clr-danger-500-rgb: var(--clr-danger-rgb);
    --clr-danger-100: rgb(100%, 89.6470588235%, 89.6470588235%);
    --clr-danger-100-rgb: 255 228.6 228.6;
    --clr-danger-300: rgb(100%, 68.9411764706%, 68.9411764706%);
    --clr-danger-300-rgb: 255 175.8 175.8;
    --clr-danger-700: rgb(60%, 28.9411764706%, 28.9411764706%);
    --clr-danger-700-rgb: 153 73.8 73.8;
    --clr-danger-900: rgb(20%, 9.6470588235%, 9.6470588235%);
    --clr-danger-900-rgb: 51 24.6 24.6;
    --clr-danger-op-5: rgba(255, 123, 123, 0.05);
    --clr-danger-op-6: rgba(255, 123, 123, 0.06);
    --clr-danger-op-8: rgba(255, 123, 123, 0.08);
    --clr-danger-op-10: rgba(255, 123, 123, 0.1);
    --clr-danger-op-15: rgba(255, 123, 123, 0.15);
    --clr-danger-op-20: rgba(255, 123, 123, 0.2);
    --clr-danger-op-25: rgba(255, 123, 123, 0.25);
    --clr-danger-op-30: rgba(255, 123, 123, 0.3);
    --clr-danger-op-35: rgba(255, 123, 123, 0.35);
    --clr-danger-op-40: rgba(255, 123, 123, 0.4);
    --clr-danger-op-45: rgba(255, 123, 123, 0.45);
    --clr-danger-op-50: rgba(255, 123, 123, 0.5);
    --clr-danger-op-60: rgba(255, 123, 123, 0.6);
    --clr-danger-op-70: rgba(255, 123, 123, 0.7);
    --clr-danger-op-80: rgba(255, 123, 123, 0.8);
    --clr-danger-op-90: rgba(255, 123, 123, 0.9);
    --clr-danger-op-100: rgba(255, 123, 123, 1);
    --clr-danger-light: #2A0A0A;
    --clr-danger-light-hex: #2A0A0A;
    --clr-danger-light-rgb: 42 10 10;
    --clr-danger-light-500: var(--clr-danger-light);
    --clr-danger-light-500-rgb: var(--clr-danger-light-rgb);
    --clr-danger-light-100: rgb(83.2941176471%, 80.7843137255%, 80.7843137255%);
    --clr-danger-light-100-rgb: 212.4 206 206;
    --clr-danger-light-300: rgb(49.8823529412%, 42.3529411765%, 42.3529411765%);
    --clr-danger-light-300-rgb: 127.2 108 108;
    --clr-danger-light-700: rgb(9.8823529412%, 2.3529411765%, 2.3529411765%);
    --clr-danger-light-700-rgb: 25.2 6 6;
    --clr-danger-light-900: rgb(3.2941176471%, 0.7843137255%, 0.7843137255%);
    --clr-danger-light-900-rgb: 8.4 2 2;
    --clr-danger-light-op-5: rgba(42, 10, 10, 0.05);
    --clr-danger-light-op-6: rgba(42, 10, 10, 0.06);
    --clr-danger-light-op-8: rgba(42, 10, 10, 0.08);
    --clr-danger-light-op-10: rgba(42, 10, 10, 0.1);
    --clr-danger-light-op-15: rgba(42, 10, 10, 0.15);
    --clr-danger-light-op-20: rgba(42, 10, 10, 0.2);
    --clr-danger-light-op-25: rgba(42, 10, 10, 0.25);
    --clr-danger-light-op-30: rgba(42, 10, 10, 0.3);
    --clr-danger-light-op-35: rgba(42, 10, 10, 0.35);
    --clr-danger-light-op-40: rgba(42, 10, 10, 0.4);
    --clr-danger-light-op-45: rgba(42, 10, 10, 0.45);
    --clr-danger-light-op-50: rgba(42, 10, 10, 0.5);
    --clr-danger-light-op-60: rgba(42, 10, 10, 0.6);
    --clr-danger-light-op-70: rgba(42, 10, 10, 0.7);
    --clr-danger-light-op-80: rgba(42, 10, 10, 0.8);
    --clr-danger-light-op-90: rgba(42, 10, 10, 0.9);
    --clr-danger-light-op-100: rgba(42, 10, 10, 1);
    --clr-danger-dark: #FFB3B3;
    --clr-danger-dark-hex: #FFB3B3;
    --clr-danger-dark-rgb: 255 179 179;
    --clr-danger-dark-500: var(--clr-danger-dark);
    --clr-danger-dark-500-rgb: var(--clr-danger-dark-rgb);
    --clr-danger-dark-100: rgb(100%, 94.0392156863%, 94.0392156863%);
    --clr-danger-dark-100-rgb: 255 239.8 239.8;
    --clr-danger-dark-300: rgb(100%, 82.1176470588%, 82.1176470588%);
    --clr-danger-dark-300-rgb: 255 209.4 209.4;
    --clr-danger-dark-700: rgb(60%, 42.1176470588%, 42.1176470588%);
    --clr-danger-dark-700-rgb: 153 107.4 107.4;
    --clr-danger-dark-900: rgb(20%, 14.0392156863%, 14.0392156863%);
    --clr-danger-dark-900-rgb: 51 35.8 35.8;
    --clr-danger-dark-op-5: rgba(255, 179, 179, 0.05);
    --clr-danger-dark-op-6: rgba(255, 179, 179, 0.06);
    --clr-danger-dark-op-8: rgba(255, 179, 179, 0.08);
    --clr-danger-dark-op-10: rgba(255, 179, 179, 0.1);
    --clr-danger-dark-op-15: rgba(255, 179, 179, 0.15);
    --clr-danger-dark-op-20: rgba(255, 179, 179, 0.2);
    --clr-danger-dark-op-25: rgba(255, 179, 179, 0.25);
    --clr-danger-dark-op-30: rgba(255, 179, 179, 0.3);
    --clr-danger-dark-op-35: rgba(255, 179, 179, 0.35);
    --clr-danger-dark-op-40: rgba(255, 179, 179, 0.4);
    --clr-danger-dark-op-45: rgba(255, 179, 179, 0.45);
    --clr-danger-dark-op-50: rgba(255, 179, 179, 0.5);
    --clr-danger-dark-op-60: rgba(255, 179, 179, 0.6);
    --clr-danger-dark-op-70: rgba(255, 179, 179, 0.7);
    --clr-danger-dark-op-80: rgba(255, 179, 179, 0.8);
    --clr-danger-dark-op-90: rgba(255, 179, 179, 0.9);
    --clr-danger-dark-op-100: rgba(255, 179, 179, 1);
    --clr-info: #FBBF24;
    --clr-info-hex: #FBBF24;
    --clr-info-rgb: 251 191 36;
    --clr-info-500: var(--clr-info);
    --clr-info-500-rgb: var(--clr-info-rgb);
    --clr-info-100: rgb(99.6862745098%, 94.9803921569%, 82.8235294118%);
    --clr-info-100-rgb: 254.2 242.2 211.2;
    --clr-info-300: rgb(99.0588235294%, 84.9411764706%, 48.4705882353%);
    --clr-info-300-rgb: 252.6 216.6 123.6;
    --clr-info-700: rgb(59.0588235294%, 44.9411764706%, 8.4705882353%);
    --clr-info-700-rgb: 150.6 114.6 21.6;
    --clr-info-900: rgb(19.6862745098%, 14.9803921569%, 2.8235294118%);
    --clr-info-900-rgb: 50.2 38.2 7.2;
    --clr-info-op-5: rgba(251, 191, 36, 0.05);
    --clr-info-op-6: rgba(251, 191, 36, 0.06);
    --clr-info-op-8: rgba(251, 191, 36, 0.08);
    --clr-info-op-10: rgba(251, 191, 36, 0.1);
    --clr-info-op-15: rgba(251, 191, 36, 0.15);
    --clr-info-op-20: rgba(251, 191, 36, 0.2);
    --clr-info-op-25: rgba(251, 191, 36, 0.25);
    --clr-info-op-30: rgba(251, 191, 36, 0.3);
    --clr-info-op-35: rgba(251, 191, 36, 0.35);
    --clr-info-op-40: rgba(251, 191, 36, 0.4);
    --clr-info-op-45: rgba(251, 191, 36, 0.45);
    --clr-info-op-50: rgba(251, 191, 36, 0.5);
    --clr-info-op-60: rgba(251, 191, 36, 0.6);
    --clr-info-op-70: rgba(251, 191, 36, 0.7);
    --clr-info-op-80: rgba(251, 191, 36, 0.8);
    --clr-info-op-90: rgba(251, 191, 36, 0.9);
    --clr-info-op-100: rgba(251, 191, 36, 1);
    --clr-info-light: #78350F;
    --clr-info-light-hex: #78350F;
    --clr-info-light-rgb: 120 53 15;
    --clr-info-light-500: var(--clr-info-light);
    --clr-info-light-500-rgb: var(--clr-info-light-rgb);
    --clr-info-light-100: rgb(89.4117647059%, 84.1568627451%, 81.1764705882%);
    --clr-info-light-100-rgb: 228 214.6 207;
    --clr-info-light-300: rgb(68.2352941176%, 52.4705882353%, 43.5294117647%);
    --clr-info-light-300-rgb: 174 133.8 111;
    --clr-info-light-700: rgb(28.2352941176%, 12.4705882353%, 3.5294117647%);
    --clr-info-light-700-rgb: 72 31.8 9;
    --clr-info-light-900: rgb(9.4117647059%, 4.1568627451%, 1.1764705882%);
    --clr-info-light-900-rgb: 24 10.6 3;
    --clr-info-light-op-5: rgba(120, 53, 15, 0.05);
    --clr-info-light-op-6: rgba(120, 53, 15, 0.06);
    --clr-info-light-op-8: rgba(120, 53, 15, 0.08);
    --clr-info-light-op-10: rgba(120, 53, 15, 0.1);
    --clr-info-light-op-15: rgba(120, 53, 15, 0.15);
    --clr-info-light-op-20: rgba(120, 53, 15, 0.2);
    --clr-info-light-op-25: rgba(120, 53, 15, 0.25);
    --clr-info-light-op-30: rgba(120, 53, 15, 0.3);
    --clr-info-light-op-35: rgba(120, 53, 15, 0.35);
    --clr-info-light-op-40: rgba(120, 53, 15, 0.4);
    --clr-info-light-op-45: rgba(120, 53, 15, 0.45);
    --clr-info-light-op-50: rgba(120, 53, 15, 0.5);
    --clr-info-light-op-60: rgba(120, 53, 15, 0.6);
    --clr-info-light-op-70: rgba(120, 53, 15, 0.7);
    --clr-info-light-op-80: rgba(120, 53, 15, 0.8);
    --clr-info-light-op-90: rgba(120, 53, 15, 0.9);
    --clr-info-light-op-100: rgba(120, 53, 15, 1);
    --clr-info-dark: #FDE68A;
    --clr-info-dark-hex: #FDE68A;
    --clr-info-dark-rgb: 253 230 138;
    --clr-info-dark-500: var(--clr-info-dark);
    --clr-info-dark-500-rgb: var(--clr-info-dark-rgb);
    --clr-info-dark-100: rgb(99.8431372549%, 98.0392156863%, 90.8235294118%);
    --clr-info-dark-100-rgb: 254.6 250 231.6;
    --clr-info-dark-300: rgb(99.5294117647%, 94.1176470588%, 72.4705882353%);
    --clr-info-dark-300-rgb: 253.8 240 184.8;
    --clr-info-dark-700: rgb(59.5294117647%, 54.1176470588%, 32.4705882353%);
    --clr-info-dark-700-rgb: 151.8 138 82.8;
    --clr-info-dark-900: rgb(19.8431372549%, 18.0392156863%, 10.8235294118%);
    --clr-info-dark-900-rgb: 50.6 46 27.6;
    --clr-info-dark-op-5: rgba(253, 230, 138, 0.05);
    --clr-info-dark-op-6: rgba(253, 230, 138, 0.06);
    --clr-info-dark-op-8: rgba(253, 230, 138, 0.08);
    --clr-info-dark-op-10: rgba(253, 230, 138, 0.1);
    --clr-info-dark-op-15: rgba(253, 230, 138, 0.15);
    --clr-info-dark-op-20: rgba(253, 230, 138, 0.2);
    --clr-info-dark-op-25: rgba(253, 230, 138, 0.25);
    --clr-info-dark-op-30: rgba(253, 230, 138, 0.3);
    --clr-info-dark-op-35: rgba(253, 230, 138, 0.35);
    --clr-info-dark-op-40: rgba(253, 230, 138, 0.4);
    --clr-info-dark-op-45: rgba(253, 230, 138, 0.45);
    --clr-info-dark-op-50: rgba(253, 230, 138, 0.5);
    --clr-info-dark-op-60: rgba(253, 230, 138, 0.6);
    --clr-info-dark-op-70: rgba(253, 230, 138, 0.7);
    --clr-info-dark-op-80: rgba(253, 230, 138, 0.8);
    --clr-info-dark-op-90: rgba(253, 230, 138, 0.9);
    --clr-info-dark-op-100: rgba(253, 230, 138, 1);
    --clr-purple: #a78bfa;
    --clr-purple-hex: #a78bfa;
    --clr-purple-rgb: 167 139 250;
    --clr-purple-500: var(--clr-purple);
    --clr-purple-500-rgb: var(--clr-purple-rgb);
    --clr-purple-100: rgb(93.0980392157%, 90.9019607843%, 99.6078431373%);
    --clr-purple-100-rgb: 237.4 231.8 254;
    --clr-purple-300: rgb(79.2941176471%, 72.7058823529%, 98.8235294118%);
    --clr-purple-300-rgb: 202.2 185.4 252;
    --clr-purple-700: rgb(39.2941176471%, 32.7058823529%, 58.8235294118%);
    --clr-purple-700-rgb: 100.2 83.4 150;
    --clr-purple-900: rgb(13.0980392157%, 10.9019607843%, 19.6078431373%);
    --clr-purple-900-rgb: 33.4 27.8 50;
    --clr-purple-op-5: rgba(167, 139, 250, 0.05);
    --clr-purple-op-6: rgba(167, 139, 250, 0.06);
    --clr-purple-op-8: rgba(167, 139, 250, 0.08);
    --clr-purple-op-10: rgba(167, 139, 250, 0.1);
    --clr-purple-op-15: rgba(167, 139, 250, 0.15);
    --clr-purple-op-20: rgba(167, 139, 250, 0.2);
    --clr-purple-op-25: rgba(167, 139, 250, 0.25);
    --clr-purple-op-30: rgba(167, 139, 250, 0.3);
    --clr-purple-op-35: rgba(167, 139, 250, 0.35);
    --clr-purple-op-40: rgba(167, 139, 250, 0.4);
    --clr-purple-op-45: rgba(167, 139, 250, 0.45);
    --clr-purple-op-50: rgba(167, 139, 250, 0.5);
    --clr-purple-op-60: rgba(167, 139, 250, 0.6);
    --clr-purple-op-70: rgba(167, 139, 250, 0.7);
    --clr-purple-op-80: rgba(167, 139, 250, 0.8);
    --clr-purple-op-90: rgba(167, 139, 250, 0.9);
    --clr-purple-op-100: rgba(167, 139, 250, 1);
    --clr-purple-light: #2e1065;
    --clr-purple-light-hex: #2e1065;
    --clr-purple-light-rgb: 46 16 101;
    --clr-purple-light-500: var(--clr-purple-light);
    --clr-purple-light-500-rgb: var(--clr-purple-light-rgb);
    --clr-purple-light-100: rgb(83.6078431373%, 81.2549019608%, 87.9215686275%);
    --clr-purple-light-100-rgb: 213.2 207.2 224.2;
    --clr-purple-light-300: rgb(50.8235294118%, 43.7647058824%, 63.7647058824%);
    --clr-purple-light-300-rgb: 129.6 111.6 162.6;
    --clr-purple-light-700: rgb(10.8235294118%, 3.7647058824%, 23.7647058824%);
    --clr-purple-light-700-rgb: 27.6 9.6 60.6;
    --clr-purple-light-900: rgb(3.6078431373%, 1.2549019608%, 7.9215686275%);
    --clr-purple-light-900-rgb: 9.2 3.2 20.2;
    --clr-purple-light-op-5: rgba(46, 16, 101, 0.05);
    --clr-purple-light-op-6: rgba(46, 16, 101, 0.06);
    --clr-purple-light-op-8: rgba(46, 16, 101, 0.08);
    --clr-purple-light-op-10: rgba(46, 16, 101, 0.1);
    --clr-purple-light-op-15: rgba(46, 16, 101, 0.15);
    --clr-purple-light-op-20: rgba(46, 16, 101, 0.2);
    --clr-purple-light-op-25: rgba(46, 16, 101, 0.25);
    --clr-purple-light-op-30: rgba(46, 16, 101, 0.3);
    --clr-purple-light-op-35: rgba(46, 16, 101, 0.35);
    --clr-purple-light-op-40: rgba(46, 16, 101, 0.4);
    --clr-purple-light-op-45: rgba(46, 16, 101, 0.45);
    --clr-purple-light-op-50: rgba(46, 16, 101, 0.5);
    --clr-purple-light-op-60: rgba(46, 16, 101, 0.6);
    --clr-purple-light-op-70: rgba(46, 16, 101, 0.7);
    --clr-purple-light-op-80: rgba(46, 16, 101, 0.8);
    --clr-purple-light-op-90: rgba(46, 16, 101, 0.9);
    --clr-purple-light-op-100: rgba(46, 16, 101, 1);
    --clr-purple-dark: #c4b5fd;
    --clr-purple-dark-hex: #c4b5fd;
    --clr-purple-dark-rgb: 196 181 253;
    --clr-purple-dark-500: var(--clr-purple-dark);
    --clr-purple-dark-500-rgb: var(--clr-purple-dark-rgb);
    --clr-purple-dark-100: rgb(95.3725490196%, 94.1960784314%, 99.8431372549%);
    --clr-purple-dark-100-rgb: 243.2 240.2 254.6;
    --clr-purple-dark-300: rgb(86.1176470588%, 82.5882352941%, 99.5294117647%);
    --clr-purple-dark-300-rgb: 219.6 210.6 253.8;
    --clr-purple-dark-700: rgb(46.1176470588%, 42.5882352941%, 59.5294117647%);
    --clr-purple-dark-700-rgb: 117.6 108.6 151.8;
    --clr-purple-dark-900: rgb(15.3725490196%, 14.1960784314%, 19.8431372549%);
    --clr-purple-dark-900-rgb: 39.2 36.2 50.6;
    --clr-purple-dark-op-5: rgba(196, 181, 253, 0.05);
    --clr-purple-dark-op-6: rgba(196, 181, 253, 0.06);
    --clr-purple-dark-op-8: rgba(196, 181, 253, 0.08);
    --clr-purple-dark-op-10: rgba(196, 181, 253, 0.1);
    --clr-purple-dark-op-15: rgba(196, 181, 253, 0.15);
    --clr-purple-dark-op-20: rgba(196, 181, 253, 0.2);
    --clr-purple-dark-op-25: rgba(196, 181, 253, 0.25);
    --clr-purple-dark-op-30: rgba(196, 181, 253, 0.3);
    --clr-purple-dark-op-35: rgba(196, 181, 253, 0.35);
    --clr-purple-dark-op-40: rgba(196, 181, 253, 0.4);
    --clr-purple-dark-op-45: rgba(196, 181, 253, 0.45);
    --clr-purple-dark-op-50: rgba(196, 181, 253, 0.5);
    --clr-purple-dark-op-60: rgba(196, 181, 253, 0.6);
    --clr-purple-dark-op-70: rgba(196, 181, 253, 0.7);
    --clr-purple-dark-op-80: rgba(196, 181, 253, 0.8);
    --clr-purple-dark-op-90: rgba(196, 181, 253, 0.9);
    --clr-purple-dark-op-100: rgba(196, 181, 253, 1);
    --clr-orange: #fb923c;
    --clr-orange-hex: #fb923c;
    --clr-orange-rgb: 251 146 60;
    --clr-orange-500: var(--clr-orange);
    --clr-orange-500-rgb: var(--clr-orange-rgb);
    --clr-orange-100: rgb(99.6862745098%, 91.4509803922%, 84.7058823529%);
    --clr-orange-100-rgb: 254.2 233.2 216;
    --clr-orange-300: rgb(99.0588235294%, 74.3529411765%, 54.1176470588%);
    --clr-orange-300-rgb: 252.6 189.6 138;
    --clr-orange-700: rgb(59.0588235294%, 34.3529411765%, 14.1176470588%);
    --clr-orange-700-rgb: 150.6 87.6 36;
    --clr-orange-900: rgb(19.6862745098%, 11.4509803922%, 4.7058823529%);
    --clr-orange-900-rgb: 50.2 29.2 12;
    --clr-orange-op-5: rgba(251, 146, 60, 0.05);
    --clr-orange-op-6: rgba(251, 146, 60, 0.06);
    --clr-orange-op-8: rgba(251, 146, 60, 0.08);
    --clr-orange-op-10: rgba(251, 146, 60, 0.1);
    --clr-orange-op-15: rgba(251, 146, 60, 0.15);
    --clr-orange-op-20: rgba(251, 146, 60, 0.2);
    --clr-orange-op-25: rgba(251, 146, 60, 0.25);
    --clr-orange-op-30: rgba(251, 146, 60, 0.3);
    --clr-orange-op-35: rgba(251, 146, 60, 0.35);
    --clr-orange-op-40: rgba(251, 146, 60, 0.4);
    --clr-orange-op-45: rgba(251, 146, 60, 0.45);
    --clr-orange-op-50: rgba(251, 146, 60, 0.5);
    --clr-orange-op-60: rgba(251, 146, 60, 0.6);
    --clr-orange-op-70: rgba(251, 146, 60, 0.7);
    --clr-orange-op-80: rgba(251, 146, 60, 0.8);
    --clr-orange-op-90: rgba(251, 146, 60, 0.9);
    --clr-orange-op-100: rgba(251, 146, 60, 1);
    --clr-orange-light: #431407;
    --clr-orange-light-hex: #431407;
    --clr-orange-light-rgb: 67 20 7;
    --clr-orange-light-500: var(--clr-orange-light);
    --clr-orange-light-500-rgb: var(--clr-orange-light-rgb);
    --clr-orange-light-100: rgb(85.2549019608%, 81.568627451%, 80.5490196078%);
    --clr-orange-light-100-rgb: 217.4 208 205.4;
    --clr-orange-light-300: rgb(55.7647058824%, 44.7058823529%, 41.6470588235%);
    --clr-orange-light-300-rgb: 142.2 114 106.2;
    --clr-orange-light-700: rgb(15.7647058824%, 4.7058823529%, 1.6470588235%);
    --clr-orange-light-700-rgb: 40.2 12 4.2;
    --clr-orange-light-900: rgb(5.2549019608%, 1.568627451%, 0.5490196078%);
    --clr-orange-light-900-rgb: 13.4 4 1.4;
    --clr-orange-light-op-5: rgba(67, 20, 7, 0.05);
    --clr-orange-light-op-6: rgba(67, 20, 7, 0.06);
    --clr-orange-light-op-8: rgba(67, 20, 7, 0.08);
    --clr-orange-light-op-10: rgba(67, 20, 7, 0.1);
    --clr-orange-light-op-15: rgba(67, 20, 7, 0.15);
    --clr-orange-light-op-20: rgba(67, 20, 7, 0.2);
    --clr-orange-light-op-25: rgba(67, 20, 7, 0.25);
    --clr-orange-light-op-30: rgba(67, 20, 7, 0.3);
    --clr-orange-light-op-35: rgba(67, 20, 7, 0.35);
    --clr-orange-light-op-40: rgba(67, 20, 7, 0.4);
    --clr-orange-light-op-45: rgba(67, 20, 7, 0.45);
    --clr-orange-light-op-50: rgba(67, 20, 7, 0.5);
    --clr-orange-light-op-60: rgba(67, 20, 7, 0.6);
    --clr-orange-light-op-70: rgba(67, 20, 7, 0.7);
    --clr-orange-light-op-80: rgba(67, 20, 7, 0.8);
    --clr-orange-light-op-90: rgba(67, 20, 7, 0.9);
    --clr-orange-light-op-100: rgba(67, 20, 7, 1);
    --clr-orange-dark: #fdba74;
    --clr-orange-dark-hex: #fdba74;
    --clr-orange-dark-rgb: 253 186 116;
    --clr-orange-dark-500: var(--clr-orange-dark);
    --clr-orange-dark-500-rgb: var(--clr-orange-dark-rgb);
    --clr-orange-dark-100: rgb(99.8431372549%, 94.5882352941%, 89.0980392157%);
    --clr-orange-dark-100-rgb: 254.6 241.2 227.2;
    --clr-orange-dark-300: rgb(99.5294117647%, 83.7647058824%, 67.2941176471%);
    --clr-orange-dark-300-rgb: 253.8 213.6 171.6;
    --clr-orange-dark-700: rgb(59.5294117647%, 43.7647058824%, 27.2941176471%);
    --clr-orange-dark-700-rgb: 151.8 111.6 69.6;
    --clr-orange-dark-900: rgb(19.8431372549%, 14.5882352941%, 9.0980392157%);
    --clr-orange-dark-900-rgb: 50.6 37.2 23.2;
    --clr-orange-dark-op-5: rgba(253, 186, 116, 0.05);
    --clr-orange-dark-op-6: rgba(253, 186, 116, 0.06);
    --clr-orange-dark-op-8: rgba(253, 186, 116, 0.08);
    --clr-orange-dark-op-10: rgba(253, 186, 116, 0.1);
    --clr-orange-dark-op-15: rgba(253, 186, 116, 0.15);
    --clr-orange-dark-op-20: rgba(253, 186, 116, 0.2);
    --clr-orange-dark-op-25: rgba(253, 186, 116, 0.25);
    --clr-orange-dark-op-30: rgba(253, 186, 116, 0.3);
    --clr-orange-dark-op-35: rgba(253, 186, 116, 0.35);
    --clr-orange-dark-op-40: rgba(253, 186, 116, 0.4);
    --clr-orange-dark-op-45: rgba(253, 186, 116, 0.45);
    --clr-orange-dark-op-50: rgba(253, 186, 116, 0.5);
    --clr-orange-dark-op-60: rgba(253, 186, 116, 0.6);
    --clr-orange-dark-op-70: rgba(253, 186, 116, 0.7);
    --clr-orange-dark-op-80: rgba(253, 186, 116, 0.8);
    --clr-orange-dark-op-90: rgba(253, 186, 116, 0.9);
    --clr-orange-dark-op-100: rgba(253, 186, 116, 1);
    --clr-neutral: #A8B5C4;
    --clr-neutral-hex: #A8B5C4;
    --clr-neutral-rgb: 168 181 196;
    --clr-neutral-500: var(--clr-neutral);
    --clr-neutral-500-rgb: var(--clr-neutral-rgb);
    --clr-neutral-100: rgb(93.1764705882%, 94.1960784314%, 95.3725490196%);
    --clr-neutral-100-rgb: 237.6 240.2 243.2;
    --clr-neutral-300: rgb(79.5294117647%, 82.5882352941%, 86.1176470588%);
    --clr-neutral-300-rgb: 202.8 210.6 219.6;
    --clr-neutral-700: rgb(39.5294117647%, 42.5882352941%, 46.1176470588%);
    --clr-neutral-700-rgb: 100.8 108.6 117.6;
    --clr-neutral-900: rgb(13.1764705882%, 14.1960784314%, 15.3725490196%);
    --clr-neutral-900-rgb: 33.6 36.2 39.2;
    --clr-neutral-op-5: rgba(168, 181, 196, 0.05);
    --clr-neutral-op-6: rgba(168, 181, 196, 0.06);
    --clr-neutral-op-8: rgba(168, 181, 196, 0.08);
    --clr-neutral-op-10: rgba(168, 181, 196, 0.1);
    --clr-neutral-op-15: rgba(168, 181, 196, 0.15);
    --clr-neutral-op-20: rgba(168, 181, 196, 0.2);
    --clr-neutral-op-25: rgba(168, 181, 196, 0.25);
    --clr-neutral-op-30: rgba(168, 181, 196, 0.3);
    --clr-neutral-op-35: rgba(168, 181, 196, 0.35);
    --clr-neutral-op-40: rgba(168, 181, 196, 0.4);
    --clr-neutral-op-45: rgba(168, 181, 196, 0.45);
    --clr-neutral-op-50: rgba(168, 181, 196, 0.5);
    --clr-neutral-op-60: rgba(168, 181, 196, 0.6);
    --clr-neutral-op-70: rgba(168, 181, 196, 0.7);
    --clr-neutral-op-80: rgba(168, 181, 196, 0.8);
    --clr-neutral-op-90: rgba(168, 181, 196, 0.9);
    --clr-neutral-op-100: rgba(168, 181, 196, 1);
    --clr-neutral-50: #0B1120;
    --clr-neutral-50-hex: #0B1120;
    --clr-neutral-50-rgb: 11 17 32;
    --clr-neutral-50-op-5: rgba(11, 17, 32, 0.05);
    --clr-neutral-50-op-6: rgba(11, 17, 32, 0.06);
    --clr-neutral-50-op-8: rgba(11, 17, 32, 0.08);
    --clr-neutral-50-op-10: rgba(11, 17, 32, 0.1);
    --clr-neutral-50-op-15: rgba(11, 17, 32, 0.15);
    --clr-neutral-50-op-20: rgba(11, 17, 32, 0.2);
    --clr-neutral-50-op-25: rgba(11, 17, 32, 0.25);
    --clr-neutral-50-op-30: rgba(11, 17, 32, 0.3);
    --clr-neutral-50-op-35: rgba(11, 17, 32, 0.35);
    --clr-neutral-50-op-40: rgba(11, 17, 32, 0.4);
    --clr-neutral-50-op-45: rgba(11, 17, 32, 0.45);
    --clr-neutral-50-op-50: rgba(11, 17, 32, 0.5);
    --clr-neutral-50-op-60: rgba(11, 17, 32, 0.6);
    --clr-neutral-50-op-70: rgba(11, 17, 32, 0.7);
    --clr-neutral-50-op-80: rgba(11, 17, 32, 0.8);
    --clr-neutral-50-op-90: rgba(11, 17, 32, 0.9);
    --clr-neutral-50-op-100: rgba(11, 17, 32, 1);
    --clr-neutral-100: #111827;
    --clr-neutral-100-hex: #111827;
    --clr-neutral-100-rgb: 17 24 39;
    --clr-neutral-100-op-5: rgba(17, 24, 39, 0.05);
    --clr-neutral-100-op-6: rgba(17, 24, 39, 0.06);
    --clr-neutral-100-op-8: rgba(17, 24, 39, 0.08);
    --clr-neutral-100-op-10: rgba(17, 24, 39, 0.1);
    --clr-neutral-100-op-15: rgba(17, 24, 39, 0.15);
    --clr-neutral-100-op-20: rgba(17, 24, 39, 0.2);
    --clr-neutral-100-op-25: rgba(17, 24, 39, 0.25);
    --clr-neutral-100-op-30: rgba(17, 24, 39, 0.3);
    --clr-neutral-100-op-35: rgba(17, 24, 39, 0.35);
    --clr-neutral-100-op-40: rgba(17, 24, 39, 0.4);
    --clr-neutral-100-op-45: rgba(17, 24, 39, 0.45);
    --clr-neutral-100-op-50: rgba(17, 24, 39, 0.5);
    --clr-neutral-100-op-60: rgba(17, 24, 39, 0.6);
    --clr-neutral-100-op-70: rgba(17, 24, 39, 0.7);
    --clr-neutral-100-op-80: rgba(17, 24, 39, 0.8);
    --clr-neutral-100-op-90: rgba(17, 24, 39, 0.9);
    --clr-neutral-100-op-100: rgba(17, 24, 39, 1);
    --clr-neutral-200: #1F2937;
    --clr-neutral-200-hex: #1F2937;
    --clr-neutral-200-rgb: 31 41 55;
    --clr-neutral-200-op-5: rgba(31, 41, 55, 0.05);
    --clr-neutral-200-op-6: rgba(31, 41, 55, 0.06);
    --clr-neutral-200-op-8: rgba(31, 41, 55, 0.08);
    --clr-neutral-200-op-10: rgba(31, 41, 55, 0.1);
    --clr-neutral-200-op-15: rgba(31, 41, 55, 0.15);
    --clr-neutral-200-op-20: rgba(31, 41, 55, 0.2);
    --clr-neutral-200-op-25: rgba(31, 41, 55, 0.25);
    --clr-neutral-200-op-30: rgba(31, 41, 55, 0.3);
    --clr-neutral-200-op-35: rgba(31, 41, 55, 0.35);
    --clr-neutral-200-op-40: rgba(31, 41, 55, 0.4);
    --clr-neutral-200-op-45: rgba(31, 41, 55, 0.45);
    --clr-neutral-200-op-50: rgba(31, 41, 55, 0.5);
    --clr-neutral-200-op-60: rgba(31, 41, 55, 0.6);
    --clr-neutral-200-op-70: rgba(31, 41, 55, 0.7);
    --clr-neutral-200-op-80: rgba(31, 41, 55, 0.8);
    --clr-neutral-200-op-90: rgba(31, 41, 55, 0.9);
    --clr-neutral-200-op-100: rgba(31, 41, 55, 1);
    --clr-neutral-300: #374151;
    --clr-neutral-300-hex: #374151;
    --clr-neutral-300-rgb: 55 65 81;
    --clr-neutral-300-op-5: rgba(55, 65, 81, 0.05);
    --clr-neutral-300-op-6: rgba(55, 65, 81, 0.06);
    --clr-neutral-300-op-8: rgba(55, 65, 81, 0.08);
    --clr-neutral-300-op-10: rgba(55, 65, 81, 0.1);
    --clr-neutral-300-op-15: rgba(55, 65, 81, 0.15);
    --clr-neutral-300-op-20: rgba(55, 65, 81, 0.2);
    --clr-neutral-300-op-25: rgba(55, 65, 81, 0.25);
    --clr-neutral-300-op-30: rgba(55, 65, 81, 0.3);
    --clr-neutral-300-op-35: rgba(55, 65, 81, 0.35);
    --clr-neutral-300-op-40: rgba(55, 65, 81, 0.4);
    --clr-neutral-300-op-45: rgba(55, 65, 81, 0.45);
    --clr-neutral-300-op-50: rgba(55, 65, 81, 0.5);
    --clr-neutral-300-op-60: rgba(55, 65, 81, 0.6);
    --clr-neutral-300-op-70: rgba(55, 65, 81, 0.7);
    --clr-neutral-300-op-80: rgba(55, 65, 81, 0.8);
    --clr-neutral-300-op-90: rgba(55, 65, 81, 0.9);
    --clr-neutral-300-op-100: rgba(55, 65, 81, 1);
    --clr-neutral-400: #6B7280;
    --clr-neutral-400-hex: #6B7280;
    --clr-neutral-400-rgb: 107 114 128;
    --clr-neutral-400-op-5: rgba(107, 114, 128, 0.05);
    --clr-neutral-400-op-6: rgba(107, 114, 128, 0.06);
    --clr-neutral-400-op-8: rgba(107, 114, 128, 0.08);
    --clr-neutral-400-op-10: rgba(107, 114, 128, 0.1);
    --clr-neutral-400-op-15: rgba(107, 114, 128, 0.15);
    --clr-neutral-400-op-20: rgba(107, 114, 128, 0.2);
    --clr-neutral-400-op-25: rgba(107, 114, 128, 0.25);
    --clr-neutral-400-op-30: rgba(107, 114, 128, 0.3);
    --clr-neutral-400-op-35: rgba(107, 114, 128, 0.35);
    --clr-neutral-400-op-40: rgba(107, 114, 128, 0.4);
    --clr-neutral-400-op-45: rgba(107, 114, 128, 0.45);
    --clr-neutral-400-op-50: rgba(107, 114, 128, 0.5);
    --clr-neutral-400-op-60: rgba(107, 114, 128, 0.6);
    --clr-neutral-400-op-70: rgba(107, 114, 128, 0.7);
    --clr-neutral-400-op-80: rgba(107, 114, 128, 0.8);
    --clr-neutral-400-op-90: rgba(107, 114, 128, 0.9);
    --clr-neutral-400-op-100: rgba(107, 114, 128, 1);
    --clr-neutral-500: #9CA3AF;
    --clr-neutral-500-hex: #9CA3AF;
    --clr-neutral-500-rgb: 156 163 175;
    --clr-neutral-500-op-5: rgba(156, 163, 175, 0.05);
    --clr-neutral-500-op-6: rgba(156, 163, 175, 0.06);
    --clr-neutral-500-op-8: rgba(156, 163, 175, 0.08);
    --clr-neutral-500-op-10: rgba(156, 163, 175, 0.1);
    --clr-neutral-500-op-15: rgba(156, 163, 175, 0.15);
    --clr-neutral-500-op-20: rgba(156, 163, 175, 0.2);
    --clr-neutral-500-op-25: rgba(156, 163, 175, 0.25);
    --clr-neutral-500-op-30: rgba(156, 163, 175, 0.3);
    --clr-neutral-500-op-35: rgba(156, 163, 175, 0.35);
    --clr-neutral-500-op-40: rgba(156, 163, 175, 0.4);
    --clr-neutral-500-op-45: rgba(156, 163, 175, 0.45);
    --clr-neutral-500-op-50: rgba(156, 163, 175, 0.5);
    --clr-neutral-500-op-60: rgba(156, 163, 175, 0.6);
    --clr-neutral-500-op-70: rgba(156, 163, 175, 0.7);
    --clr-neutral-500-op-80: rgba(156, 163, 175, 0.8);
    --clr-neutral-500-op-90: rgba(156, 163, 175, 0.9);
    --clr-neutral-500-op-100: rgba(156, 163, 175, 1);
    --clr-neutral-600: #D1D5DB;
    --clr-neutral-600-hex: #D1D5DB;
    --clr-neutral-600-rgb: 209 213 219;
    --clr-neutral-600-op-5: rgba(209, 213, 219, 0.05);
    --clr-neutral-600-op-6: rgba(209, 213, 219, 0.06);
    --clr-neutral-600-op-8: rgba(209, 213, 219, 0.08);
    --clr-neutral-600-op-10: rgba(209, 213, 219, 0.1);
    --clr-neutral-600-op-15: rgba(209, 213, 219, 0.15);
    --clr-neutral-600-op-20: rgba(209, 213, 219, 0.2);
    --clr-neutral-600-op-25: rgba(209, 213, 219, 0.25);
    --clr-neutral-600-op-30: rgba(209, 213, 219, 0.3);
    --clr-neutral-600-op-35: rgba(209, 213, 219, 0.35);
    --clr-neutral-600-op-40: rgba(209, 213, 219, 0.4);
    --clr-neutral-600-op-45: rgba(209, 213, 219, 0.45);
    --clr-neutral-600-op-50: rgba(209, 213, 219, 0.5);
    --clr-neutral-600-op-60: rgba(209, 213, 219, 0.6);
    --clr-neutral-600-op-70: rgba(209, 213, 219, 0.7);
    --clr-neutral-600-op-80: rgba(209, 213, 219, 0.8);
    --clr-neutral-600-op-90: rgba(209, 213, 219, 0.9);
    --clr-neutral-600-op-100: rgba(209, 213, 219, 1);
    --clr-neutral-700: #E5E7EB;
    --clr-neutral-700-hex: #E5E7EB;
    --clr-neutral-700-rgb: 229 231 235;
    --clr-neutral-700-op-5: rgba(229, 231, 235, 0.05);
    --clr-neutral-700-op-6: rgba(229, 231, 235, 0.06);
    --clr-neutral-700-op-8: rgba(229, 231, 235, 0.08);
    --clr-neutral-700-op-10: rgba(229, 231, 235, 0.1);
    --clr-neutral-700-op-15: rgba(229, 231, 235, 0.15);
    --clr-neutral-700-op-20: rgba(229, 231, 235, 0.2);
    --clr-neutral-700-op-25: rgba(229, 231, 235, 0.25);
    --clr-neutral-700-op-30: rgba(229, 231, 235, 0.3);
    --clr-neutral-700-op-35: rgba(229, 231, 235, 0.35);
    --clr-neutral-700-op-40: rgba(229, 231, 235, 0.4);
    --clr-neutral-700-op-45: rgba(229, 231, 235, 0.45);
    --clr-neutral-700-op-50: rgba(229, 231, 235, 0.5);
    --clr-neutral-700-op-60: rgba(229, 231, 235, 0.6);
    --clr-neutral-700-op-70: rgba(229, 231, 235, 0.7);
    --clr-neutral-700-op-80: rgba(229, 231, 235, 0.8);
    --clr-neutral-700-op-90: rgba(229, 231, 235, 0.9);
    --clr-neutral-700-op-100: rgba(229, 231, 235, 1);
    --clr-neutral-800: #F3F4F6;
    --clr-neutral-800-hex: #F3F4F6;
    --clr-neutral-800-rgb: 243 244 246;
    --clr-neutral-800-op-5: rgba(243, 244, 246, 0.05);
    --clr-neutral-800-op-6: rgba(243, 244, 246, 0.06);
    --clr-neutral-800-op-8: rgba(243, 244, 246, 0.08);
    --clr-neutral-800-op-10: rgba(243, 244, 246, 0.1);
    --clr-neutral-800-op-15: rgba(243, 244, 246, 0.15);
    --clr-neutral-800-op-20: rgba(243, 244, 246, 0.2);
    --clr-neutral-800-op-25: rgba(243, 244, 246, 0.25);
    --clr-neutral-800-op-30: rgba(243, 244, 246, 0.3);
    --clr-neutral-800-op-35: rgba(243, 244, 246, 0.35);
    --clr-neutral-800-op-40: rgba(243, 244, 246, 0.4);
    --clr-neutral-800-op-45: rgba(243, 244, 246, 0.45);
    --clr-neutral-800-op-50: rgba(243, 244, 246, 0.5);
    --clr-neutral-800-op-60: rgba(243, 244, 246, 0.6);
    --clr-neutral-800-op-70: rgba(243, 244, 246, 0.7);
    --clr-neutral-800-op-80: rgba(243, 244, 246, 0.8);
    --clr-neutral-800-op-90: rgba(243, 244, 246, 0.9);
    --clr-neutral-800-op-100: rgba(243, 244, 246, 1);
    --clr-neutral-900: #F9FAFB;
    --clr-neutral-900-hex: #F9FAFB;
    --clr-neutral-900-rgb: 249 250 251;
    --clr-neutral-900-op-5: rgba(249, 250, 251, 0.05);
    --clr-neutral-900-op-6: rgba(249, 250, 251, 0.06);
    --clr-neutral-900-op-8: rgba(249, 250, 251, 0.08);
    --clr-neutral-900-op-10: rgba(249, 250, 251, 0.1);
    --clr-neutral-900-op-15: rgba(249, 250, 251, 0.15);
    --clr-neutral-900-op-20: rgba(249, 250, 251, 0.2);
    --clr-neutral-900-op-25: rgba(249, 250, 251, 0.25);
    --clr-neutral-900-op-30: rgba(249, 250, 251, 0.3);
    --clr-neutral-900-op-35: rgba(249, 250, 251, 0.35);
    --clr-neutral-900-op-40: rgba(249, 250, 251, 0.4);
    --clr-neutral-900-op-45: rgba(249, 250, 251, 0.45);
    --clr-neutral-900-op-50: rgba(249, 250, 251, 0.5);
    --clr-neutral-900-op-60: rgba(249, 250, 251, 0.6);
    --clr-neutral-900-op-70: rgba(249, 250, 251, 0.7);
    --clr-neutral-900-op-80: rgba(249, 250, 251, 0.8);
    --clr-neutral-900-op-90: rgba(249, 250, 251, 0.9);
    --clr-neutral-900-op-100: rgba(249, 250, 251, 1);
    --clr-bg: #0B1120;
    --clr-bg-hex: #0B1120;
    --clr-bg-rgb: 11 17 32;
    --clr-bg-op-5: rgba(11, 17, 32, 0.05);
    --clr-bg-op-6: rgba(11, 17, 32, 0.06);
    --clr-bg-op-8: rgba(11, 17, 32, 0.08);
    --clr-bg-op-10: rgba(11, 17, 32, 0.1);
    --clr-bg-op-15: rgba(11, 17, 32, 0.15);
    --clr-bg-op-20: rgba(11, 17, 32, 0.2);
    --clr-bg-op-25: rgba(11, 17, 32, 0.25);
    --clr-bg-op-30: rgba(11, 17, 32, 0.3);
    --clr-bg-op-35: rgba(11, 17, 32, 0.35);
    --clr-bg-op-40: rgba(11, 17, 32, 0.4);
    --clr-bg-op-45: rgba(11, 17, 32, 0.45);
    --clr-bg-op-50: rgba(11, 17, 32, 0.5);
    --clr-bg-op-60: rgba(11, 17, 32, 0.6);
    --clr-bg-op-70: rgba(11, 17, 32, 0.7);
    --clr-bg-op-80: rgba(11, 17, 32, 0.8);
    --clr-bg-op-90: rgba(11, 17, 32, 0.9);
    --clr-bg-op-100: rgba(11, 17, 32, 1);
    --clr-bg-alt: #162032;
    --clr-bg-alt-hex: #162032;
    --clr-bg-alt-rgb: 22 32 50;
    --clr-bg-alt-op-5: rgba(22, 32, 50, 0.05);
    --clr-bg-alt-op-6: rgba(22, 32, 50, 0.06);
    --clr-bg-alt-op-8: rgba(22, 32, 50, 0.08);
    --clr-bg-alt-op-10: rgba(22, 32, 50, 0.1);
    --clr-bg-alt-op-15: rgba(22, 32, 50, 0.15);
    --clr-bg-alt-op-20: rgba(22, 32, 50, 0.2);
    --clr-bg-alt-op-25: rgba(22, 32, 50, 0.25);
    --clr-bg-alt-op-30: rgba(22, 32, 50, 0.3);
    --clr-bg-alt-op-35: rgba(22, 32, 50, 0.35);
    --clr-bg-alt-op-40: rgba(22, 32, 50, 0.4);
    --clr-bg-alt-op-45: rgba(22, 32, 50, 0.45);
    --clr-bg-alt-op-50: rgba(22, 32, 50, 0.5);
    --clr-bg-alt-op-60: rgba(22, 32, 50, 0.6);
    --clr-bg-alt-op-70: rgba(22, 32, 50, 0.7);
    --clr-bg-alt-op-80: rgba(22, 32, 50, 0.8);
    --clr-bg-alt-op-90: rgba(22, 32, 50, 0.9);
    --clr-bg-alt-op-100: rgba(22, 32, 50, 1);
    --clr-text: #F1F5F9;
    --clr-text-hex: #F1F5F9;
    --clr-text-rgb: 241 245 249;
    --clr-text-op-5: rgba(241, 245, 249, 0.05);
    --clr-text-op-6: rgba(241, 245, 249, 0.06);
    --clr-text-op-8: rgba(241, 245, 249, 0.08);
    --clr-text-op-10: rgba(241, 245, 249, 0.1);
    --clr-text-op-15: rgba(241, 245, 249, 0.15);
    --clr-text-op-20: rgba(241, 245, 249, 0.2);
    --clr-text-op-25: rgba(241, 245, 249, 0.25);
    --clr-text-op-30: rgba(241, 245, 249, 0.3);
    --clr-text-op-35: rgba(241, 245, 249, 0.35);
    --clr-text-op-40: rgba(241, 245, 249, 0.4);
    --clr-text-op-45: rgba(241, 245, 249, 0.45);
    --clr-text-op-50: rgba(241, 245, 249, 0.5);
    --clr-text-op-60: rgba(241, 245, 249, 0.6);
    --clr-text-op-70: rgba(241, 245, 249, 0.7);
    --clr-text-op-80: rgba(241, 245, 249, 0.8);
    --clr-text-op-90: rgba(241, 245, 249, 0.9);
    --clr-text-op-100: rgba(241, 245, 249, 1);
    --clr-text-muted: #94a3b8;
    --clr-text-muted-hex: #94a3b8;
    --clr-text-muted-rgb: 148 163 184;
    --clr-text-muted-op-5: rgba(148, 163, 184, 0.05);
    --clr-text-muted-op-6: rgba(148, 163, 184, 0.06);
    --clr-text-muted-op-8: rgba(148, 163, 184, 0.08);
    --clr-text-muted-op-10: rgba(148, 163, 184, 0.1);
    --clr-text-muted-op-15: rgba(148, 163, 184, 0.15);
    --clr-text-muted-op-20: rgba(148, 163, 184, 0.2);
    --clr-text-muted-op-25: rgba(148, 163, 184, 0.25);
    --clr-text-muted-op-30: rgba(148, 163, 184, 0.3);
    --clr-text-muted-op-35: rgba(148, 163, 184, 0.35);
    --clr-text-muted-op-40: rgba(148, 163, 184, 0.4);
    --clr-text-muted-op-45: rgba(148, 163, 184, 0.45);
    --clr-text-muted-op-50: rgba(148, 163, 184, 0.5);
    --clr-text-muted-op-60: rgba(148, 163, 184, 0.6);
    --clr-text-muted-op-70: rgba(148, 163, 184, 0.7);
    --clr-text-muted-op-80: rgba(148, 163, 184, 0.8);
    --clr-text-muted-op-90: rgba(148, 163, 184, 0.9);
    --clr-text-muted-op-100: rgba(148, 163, 184, 1);
    --clr-text-subtle: #64748b;
    --clr-text-subtle-hex: #64748b;
    --clr-text-subtle-rgb: 100 116 139;
    --clr-text-subtle-op-5: rgba(100, 116, 139, 0.05);
    --clr-text-subtle-op-6: rgba(100, 116, 139, 0.06);
    --clr-text-subtle-op-8: rgba(100, 116, 139, 0.08);
    --clr-text-subtle-op-10: rgba(100, 116, 139, 0.1);
    --clr-text-subtle-op-15: rgba(100, 116, 139, 0.15);
    --clr-text-subtle-op-20: rgba(100, 116, 139, 0.2);
    --clr-text-subtle-op-25: rgba(100, 116, 139, 0.25);
    --clr-text-subtle-op-30: rgba(100, 116, 139, 0.3);
    --clr-text-subtle-op-35: rgba(100, 116, 139, 0.35);
    --clr-text-subtle-op-40: rgba(100, 116, 139, 0.4);
    --clr-text-subtle-op-45: rgba(100, 116, 139, 0.45);
    --clr-text-subtle-op-50: rgba(100, 116, 139, 0.5);
    --clr-text-subtle-op-60: rgba(100, 116, 139, 0.6);
    --clr-text-subtle-op-70: rgba(100, 116, 139, 0.7);
    --clr-text-subtle-op-80: rgba(100, 116, 139, 0.8);
    --clr-text-subtle-op-90: rgba(100, 116, 139, 0.9);
    --clr-text-subtle-op-100: rgba(100, 116, 139, 1);
    --clr-surface-void: #090e17;
    --clr-surface-void-hex: #090e17;
    --clr-surface-void-rgb: 9 14 23;
    --clr-surface-void-op-5: rgba(9, 14, 23, 0.05);
    --clr-surface-void-op-6: rgba(9, 14, 23, 0.06);
    --clr-surface-void-op-8: rgba(9, 14, 23, 0.08);
    --clr-surface-void-op-10: rgba(9, 14, 23, 0.1);
    --clr-surface-void-op-15: rgba(9, 14, 23, 0.15);
    --clr-surface-void-op-20: rgba(9, 14, 23, 0.2);
    --clr-surface-void-op-25: rgba(9, 14, 23, 0.25);
    --clr-surface-void-op-30: rgba(9, 14, 23, 0.3);
    --clr-surface-void-op-35: rgba(9, 14, 23, 0.35);
    --clr-surface-void-op-40: rgba(9, 14, 23, 0.4);
    --clr-surface-void-op-45: rgba(9, 14, 23, 0.45);
    --clr-surface-void-op-50: rgba(9, 14, 23, 0.5);
    --clr-surface-void-op-60: rgba(9, 14, 23, 0.6);
    --clr-surface-void-op-70: rgba(9, 14, 23, 0.7);
    --clr-surface-void-op-80: rgba(9, 14, 23, 0.8);
    --clr-surface-void-op-90: rgba(9, 14, 23, 0.9);
    --clr-surface-void-op-100: rgba(9, 14, 23, 1);
    --clr-surface-crystal: #1a202e;
    --clr-surface-crystal-hex: #1a202e;
    --clr-surface-crystal-rgb: 26 32 46;
    --clr-surface-crystal-op-5: rgba(26, 32, 46, 0.05);
    --clr-surface-crystal-op-6: rgba(26, 32, 46, 0.06);
    --clr-surface-crystal-op-8: rgba(26, 32, 46, 0.08);
    --clr-surface-crystal-op-10: rgba(26, 32, 46, 0.1);
    --clr-surface-crystal-op-15: rgba(26, 32, 46, 0.15);
    --clr-surface-crystal-op-20: rgba(26, 32, 46, 0.2);
    --clr-surface-crystal-op-25: rgba(26, 32, 46, 0.25);
    --clr-surface-crystal-op-30: rgba(26, 32, 46, 0.3);
    --clr-surface-crystal-op-35: rgba(26, 32, 46, 0.35);
    --clr-surface-crystal-op-40: rgba(26, 32, 46, 0.4);
    --clr-surface-crystal-op-45: rgba(26, 32, 46, 0.45);
    --clr-surface-crystal-op-50: rgba(26, 32, 46, 0.5);
    --clr-surface-crystal-op-60: rgba(26, 32, 46, 0.6);
    --clr-surface-crystal-op-70: rgba(26, 32, 46, 0.7);
    --clr-surface-crystal-op-80: rgba(26, 32, 46, 0.8);
    --clr-surface-crystal-op-90: rgba(26, 32, 46, 0.9);
    --clr-surface-crystal-op-100: rgba(26, 32, 46, 1);
    --clr-surface-frost: #1e293b;
    --clr-surface-frost-hex: #1e293b;
    --clr-surface-frost-rgb: 30 41 59;
    --clr-surface-frost-op-5: rgba(30, 41, 59, 0.05);
    --clr-surface-frost-op-6: rgba(30, 41, 59, 0.06);
    --clr-surface-frost-op-8: rgba(30, 41, 59, 0.08);
    --clr-surface-frost-op-10: rgba(30, 41, 59, 0.1);
    --clr-surface-frost-op-15: rgba(30, 41, 59, 0.15);
    --clr-surface-frost-op-20: rgba(30, 41, 59, 0.2);
    --clr-surface-frost-op-25: rgba(30, 41, 59, 0.25);
    --clr-surface-frost-op-30: rgba(30, 41, 59, 0.3);
    --clr-surface-frost-op-35: rgba(30, 41, 59, 0.35);
    --clr-surface-frost-op-40: rgba(30, 41, 59, 0.4);
    --clr-surface-frost-op-45: rgba(30, 41, 59, 0.45);
    --clr-surface-frost-op-50: rgba(30, 41, 59, 0.5);
    --clr-surface-frost-op-60: rgba(30, 41, 59, 0.6);
    --clr-surface-frost-op-70: rgba(30, 41, 59, 0.7);
    --clr-surface-frost-op-80: rgba(30, 41, 59, 0.8);
    --clr-surface-frost-op-90: rgba(30, 41, 59, 0.9);
    --clr-surface-frost-op-100: rgba(30, 41, 59, 1);
    --clr-surface-onyx: #1e293b;
    --clr-surface-onyx-hex: #1e293b;
    --clr-surface-onyx-rgb: 30 41 59;
    --clr-surface-onyx-op-5: rgba(30, 41, 59, 0.05);
    --clr-surface-onyx-op-6: rgba(30, 41, 59, 0.06);
    --clr-surface-onyx-op-8: rgba(30, 41, 59, 0.08);
    --clr-surface-onyx-op-10: rgba(30, 41, 59, 0.1);
    --clr-surface-onyx-op-15: rgba(30, 41, 59, 0.15);
    --clr-surface-onyx-op-20: rgba(30, 41, 59, 0.2);
    --clr-surface-onyx-op-25: rgba(30, 41, 59, 0.25);
    --clr-surface-onyx-op-30: rgba(30, 41, 59, 0.3);
    --clr-surface-onyx-op-35: rgba(30, 41, 59, 0.35);
    --clr-surface-onyx-op-40: rgba(30, 41, 59, 0.4);
    --clr-surface-onyx-op-45: rgba(30, 41, 59, 0.45);
    --clr-surface-onyx-op-50: rgba(30, 41, 59, 0.5);
    --clr-surface-onyx-op-60: rgba(30, 41, 59, 0.6);
    --clr-surface-onyx-op-70: rgba(30, 41, 59, 0.7);
    --clr-surface-onyx-op-80: rgba(30, 41, 59, 0.8);
    --clr-surface-onyx-op-90: rgba(30, 41, 59, 0.9);
    --clr-surface-onyx-op-100: rgba(30, 41, 59, 1);
    --clr-white: #ffffff;
    --clr-white-hex: #ffffff;
    --clr-white-rgb: 255 255 255;
    --clr-white-op-5: rgba(255, 255, 255, 0.05);
    --clr-white-op-6: rgba(255, 255, 255, 0.06);
    --clr-white-op-8: rgba(255, 255, 255, 0.08);
    --clr-white-op-10: rgba(255, 255, 255, 0.1);
    --clr-white-op-15: rgba(255, 255, 255, 0.15);
    --clr-white-op-20: rgba(255, 255, 255, 0.2);
    --clr-white-op-25: rgba(255, 255, 255, 0.25);
    --clr-white-op-30: rgba(255, 255, 255, 0.3);
    --clr-white-op-35: rgba(255, 255, 255, 0.35);
    --clr-white-op-40: rgba(255, 255, 255, 0.4);
    --clr-white-op-45: rgba(255, 255, 255, 0.45);
    --clr-white-op-50: rgba(255, 255, 255, 0.5);
    --clr-white-op-60: rgba(255, 255, 255, 0.6);
    --clr-white-op-70: rgba(255, 255, 255, 0.7);
    --clr-white-op-80: rgba(255, 255, 255, 0.8);
    --clr-white-op-90: rgba(255, 255, 255, 0.9);
    --clr-white-op-100: rgba(255, 255, 255, 1);
    --clr-black: #000000;
    --clr-black-hex: #000000;
    --clr-black-rgb: 0 0 0;
    --clr-black-op-5: rgba(0, 0, 0, 0.05);
    --clr-black-op-6: rgba(0, 0, 0, 0.06);
    --clr-black-op-8: rgba(0, 0, 0, 0.08);
    --clr-black-op-10: rgba(0, 0, 0, 0.1);
    --clr-black-op-15: rgba(0, 0, 0, 0.15);
    --clr-black-op-20: rgba(0, 0, 0, 0.2);
    --clr-black-op-25: rgba(0, 0, 0, 0.25);
    --clr-black-op-30: rgba(0, 0, 0, 0.3);
    --clr-black-op-35: rgba(0, 0, 0, 0.35);
    --clr-black-op-40: rgba(0, 0, 0, 0.4);
    --clr-black-op-45: rgba(0, 0, 0, 0.45);
    --clr-black-op-50: rgba(0, 0, 0, 0.5);
    --clr-black-op-60: rgba(0, 0, 0, 0.6);
    --clr-black-op-70: rgba(0, 0, 0, 0.7);
    --clr-black-op-80: rgba(0, 0, 0, 0.8);
    --clr-black-op-90: rgba(0, 0, 0, 0.9);
    --clr-black-op-100: rgba(0, 0, 0, 1);
    --clr-glass: #ffffff;
    --clr-glass-hex: #ffffff;
    --clr-glass-rgb: 255 255 255;
    --clr-glass-op-1: rgba(255, 255, 255, 0.01);
    --clr-glass-op-2: rgba(255, 255, 255, 0.02);
    --clr-glass-op-3: rgba(255, 255, 255, 0.03);
    --clr-glass-op-4: rgba(255, 255, 255, 0.04);
    --clr-glass-op-5: rgba(255, 255, 255, 0.05);
    --clr-glass-op-6: rgba(255, 255, 255, 0.06);
    --clr-glass-op-7: rgba(255, 255, 255, 0.07);
    --clr-glass-op-8: rgba(255, 255, 255, 0.08);
    --clr-glass-op-9: rgba(255, 255, 255, 0.09);
    --clr-glass-op-10: rgba(255, 255, 255, 0.1);
    --clr-glass-op-11: rgba(255, 255, 255, 0.11);
    --clr-glass-op-12: rgba(255, 255, 255, 0.12);
    --clr-glass-op-13: rgba(255, 255, 255, 0.13);
    --clr-glass-op-14: rgba(255, 255, 255, 0.14);
    --clr-glass-op-15: rgba(255, 255, 255, 0.15);
    --clr-glass-op-16: rgba(255, 255, 255, 0.16);
    --clr-glass-op-17: rgba(255, 255, 255, 0.17);
    --clr-glass-op-18: rgba(255, 255, 255, 0.18);
    --clr-glass-op-19: rgba(255, 255, 255, 0.19);
    --clr-glass-op-20: rgba(255, 255, 255, 0.2);
    --clr-glass-op-21: rgba(255, 255, 255, 0.21);
    --clr-glass-op-22: rgba(255, 255, 255, 0.22);
    --clr-glass-op-23: rgba(255, 255, 255, 0.23);
    --clr-glass-op-24: rgba(255, 255, 255, 0.24);
    --clr-glass-op-25: rgba(255, 255, 255, 0.25);
    --clr-glass-op-26: rgba(255, 255, 255, 0.26);
    --clr-glass-op-27: rgba(255, 255, 255, 0.27);
    --clr-glass-op-28: rgba(255, 255, 255, 0.28);
    --clr-glass-op-29: rgba(255, 255, 255, 0.29);
    --clr-glass-op-30: rgba(255, 255, 255, 0.3);
    --clr-glass-op-31: rgba(255, 255, 255, 0.31);
    --clr-glass-op-32: rgba(255, 255, 255, 0.32);
    --clr-glass-op-33: rgba(255, 255, 255, 0.33);
    --clr-glass-op-34: rgba(255, 255, 255, 0.34);
    --clr-glass-op-35: rgba(255, 255, 255, 0.35);
    --clr-glass-op-36: rgba(255, 255, 255, 0.36);
    --clr-glass-op-37: rgba(255, 255, 255, 0.37);
    --clr-glass-op-38: rgba(255, 255, 255, 0.38);
    --clr-glass-op-39: rgba(255, 255, 255, 0.39);
    --clr-glass-op-40: rgba(255, 255, 255, 0.4);
    --clr-glass-op-41: rgba(255, 255, 255, 0.41);
    --clr-glass-op-42: rgba(255, 255, 255, 0.42);
    --clr-glass-op-43: rgba(255, 255, 255, 0.43);
    --clr-glass-op-44: rgba(255, 255, 255, 0.44);
    --clr-glass-op-45: rgba(255, 255, 255, 0.45);
    --clr-glass-op-46: rgba(255, 255, 255, 0.46);
    --clr-glass-op-47: rgba(255, 255, 255, 0.47);
    --clr-glass-op-48: rgba(255, 255, 255, 0.48);
    --clr-glass-op-49: rgba(255, 255, 255, 0.49);
    --clr-glass-op-50: rgba(255, 255, 255, 0.5);
    --clr-glass-op-51: rgba(255, 255, 255, 0.51);
    --clr-glass-op-52: rgba(255, 255, 255, 0.52);
    --clr-glass-op-53: rgba(255, 255, 255, 0.53);
    --clr-glass-op-54: rgba(255, 255, 255, 0.54);
    --clr-glass-op-55: rgba(255, 255, 255, 0.55);
    --clr-glass-op-56: rgba(255, 255, 255, 0.56);
    --clr-glass-op-57: rgba(255, 255, 255, 0.57);
    --clr-glass-op-58: rgba(255, 255, 255, 0.58);
    --clr-glass-op-59: rgba(255, 255, 255, 0.59);
    --clr-glass-op-60: rgba(255, 255, 255, 0.6);
    --clr-glass-op-61: rgba(255, 255, 255, 0.61);
    --clr-glass-op-62: rgba(255, 255, 255, 0.62);
    --clr-glass-op-63: rgba(255, 255, 255, 0.63);
    --clr-glass-op-64: rgba(255, 255, 255, 0.64);
    --clr-glass-op-65: rgba(255, 255, 255, 0.65);
    --clr-glass-op-66: rgba(255, 255, 255, 0.66);
    --clr-glass-op-67: rgba(255, 255, 255, 0.67);
    --clr-glass-op-68: rgba(255, 255, 255, 0.68);
    --clr-glass-op-69: rgba(255, 255, 255, 0.69);
    --clr-glass-op-70: rgba(255, 255, 255, 0.7);
    --clr-glass-op-71: rgba(255, 255, 255, 0.71);
    --clr-glass-op-72: rgba(255, 255, 255, 0.72);
    --clr-glass-op-73: rgba(255, 255, 255, 0.73);
    --clr-glass-op-74: rgba(255, 255, 255, 0.74);
    --clr-glass-op-75: rgba(255, 255, 255, 0.75);
    --clr-glass-op-76: rgba(255, 255, 255, 0.76);
    --clr-glass-op-77: rgba(255, 255, 255, 0.77);
    --clr-glass-op-78: rgba(255, 255, 255, 0.78);
    --clr-glass-op-79: rgba(255, 255, 255, 0.79);
    --clr-glass-op-80: rgba(255, 255, 255, 0.8);
    --clr-glass-op-81: rgba(255, 255, 255, 0.81);
    --clr-glass-op-82: rgba(255, 255, 255, 0.82);
    --clr-glass-op-83: rgba(255, 255, 255, 0.83);
    --clr-glass-op-84: rgba(255, 255, 255, 0.84);
    --clr-glass-op-85: rgba(255, 255, 255, 0.85);
    --clr-glass-op-86: rgba(255, 255, 255, 0.86);
    --clr-glass-op-87: rgba(255, 255, 255, 0.87);
    --clr-glass-op-88: rgba(255, 255, 255, 0.88);
    --clr-glass-op-89: rgba(255, 255, 255, 0.89);
    --clr-glass-op-90: rgba(255, 255, 255, 0.9);
    --clr-glass-op-91: rgba(255, 255, 255, 0.91);
    --clr-glass-op-92: rgba(255, 255, 255, 0.92);
    --clr-glass-op-93: rgba(255, 255, 255, 0.93);
    --clr-glass-op-94: rgba(255, 255, 255, 0.94);
    --clr-glass-op-95: rgba(255, 255, 255, 0.95);
    --clr-glass-op-96: rgba(255, 255, 255, 0.96);
    --clr-glass-op-97: rgba(255, 255, 255, 0.97);
    --clr-glass-op-98: rgba(255, 255, 255, 0.98);
    --clr-glass-op-99: rgba(255, 255, 255, 0.99);
    --clr-glass-op-100: rgba(255, 255, 255, 1);
    --clr-smoke: #000000;
    --clr-smoke-hex: #000000;
    --clr-smoke-rgb: 0 0 0;
    --clr-smoke-op-1: rgba(0, 0, 0, 0.01);
    --clr-smoke-op-2: rgba(0, 0, 0, 0.02);
    --clr-smoke-op-3: rgba(0, 0, 0, 0.03);
    --clr-smoke-op-4: rgba(0, 0, 0, 0.04);
    --clr-smoke-op-5: rgba(0, 0, 0, 0.05);
    --clr-smoke-op-6: rgba(0, 0, 0, 0.06);
    --clr-smoke-op-7: rgba(0, 0, 0, 0.07);
    --clr-smoke-op-8: rgba(0, 0, 0, 0.08);
    --clr-smoke-op-9: rgba(0, 0, 0, 0.09);
    --clr-smoke-op-10: rgba(0, 0, 0, 0.1);
    --clr-smoke-op-11: rgba(0, 0, 0, 0.11);
    --clr-smoke-op-12: rgba(0, 0, 0, 0.12);
    --clr-smoke-op-13: rgba(0, 0, 0, 0.13);
    --clr-smoke-op-14: rgba(0, 0, 0, 0.14);
    --clr-smoke-op-15: rgba(0, 0, 0, 0.15);
    --clr-smoke-op-16: rgba(0, 0, 0, 0.16);
    --clr-smoke-op-17: rgba(0, 0, 0, 0.17);
    --clr-smoke-op-18: rgba(0, 0, 0, 0.18);
    --clr-smoke-op-19: rgba(0, 0, 0, 0.19);
    --clr-smoke-op-20: rgba(0, 0, 0, 0.2);
    --clr-smoke-op-21: rgba(0, 0, 0, 0.21);
    --clr-smoke-op-22: rgba(0, 0, 0, 0.22);
    --clr-smoke-op-23: rgba(0, 0, 0, 0.23);
    --clr-smoke-op-24: rgba(0, 0, 0, 0.24);
    --clr-smoke-op-25: rgba(0, 0, 0, 0.25);
    --clr-smoke-op-26: rgba(0, 0, 0, 0.26);
    --clr-smoke-op-27: rgba(0, 0, 0, 0.27);
    --clr-smoke-op-28: rgba(0, 0, 0, 0.28);
    --clr-smoke-op-29: rgba(0, 0, 0, 0.29);
    --clr-smoke-op-30: rgba(0, 0, 0, 0.3);
    --clr-smoke-op-31: rgba(0, 0, 0, 0.31);
    --clr-smoke-op-32: rgba(0, 0, 0, 0.32);
    --clr-smoke-op-33: rgba(0, 0, 0, 0.33);
    --clr-smoke-op-34: rgba(0, 0, 0, 0.34);
    --clr-smoke-op-35: rgba(0, 0, 0, 0.35);
    --clr-smoke-op-36: rgba(0, 0, 0, 0.36);
    --clr-smoke-op-37: rgba(0, 0, 0, 0.37);
    --clr-smoke-op-38: rgba(0, 0, 0, 0.38);
    --clr-smoke-op-39: rgba(0, 0, 0, 0.39);
    --clr-smoke-op-40: rgba(0, 0, 0, 0.4);
    --clr-smoke-op-41: rgba(0, 0, 0, 0.41);
    --clr-smoke-op-42: rgba(0, 0, 0, 0.42);
    --clr-smoke-op-43: rgba(0, 0, 0, 0.43);
    --clr-smoke-op-44: rgba(0, 0, 0, 0.44);
    --clr-smoke-op-45: rgba(0, 0, 0, 0.45);
    --clr-smoke-op-46: rgba(0, 0, 0, 0.46);
    --clr-smoke-op-47: rgba(0, 0, 0, 0.47);
    --clr-smoke-op-48: rgba(0, 0, 0, 0.48);
    --clr-smoke-op-49: rgba(0, 0, 0, 0.49);
    --clr-smoke-op-50: rgba(0, 0, 0, 0.5);
    --clr-smoke-op-51: rgba(0, 0, 0, 0.51);
    --clr-smoke-op-52: rgba(0, 0, 0, 0.52);
    --clr-smoke-op-53: rgba(0, 0, 0, 0.53);
    --clr-smoke-op-54: rgba(0, 0, 0, 0.54);
    --clr-smoke-op-55: rgba(0, 0, 0, 0.55);
    --clr-smoke-op-56: rgba(0, 0, 0, 0.56);
    --clr-smoke-op-57: rgba(0, 0, 0, 0.57);
    --clr-smoke-op-58: rgba(0, 0, 0, 0.58);
    --clr-smoke-op-59: rgba(0, 0, 0, 0.59);
    --clr-smoke-op-60: rgba(0, 0, 0, 0.6);
    --clr-smoke-op-61: rgba(0, 0, 0, 0.61);
    --clr-smoke-op-62: rgba(0, 0, 0, 0.62);
    --clr-smoke-op-63: rgba(0, 0, 0, 0.63);
    --clr-smoke-op-64: rgba(0, 0, 0, 0.64);
    --clr-smoke-op-65: rgba(0, 0, 0, 0.65);
    --clr-smoke-op-66: rgba(0, 0, 0, 0.66);
    --clr-smoke-op-67: rgba(0, 0, 0, 0.67);
    --clr-smoke-op-68: rgba(0, 0, 0, 0.68);
    --clr-smoke-op-69: rgba(0, 0, 0, 0.69);
    --clr-smoke-op-70: rgba(0, 0, 0, 0.7);
    --clr-smoke-op-71: rgba(0, 0, 0, 0.71);
    --clr-smoke-op-72: rgba(0, 0, 0, 0.72);
    --clr-smoke-op-73: rgba(0, 0, 0, 0.73);
    --clr-smoke-op-74: rgba(0, 0, 0, 0.74);
    --clr-smoke-op-75: rgba(0, 0, 0, 0.75);
    --clr-smoke-op-76: rgba(0, 0, 0, 0.76);
    --clr-smoke-op-77: rgba(0, 0, 0, 0.77);
    --clr-smoke-op-78: rgba(0, 0, 0, 0.78);
    --clr-smoke-op-79: rgba(0, 0, 0, 0.79);
    --clr-smoke-op-80: rgba(0, 0, 0, 0.8);
    --clr-smoke-op-81: rgba(0, 0, 0, 0.81);
    --clr-smoke-op-82: rgba(0, 0, 0, 0.82);
    --clr-smoke-op-83: rgba(0, 0, 0, 0.83);
    --clr-smoke-op-84: rgba(0, 0, 0, 0.84);
    --clr-smoke-op-85: rgba(0, 0, 0, 0.85);
    --clr-smoke-op-86: rgba(0, 0, 0, 0.86);
    --clr-smoke-op-87: rgba(0, 0, 0, 0.87);
    --clr-smoke-op-88: rgba(0, 0, 0, 0.88);
    --clr-smoke-op-89: rgba(0, 0, 0, 0.89);
    --clr-smoke-op-90: rgba(0, 0, 0, 0.9);
    --clr-smoke-op-91: rgba(0, 0, 0, 0.91);
    --clr-smoke-op-92: rgba(0, 0, 0, 0.92);
    --clr-smoke-op-93: rgba(0, 0, 0, 0.93);
    --clr-smoke-op-94: rgba(0, 0, 0, 0.94);
    --clr-smoke-op-95: rgba(0, 0, 0, 0.95);
    --clr-smoke-op-96: rgba(0, 0, 0, 0.96);
    --clr-smoke-op-97: rgba(0, 0, 0, 0.97);
    --clr-smoke-op-98: rgba(0, 0, 0, 0.98);
    --clr-smoke-op-99: rgba(0, 0, 0, 0.99);
    --clr-smoke-op-100: rgba(0, 0, 0, 1);
    --gradient-hero: linear-gradient(135deg, #4ADE80 0%, #FBBF24 50%, #14532D 100%);
    --gradient-primary: linear-gradient(135deg, #A7F3D0 0%, #4ADE80 100%);
    --gradient-secondary: linear-gradient(135deg, #FDE68A 0%, #FBBF24 100%);
    --gradient-accent: linear-gradient(135deg, #FFBE8A 0%, #FFD23F 100%);
    --gradient-cta: linear-gradient(135deg, #FFE57A 0%, #FF9A5C 100%);
    --gradient-optional: linear-gradient(135deg, #FFE57A 0%, #FF9A5C 100%);
    --gradient-success: linear-gradient(135deg, #8FFFC0 0%, #5EE89A 100%);
    --gradient-warning: linear-gradient(135deg, #FFE082 0%, #FFCB45 100%);
    --gradient-danger: linear-gradient(135deg, #FFB3B3 0%, #FF7B7B 100%);
    --gradient-info: linear-gradient(135deg, #FDE68A 0%, #FBBF24 100%);
    --gradient-dark: linear-gradient(135deg, #14532D 0%, #0B1120 100%);
    --gradient-glass: linear-gradient(135deg, rgba(11, 17, 32, 0.9) 0%, rgba(11, 17, 32, 0.7) 100%);
    --gradient-effect: linear-gradient(180deg, #14532D 0%, #166534 50%, #4ADE80 100%);
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.4);
    --shadow-primary: 0 4px 14px rgba(96, 181, 255, 0.3);
    --shadow-accent: 0 4px 14px rgba(255, 210, 63, 0.4);
    --shadow-glow: 0 0 20px rgba(96, 181, 255, 0.25);
    --border-none: none;
    --border-default: 1px solid rgba(255, 255, 255, 0.1);
    --border-light: 1px solid rgba(255, 255, 255, 0.06);
    --border-medium: 1px solid rgba(255, 255, 255, 0.15);
    --border-strong: 2px solid rgba(255, 255, 255, 0.2);
    --border-thick: 3px solid rgba(255, 255, 255, 0.25);
    --border-primary: 2px solid #4ADE80;
    --border-accent: 2px solid #FF9A5C;
    --border-divider: 1px solid rgba(255, 255, 255, 0.08);
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-4xl: 48px;
    --radius-full: 9999px;
  }
  @supports (color: hsl(0, 0%, 0%)) {
    [data-theme=dark] {
      --clr-primary: hsl(141.8918918919deg 69.1588785047% 58.0392156863%);
      --clr-primary-100: hsl(141.8918918919deg 69.1588785047% 91.6078431373%);
      --clr-primary-300: hsl(141.8918918919deg 69.1588785047% 74.8235294118%);
      --clr-primary-700: hsl(141.8918918919deg 50% 34.8235294118%);
      --clr-primary-900: hsl(141.8918918919deg 50% 11.6078431373%);
      --clr-primary-light: hsl(143.8095238095deg 61.1650485437% 20.1960784314%);
      --clr-primary-light-100: hsl(143.8095238095deg 15.4791154791% 84.0392156863%);
      --clr-primary-light-300: hsl(143.8095238095deg 15.4791154791% 52.1176470588%);
      --clr-primary-light-700: hsl(143.8095238095deg 61.1650485437% 12.1176470588%);
      --clr-primary-light-900: hsl(143.8095238095deg 61.1650485437% 4.0392156863%);
      --clr-primary-dark: hsl(141.7142857143deg 76.6423357664% 73.137254902%);
      --clr-primary-dark-100: hsl(141.7142857143deg 76.6423357664% 94.6274509804%);
      --clr-primary-dark-300: hsl(141.7142857143deg 76.6423357664% 83.8823529412%);
      --clr-primary-dark-700: hsl(141.7142857143deg 28.1501340483% 43.8823529412%);
      --clr-primary-dark-900: hsl(141.7142857143deg 28.1501340483% 14.6274509804%);
      --clr-secondary: hsl(43.2558139535deg 96.4125560538% 56.2745098039%);
      --clr-secondary-100: hsl(43.2558139535deg 96.4125560538% 91.2549019608%);
      --clr-secondary-300: hsl(43.2558139535deg 96.4125560538% 73.7647058824%);
      --clr-secondary-700: hsl(43.2558139535deg 74.9128919861% 33.7647058824%);
      --clr-secondary-900: hsl(43.2558139535deg 74.9128919861% 11.2549019608%);
      --clr-secondary-light: hsl(21.7142857143deg 77.7777777778% 26.4705882353%);
      --clr-secondary-light-100: hsl(21.7142857143deg 28% 85.2941176471%);
      --clr-secondary-light-300: hsl(21.7142857143deg 28% 55.8823529412%);
      --clr-secondary-light-700: hsl(21.7142857143deg 77.7777777778% 15.8823529412%);
      --clr-secondary-light-900: hsl(21.7142857143deg 77.7777777778% 5.2941176471%);
      --clr-secondary-dark: hsl(48deg 96.6386554622% 76.6666666667%);
      --clr-secondary-dark-100: hsl(48deg 96.6386554622% 95.3333333333%);
      --clr-secondary-dark-300: hsl(48deg 96.6386554622% 86%);
      --clr-secondary-dark-700: hsl(48deg 29.4117647059% 46%);
      --clr-secondary-dark-900: hsl(48deg 29.4117647059% 15.3333333333%);
      --clr-accent: hsl(22.8220858896deg 100% 68.0392156863%);
      --clr-accent-100: hsl(22.8220858896deg 100% 93.6078431373%);
      --clr-accent-300: hsl(22.8220858896deg 100% 80.8235294118%);
      --clr-accent-700: hsl(22.8220858896deg 46.9740634006% 40.8235294118%);
      --clr-accent-900: hsl(22.8220858896deg 46.9740634006% 13.6078431373%);
      --clr-accent-light: hsl(43.9285714286deg 84.8484848485% 12.9411764706%);
      --clr-accent-light-100: hsl(43.9285714286deg 12.6126126126% 82.5882352941%);
      --clr-accent-light-300: hsl(43.9285714286deg 13.7931034483% 47.7647058824%);
      --clr-accent-light-700: hsl(43.9285714286deg 84.8484848485% 7.7647058824%);
      --clr-accent-light-900: hsl(43.9285714286deg 84.8484848485% 2.5882352941%);
      --clr-accent-dark: hsl(48.2706766917deg 100% 73.9215686275%);
      --clr-accent-dark-100: hsl(48.2706766917deg 100% 94.7843137255%);
      --clr-accent-dark-300: hsl(48.2706766917deg 100% 84.3529411765%);
      --clr-accent-dark-700: hsl(48.2706766917deg 35.2785145889% 44.3529411765%);
      --clr-accent-dark-900: hsl(48.2706766917deg 35.2785145889% 14.7843137255%);
      --clr-optional: hsl(45.9375deg 100% 62.3529411765%);
      --clr-optional-100: hsl(45.9375deg 100% 92.4705882353%);
      --clr-optional-300: hsl(45.9375deg 100% 77.4117647059%);
      --clr-optional-700: hsl(45.9375deg 60.3773584906% 37.4117647059%);
      --clr-optional-900: hsl(45.9375deg 60.3773584906% 12.4705882353%);
      --clr-optional-light: hsl(24.9056603774deg 76.8115942029% 13.5294117647%);
      --clr-optional-light-100: hsl(24.9056603774deg 12.0181405896% 82.7058823529%);
      --clr-optional-light-300: hsl(24.9056603774deg 12.9584352078% 48.1176470588%);
      --clr-optional-light-700: hsl(24.9056603774deg 76.8115942029% 8.1176470588%);
      --clr-optional-light-900: hsl(24.9056603774deg 76.8115942029% 2.7058823529%);
      --clr-optional-dark: hsl(26.6666666667deg 100% 77.0588235294%);
      --clr-optional-dark-100: hsl(26.6666666667deg 100% 95.4117647059%);
      --clr-optional-dark-300: hsl(26.6666666667deg 100% 86.2352941176%);
      --clr-optional-dark-700: hsl(26.6666666667deg 29.7709923664% 46.2352941176%);
      --clr-optional-dark-900: hsl(26.6666666667deg 29.7709923664% 15.4117647059%);
      --clr-success: hsl(146.0869565217deg 75% 63.9215686275%);
      --clr-success-100: hsl(146.0869565217deg 75% 92.7843137255%);
      --clr-success-300: hsl(146.0869565217deg 75% 78.3529411765%);
      --clr-success-700: hsl(146.0869565217deg 42.3312883436% 38.3529411765%);
      --clr-success-900: hsl(146.0869565217deg 42.3312883436% 12.7843137255%);
      --clr-success-light: hsl(148deg 60% 9.8039215686%);
      --clr-success-light-100: hsl(148deg 6.5217391304% 81.9607843137%);
      --clr-success-light-300: hsl(148deg 7.6923076923% 45.8823529412%);
      --clr-success-light-700: hsl(148deg 60% 5.8823529412%);
      --clr-success-light-900: hsl(148deg 60% 1.9607843137%);
      --clr-success-dark: hsl(146.25deg 100% 78.0392156863%);
      --clr-success-dark-100: hsl(146.25deg 100% 95.6078431373%);
      --clr-success-dark-300: hsl(146.25deg 100% 86.8235294118%);
      --clr-success-dark-700: hsl(146.25deg 28.1407035176% 46.8235294118%);
      --clr-success-dark-900: hsl(146.25deg 28.1407035176% 15.6078431373%);
      --clr-warning: hsl(43.2258064516deg 100% 63.5294117647%);
      --clr-warning-100: hsl(43.2258064516deg 100% 92.7058823529%);
      --clr-warning-300: hsl(43.2258064516deg 100% 78.1176470588%);
      --clr-warning-700: hsl(43.2258064516deg 57.4074074074% 38.1176470588%);
      --clr-warning-900: hsl(43.2258064516deg 57.4074074074% 12.7058823529%);
      --clr-warning-light: hsl(40deg 87.5% 9.4117647059%);
      --clr-warning-light-100: hsl(40deg 9.0909090909% 81.8823529412%);
      --clr-warning-light-300: hsl(40deg 10.824742268% 45.6470588235%);
      --clr-warning-light-700: hsl(40deg 87.5% 5.6470588235%);
      --clr-warning-light-900: hsl(40deg 87.5% 1.8823529412%);
      --clr-warning-dark: hsl(45.12deg 100% 75.4901960784%);
      --clr-warning-dark-100: hsl(45.12deg 100% 95.0980392157%);
      --clr-warning-dark-300: hsl(45.12deg 100% 85.2941176471%);
      --clr-warning-dark-700: hsl(45.12deg 32.4675324675% 45.2941176471%);
      --clr-warning-dark-900: hsl(45.12deg 32.4675324675% 15.0980392157%);
      --clr-danger: hsl(0deg 100% 74.1176470588%);
      --clr-danger-100: hsl(0deg 100% 94.8235294118%);
      --clr-danger-300: hsl(0deg 100% 84.4705882353%);
      --clr-danger-700: hsl(0deg 34.9206349206% 44.4705882353%);
      --clr-danger-900: hsl(0deg 34.9206349206% 14.8235294118%);
      --clr-danger-light: hsl(0deg 61.5384615385% 10.1960784314%);
      --clr-danger-light-100: hsl(0deg 6.9868995633% 82.0392156863%);
      --clr-danger-light-300: hsl(0deg 8.1632653061% 46.1176470588%);
      --clr-danger-light-700: hsl(0deg 61.5384615385% 6.1176470588%);
      --clr-danger-light-900: hsl(0deg 61.5384615385% 2.0392156863%);
      --clr-danger-dark: hsl(0deg 100% 85.0980392157%);
      --clr-danger-dark-100: hsl(0deg 100% 97.0196078431%);
      --clr-danger-dark-300: hsl(0deg 100% 91.0588235294%);
      --clr-danger-dark-700: hsl(0deg 18.2692307692% 51.0588235294%);
      --clr-danger-dark-900: hsl(0deg 17.5115207373% 17.0196078431%);
      --clr-info: hsl(43.2558139535deg 96.4125560538% 56.2745098039%);
      --clr-info-100: hsl(43.2558139535deg 96.4125560538% 91.2549019608%);
      --clr-info-300: hsl(43.2558139535deg 96.4125560538% 73.7647058824%);
      --clr-info-700: hsl(43.2558139535deg 74.9128919861% 33.7647058824%);
      --clr-info-900: hsl(43.2558139535deg 74.9128919861% 11.2549019608%);
      --clr-info-light: hsl(21.7142857143deg 77.7777777778% 26.4705882353%);
      --clr-info-light-100: hsl(21.7142857143deg 28% 85.2941176471%);
      --clr-info-light-300: hsl(21.7142857143deg 28% 55.8823529412%);
      --clr-info-light-700: hsl(21.7142857143deg 77.7777777778% 15.8823529412%);
      --clr-info-light-900: hsl(21.7142857143deg 77.7777777778% 5.2941176471%);
      --clr-info-dark: hsl(48deg 96.6386554622% 76.6666666667%);
      --clr-info-dark-100: hsl(48deg 96.6386554622% 95.3333333333%);
      --clr-info-dark-300: hsl(48deg 96.6386554622% 86%);
      --clr-info-dark-700: hsl(48deg 29.4117647059% 46%);
      --clr-info-dark-900: hsl(48deg 29.4117647059% 15.3333333333%);
      --clr-purple: hsl(255.1351351351deg 91.7355371901% 76.2745098039%);
      --clr-purple-100: hsl(255.1351351351deg 91.7355371901% 95.2549019608%);
      --clr-purple-300: hsl(255.1351351351deg 91.7355371901% 85.7647058824%);
      --clr-purple-700: hsl(255.1351351351deg 28.5347043702% 45.7647058824%);
      --clr-purple-900: hsl(255.1351351351deg 28.5347043702% 15.2549019608%);
      --clr-purple-light: hsl(261.1764705882deg 72.6495726496% 22.9411764706%);
      --clr-purple-light-100: hsl(261.1764705882deg 21.6284987277% 84.5882352941%);
      --clr-purple-light-300: hsl(261.1764705882deg 21.6284987277% 53.7647058824%);
      --clr-purple-light-700: hsl(261.1764705882deg 72.6495726496% 13.7647058824%);
      --clr-purple-light-900: hsl(261.1764705882deg 72.6495726496% 4.5882352941%);
      --clr-purple-dark: hsl(252.5deg 94.7368421053% 85.0980392157%);
      --clr-purple-dark-100: hsl(252.5deg 94.7368421053% 97.0196078431%);
      --clr-purple-dark-300: hsl(252.5deg 94.7368421053% 91.0588235294%);
      --clr-purple-dark-700: hsl(252.5deg 17.3076923077% 51.0588235294%);
      --clr-purple-dark-900: hsl(252.5deg 16.5898617512% 17.0196078431%);
      --clr-orange: hsl(27.0157068063deg 95.9798994975% 60.9803921569%);
      --clr-orange-100: hsl(27.0157068063deg 95.9798994975% 92.1960784314%);
      --clr-orange-300: hsl(27.0157068063deg 95.9798994975% 76.5882352941%);
      --clr-orange-700: hsl(27.0157068063deg 61.4147909968% 36.5882352941%);
      --clr-orange-900: hsl(27.0157068063deg 61.4147909968% 12.1960784314%);
      --clr-orange-light: hsl(13deg 81.0810810811% 14.5098039216%);
      --clr-orange-light-100: hsl(13deg 13.7614678899% 82.9019607843%);
      --clr-orange-light-300: hsl(13deg 14.4927536232% 48.7058823529%);
      --clr-orange-light-700: hsl(13deg 81.0810810811% 8.7058823529%);
      --clr-orange-light-900: hsl(13deg 81.0810810811% 2.9019607843%);
      --clr-orange-dark: hsl(30.6569343066deg 97.1631205674% 72.3529411765%);
      --clr-orange-dark-100: hsl(30.6569343066deg 97.1631205674% 94.4705882353%);
      --clr-orange-dark-300: hsl(30.6569343066deg 97.1631205674% 83.4117647059%);
      --clr-orange-dark-700: hsl(30.6569343066deg 37.1273712737% 43.4117647059%);
      --clr-orange-dark-900: hsl(30.6569343066deg 37.1273712737% 14.4705882353%);
      --clr-neutral: hsl(212.1428571429deg 19.1780821918% 71.3725490196%);
      --clr-neutral-100: hsl(220.9090909091deg 39.2857142857% 10.9803921569%);
      --clr-neutral-300: hsl(216.9230769231deg 19.1176470588% 26.6666666667%);
      --clr-neutral-700: hsl(220deg 13.0434782609% 90.9803921569%);
      --clr-neutral-900: hsl(210deg 20% 98.0392156863%);
      --clr-neutral-50: hsl(222.8571428571deg 48.8372093023% 8.431372549%);
      --clr-neutral-200: hsl(215deg 27.9069767442% 16.862745098%);
      --clr-neutral-400: hsl(220deg 8.9361702128% 46.0784313725%);
      --clr-neutral-500: hsl(217.8947368421deg 10.6145251397% 64.9019607843%);
      --clr-neutral-600: hsl(216deg 12.1951219512% 83.9215686275%);
      --clr-neutral-800: hsl(220deg 14.2857142857% 95.8823529412%);
      --clr-bg: hsl(222.8571428571deg 48.8372093023% 8.431372549%);
      --clr-bg-alt: hsl(218.5714285714deg 38.8888888889% 14.1176470588%);
      --clr-text: hsl(210deg 40% 96.0784313725%);
      --clr-text-muted: hsl(215deg 20.2247191011% 65.0980392157%);
      --clr-text-subtle: hsl(215.3846153846deg 16.3179916318% 46.862745098%);
      --clr-surface-void: hsl(218.5714285714deg 43.75% 6.2745098039%);
      --clr-surface-crystal: hsl(222deg 27.7777777778% 14.1176470588%);
      --clr-surface-frost: hsl(217.2413793103deg 32.5842696629% 17.4509803922%);
      --clr-surface-onyx: hsl(217.2413793103deg 32.5842696629% 17.4509803922%);
      --clr-white: hsl(0deg 0% 100%);
      --clr-black: hsl(0deg 0% 0%);
      --clr-glass: hsl(0deg 0% 100%);
      --clr-smoke: hsl(0deg 0% 0%);
      --gradient-hero: linear-gradient(135deg, hsl(142, 72%, 58%) 0%, hsl(43, 96%, 56%) 50%, hsl(144, 61%, 20%) 100%);
      --gradient-primary: linear-gradient(135deg, hsl(150, 76%, 80%) 0%, hsl(142, 72%, 58%) 100%);
      --gradient-secondary: linear-gradient(135deg, hsl(47, 96%, 77%) 0%, hsl(43, 96%, 56%) 100%);
      --gradient-accent: linear-gradient(135deg, hsl(28, 100%, 77%) 0%, hsl(25, 100%, 68%) 100%);
      --gradient-cta: linear-gradient(135deg, hsl(50, 100%, 74%) 0%, hsl(48, 100%, 62%) 100%);
      --gradient-optional: linear-gradient(135deg, hsl(50, 100%, 74%) 0%, hsl(48, 100%, 62%) 100%);
      --gradient-success: linear-gradient(135deg, hsl(150, 100%, 78%) 0%, hsl(150, 78%, 64%) 100%);
      --gradient-warning: linear-gradient(135deg, hsl(47, 100%, 75%) 0%, hsl(47, 100%, 64%) 100%);
      --gradient-danger: linear-gradient(135deg, hsl(0, 100%, 85%) 0%, hsl(0, 100%, 74%) 100%);
      --gradient-info: linear-gradient(135deg, hsl(47, 96%, 77%) 0%, hsl(43, 96%, 56%) 100%);
      --gradient-dark: linear-gradient(135deg, hsl(144, 61%, 20%) 0%, hsl(220, 38%, 8%) 100%);
      --gradient-glass: linear-gradient(135deg, hsla(223, 49%, 8%, 0.9) 0%, hsla(223, 49%, 8%, 0.7) 100%);
      --gradient-effect: linear-gradient(180deg, hsl(144, 61%, 20%) 0%, hsl(142, 72%, 29%) 50%, hsl(142, 72%, 58%) 100%);
    }
  }
  @supports (color: oklch(0% 0 0deg)) {
    [data-theme=dark] {
      --clr-primary: oklch(80.03% 0.1821 151.7);
      --clr-primary-100: oklch(95.38% 0.0397 157.7);
      --clr-primary-300: oklch(86.96% 0.1168 155.3);
      --clr-primary-700: oklch(55.01% 0.1211 152.1);
      --clr-primary-900: oklch(26.59% 0.0502 153.4);
      --clr-primary-light: oklch(39.25% 0.0896 152.5);
      --clr-primary-light-100: oklch(88.46% 0.017 159.6);
      --clr-primary-light-300: oklch(64.42% 0.0539 158);
      --clr-primary-light-700: oklch(28.25% 0.0598 153.4);
      --clr-primary-light-900: oklch(16.01% 0.0259 158.1);
      --clr-primary-dark: oklch(87.12% 0.1363 154.4);
      --clr-primary-dark-100: oklch(97.14% 0.0282 157.9);
      --clr-primary-dark-300: oklch(91.81% 0.0839 156.4);
      --clr-primary-dark-700: oklch(59.75% 0.0902 154.6);
      --clr-primary-dark-900: oklch(28.6% 0.0367 155.3);
      --clr-secondary: oklch(83.69% 0.1644 84.4);
      --clr-secondary-100: oklch(96.32% 0.0424 89.4);
      --clr-secondary-300: oklch(89.55% 0.1193 88.8);
      --clr-secondary-700: oklch(57.46% 0.111 85.1);
      --clr-secondary-900: oklch(27.64% 0.0486 87.2);
      --clr-secondary-light: oklch(41.37% 0.1054 45.9);
      --clr-secondary-light-100: oklch(88.66% 0.0181 51.8);
      --clr-secondary-light-300: oklch(65.2% 0.0594 50.9);
      --clr-secondary-light-700: oklch(29.57% 0.0698 47.1);
      --clr-secondary-light-900: oklch(16.5% 0.0297 55.8);
      --clr-secondary-dark: oklch(92.43% 0.1151 95.7);
      --clr-secondary-dark-100: oklch(98.38% 0.0246 95.3);
      --clr-secondary-dark-300: oklch(95.29% 0.0722 95.7);
      --clr-secondary-dark-700: oklch(63.28% 0.0763 95.8);
      --clr-secondary-dark-900: oklch(30.06% 0.0313 95.8);
      --clr-accent: oklch(77.92% 0.1437 50.8);
      --clr-accent-100: oklch(95.23% 0.0276 53.8);
      --clr-accent-300: oklch(86.12% 0.0855 52.8);
      --clr-accent-700: oklch(53.65% 0.0949 51.1);
      --clr-accent-900: oklch(26.11% 0.0382 51.9);
      --clr-accent-light: oklch(31% 0.0589 87.3);
      --clr-accent-light-100: oklch(87.37% 0.0116 90.1);
      --clr-accent-light-300: oklch(60.65% 0.0372 90.3);
      --clr-accent-light-700: oklch(22.96% 0.0421 89.5);
      --clr-accent-light-900: oklch(14.1% 0.0248 96.8);
      --clr-accent-dark: oklch(92.19% 0.1303 96);
      --clr-accent-dark-100: oklch(98.29% 0.0285 95.7);
      --clr-accent-dark-300: oklch(95.08% 0.0831 96.1);
      --clr-accent-dark-700: oklch(63.12% 0.0866 96);
      --clr-accent-dark-900: oklch(29.99% 0.0357 96.1);
      --clr-optional: oklch(87.89% 0.1617 90.9);
      --clr-optional-100: oklch(97.26% 0.0395 92.9);
      --clr-optional-300: oklch(92.23% 0.112 92.9);
      --clr-optional-700: oklch(60.26% 0.1086 91.2);
      --clr-optional-900: oklch(28.8% 0.0464 92.2);
      --clr-optional-light: oklch(27.35% 0.0583 52.8);
      --clr-optional-light-100: oklch(86.75% 0.0091 58);
      --clr-optional-light-300: oklch(58.62% 0.0304 57.5);
      --clr-optional-light-700: oklch(20.54% 0.0391 55.8);
      --clr-optional-light-900: oklch(12.97% 0.0201 69.6);
      --clr-optional-dark: oklch(84.95% 0.1008 59.5);
      --clr-optional-dark-100: oklch(96.85% 0.0197 61.3);
      --clr-optional-dark-300: oklch(90.74% 0.0601 60.6);
      --clr-optional-dark-700: oklch(58.34% 0.0665 59.6);
      --clr-optional-dark-900: oklch(28.06% 0.0268 60.1);
      --clr-success: oklch(83.57% 0.1637 155.4);
      --clr-success-100: oklch(96.2% 0.0354 161);
      --clr-success-300: oklch(89.3% 0.104 158.6);
      --clr-success-700: oklch(57.37% 0.1088 155.7);
      --clr-success-900: oklch(27.57% 0.0448 156.9);
      --clr-success-light: oklch(24.89% 0.0471 156.9);
      --clr-success-light-100: oklch(86.44% 0.0078 163.2);
      --clr-success-light-300: oklch(57.55% 0.0257 162.3);
      --clr-success-light-700: oklch(18.97% 0.0317 158.7);
      --clr-success-light-900: oklch(12.32% 0.0175 163.5);
      --clr-success-dark: oklch(91.66% 0.1361 157.6);
      --clr-success-dark-100: oklch(98.02% 0.0287 161.3);
      --clr-success-dark-300: oklch(94.51% 0.0844 159.6);
      --clr-success-dark-700: oklch(62.75% 0.0901 157.8);
      --clr-success-dark-900: oklch(29.8% 0.0368 158.5);
      --clr-warning: oklch(86.57% 0.1551 86.7);
      --clr-warning-100: oklch(97.01% 0.0368 89.3);
      --clr-warning-300: oklch(91.46% 0.1052 89);
      --clr-warning-700: oklch(59.39% 0.1039 87);
      --clr-warning-900: oklch(28.45% 0.044 88.1);
      --clr-warning-light: oklch(25.03% 0.0475 81.7);
      --clr-warning-light-100: oklch(86.5% 0.0082 84.6);
      --clr-warning-light-300: oklch(57.74% 0.0269 84.6);
      --clr-warning-light-700: oklch(19.09% 0.0349 85.5);
      --clr-warning-light-900: oklch(12.47% 0.0223 93.4);
      --clr-warning-dark: oklch(91.31% 0.1188 91.7);
      --clr-warning-dark-100: oklch(98.13% 0.0255 91.8);
      --clr-warning-dark-300: oklch(94.58% 0.0748 92);
      --clr-warning-dark-700: oklch(62.54% 0.0788 91.7);
      --clr-warning-dark-900: oklch(29.76% 0.0324 91.9);
      --clr-danger: oklch(73.63% 0.1614 21.8);
      --clr-danger-100: oklch(94.21% 0.029 17.7);
      --clr-danger-300: oklch(83.21% 0.0931 19.2);
      --clr-danger-700: oklch(50.78% 0.1064 21.5);
      --clr-danger-900: oklch(24.89% 0.0424 20.5);
      --clr-danger-light: oklch(20.05% 0.0536 23.2);
      --clr-danger-light-100: oklch(85.65% 0.0071 17.3);
      --clr-danger-light-300: oklch(54.95% 0.0244 17.9);
      --clr-danger-light-700: oklch(15.65% 0.0356 22);
      --clr-danger-light-900: oklch(10.31% 0.0201 21.2);
      --clr-danger-dark: oklch(83.85% 0.0891 19.1);
      --clr-danger-dark-100: oklch(96.65% 0.0165 17.4);
      --clr-danger-dark-300: oklch(90.1% 0.0515 18.2);
      --clr-danger-dark-700: oklch(57.61% 0.0586 19);
      --clr-danger-dark-900: oklch(27.78% 0.0233 18.7);
      --clr-info: oklch(83.69% 0.1644 84.4);
      --clr-info-100: oklch(96.32% 0.0424 89.4);
      --clr-info-300: oklch(89.55% 0.1193 88.8);
      --clr-info-700: oklch(57.46% 0.111 85.1);
      --clr-info-900: oklch(27.64% 0.0486 87.2);
      --clr-info-light: oklch(41.37% 0.1054 45.9);
      --clr-info-light-100: oklch(88.66% 0.0181 51.8);
      --clr-info-light-300: oklch(65.2% 0.0594 50.9);
      --clr-info-light-700: oklch(29.57% 0.0698 47.1);
      --clr-info-light-900: oklch(16.5% 0.0297 55.8);
      --clr-info-dark: oklch(92.43% 0.1151 95.7);
      --clr-info-dark-100: oklch(98.38% 0.0246 95.3);
      --clr-info-dark-300: oklch(95.29% 0.0722 95.7);
      --clr-info-dark-700: oklch(63.28% 0.0763 95.8);
      --clr-info-dark-900: oklch(30.06% 0.0313 95.8);
      --clr-purple: oklch(70.9% 0.1592 293.5);
      --clr-purple-100: oklch(94.13% 0.0303 297.4);
      --clr-purple-300: oklch(82.41% 0.0938 295.8);
      --clr-purple-700: oklch(49.07% 0.105 293.8);
      --clr-purple-900: oklch(24.34% 0.0421 294.7);
      --clr-purple-light: oklch(28.27% 0.1351 291.1);
      --clr-purple-light-100: oklch(86.5% 0.0241 301.9);
      --clr-purple-light-300: oklch(58.03% 0.0792 300.2);
      --clr-purple-light-700: oklch(20.9% 0.0907 293);
      --clr-purple-light-900: oklch(12.62% 0.0417 300.2);
      --clr-purple-dark: oklch(81.12% 0.1013 293.6);
      --clr-purple-dark-100: oklch(96.22% 0.0194 295.6);
      --clr-purple-dark-300: oklch(88.66% 0.0596 294.7);
      --clr-purple-dark-700: oklch(55.83% 0.0668 293.7);
      --clr-purple-dark-900: oklch(27.09% 0.0267 294.1);
      --clr-orange: oklch(75.76% 0.159 55.9);
      --clr-orange-100: oklch(94.69% 0.0324 61.8);
      --clr-orange-300: oklch(84.63% 0.0988 60.2);
      --clr-orange-700: oklch(52.21% 0.1056 56.5);
      --clr-orange-900: oklch(25.49% 0.0433 58.4);
      --clr-orange-light: oklch(26.59% 0.0762 36.3);
      --clr-orange-light-100: oklch(86.44% 0.0111 36);
      --clr-orange-light-300: oklch(57.71% 0.0377 36);
      --clr-orange-light-700: oklch(19.91% 0.0504 38.4);
      --clr-orange-light-900: oklch(12.35% 0.024 47.3);
      --clr-orange-dark: oklch(83.66% 0.1165 66.3);
      --clr-orange-dark-100: oklch(96.55% 0.0235 68.8);
      --clr-orange-dark-300: oklch(89.89% 0.071 68);
      --clr-orange-dark-700: oklch(57.48% 0.0771 66.5);
      --clr-orange-dark-900: oklch(27.71% 0.0313 67.2);
      --clr-neutral: oklch(76.77% 0.0259 252);
      --clr-neutral-100: oklch(21.01% 0.0318 264.7);
      --clr-neutral-300: oklch(37.29% 0.0306 259.7);
      --clr-neutral-700: oklch(92.76% 0.0058 264.5);
      --clr-neutral-900: oklch(98.46% 0.0017 247.8);
      --clr-neutral-50: oklch(18.02% 0.0325 266.6);
      --clr-neutral-200: oklch(27.81% 0.0296 256.8);
      --clr-neutral-400: oklch(55.1% 0.0234 264.4);
      --clr-neutral-500: oklch(71.37% 0.0192 261.3);
      --clr-neutral-600: oklch(87.17% 0.0093 258.3);
      --clr-neutral-800: oklch(96.7% 0.0029 264.5);
      --clr-bg: oklch(18.02% 0.0325 266.6);
      --clr-bg-alt: oklch(24.34% 0.0375 261.7);
      --clr-text: oklch(96.83% 0.0069 247.9);
      --clr-text-muted: oklch(71.07% 0.0351 256.8);
      --clr-text-subtle: oklch(55.44% 0.0407 257.4);
      --clr-surface-void: oklch(16.33% 0.0208 261.7);
      --clr-surface-crystal: oklch(24.44% 0.0283 266.4);
      --clr-surface-frost: oklch(27.95% 0.0368 260);
      --clr-surface-onyx: oklch(27.95% 0.0368 260);
      --clr-white: oklch(100% 0 0);
      --clr-black: oklch(0% 0 0);
      --clr-glass: oklch(100% 0 0);
      --clr-smoke: oklch(0% 0 0);
      --gradient-hero: linear-gradient(135deg, oklch(80% 0.18 142deg) 0%, oklch(82% 0.15 80deg) 50%, oklch(29% 0.1 144deg) 100%);
      --gradient-primary: linear-gradient(135deg, oklch(91% 0.12 158deg) 0%, oklch(80% 0.18 142deg) 100%);
      --gradient-secondary: linear-gradient(135deg, oklch(90% 0.12 88deg) 0%, oklch(82% 0.15 80deg) 100%);
      --gradient-accent: linear-gradient(135deg, oklch(85% 0.12 55deg) 0%, oklch(78% 0.15 50deg) 100%);
      --gradient-cta: linear-gradient(135deg, oklch(92% 0.12 90deg) 0%, oklch(87% 0.15 88deg) 100%);
      --gradient-optional: linear-gradient(135deg, oklch(92% 0.12 90deg) 0%, oklch(87% 0.15 88deg) 100%);
      --gradient-success: linear-gradient(135deg, oklch(92% 0.14 155deg) 0%, oklch(85% 0.17 150deg) 100%);
      --gradient-warning: linear-gradient(135deg, oklch(92% 0.12 85deg) 0%, oklch(87% 0.15 82deg) 100%);
      --gradient-danger: linear-gradient(135deg, oklch(85% 0.12 25deg) 0%, oklch(75% 0.16 25deg) 100%);
      --gradient-info: linear-gradient(135deg, oklch(90% 0.12 88deg) 0%, oklch(82% 0.15 80deg) 100%);
      --gradient-dark: linear-gradient(135deg, oklch(29% 0.1 144deg) 0%, oklch(10% 0.04 250deg) 100%);
      --gradient-glass: linear-gradient(135deg, oklch(10% 0.03 260deg / 0.9) 0%, oklch(10% 0.03 260deg / 0.7) 100%);
      --gradient-effect: linear-gradient(180deg, oklch(29% 0.1 144deg) 0%, oklch(50% 0.16 150deg) 50%, oklch(80% 0.18 142deg) 100%);
    }
  }
  [data-theme=dark] {
    --opacity-1: 0.01;
    --opacity-015: 0.015;
    --opacity-2: 0.02;
    --opacity-025: 0.025;
    --opacity-3: 0.03;
    --opacity-035: 0.035;
    --opacity-4: 0.04;
    --opacity-045: 0.045;
    --opacity-5: 0.05;
    --opacity-055: 0.055;
    --opacity-6: 0.06;
    --opacity-065: 0.065;
    --opacity-7: 0.07;
    --opacity-075: 0.075;
    --opacity-8: 0.08;
    --opacity-085: 0.085;
    --opacity-9: 0.09;
    --opacity-095: 0.095;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-35: 0.35;
    --opacity-40: 0.4;
    --opacity-45: 0.45;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-90: 0.9;
    --opacity-100: 1;
    --duration-instant: 0ms;
    --duration-fast: 100ms;
    --duration-normal: 200ms;
    --duration-slow: 300ms;
    --duration-slower: 500ms;
    --duration-slowest: 1000ms;
    --ease-linear: linear;
    --ease-ease: ease;
    --ease-ease-in: ease-in;
    --ease-ease-out: ease-out;
    --ease-ease-in-out: ease-in-out;
    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-smooth-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: var(--duration-fast) var(--ease-smooth);
    --transition-normal: var(--duration-normal) var(--ease-smooth);
    --transition-slow: var(--duration-slow) var(--ease-smooth);
    --focus-ring-default-width: 3px;
    --focus-ring-default-style: solid;
    --focus-ring-default-offset: 2px;
    --focus-ring-default-color: var(--clr-primary-op-50);
    --focus-ring-default: 3px solid var(--clr-primary-op-50);
    --focus-ring-primary-width: 3px;
    --focus-ring-primary-style: solid;
    --focus-ring-primary-offset: 2px;
    --focus-ring-primary-color: var(--clr-primary-op-50);
    --focus-ring-primary: 3px solid var(--clr-primary-op-50);
    --focus-ring-secondary-width: 3px;
    --focus-ring-secondary-style: solid;
    --focus-ring-secondary-offset: 2px;
    --focus-ring-secondary-color: var(--clr-secondary-op-50);
    --focus-ring-secondary: 3px solid var(--clr-secondary-op-50);
    --focus-ring-accent-width: 3px;
    --focus-ring-accent-style: solid;
    --focus-ring-accent-offset: 2px;
    --focus-ring-accent-color: var(--clr-accent-op-50);
    --focus-ring-accent: 3px solid var(--clr-accent-op-50);
    --focus-ring-danger-width: 3px;
    --focus-ring-danger-style: solid;
    --focus-ring-danger-offset: 2px;
    --focus-ring-danger-color: var(--clr-danger-op-50);
    --focus-ring-danger: 3px solid var(--clr-danger-op-50);
    --focus-ring-inset-width: 2px;
    --focus-ring-inset-style: solid;
    --focus-ring-inset-offset: -2px;
    --focus-ring-inset-color: var(--clr-primary-op-50);
    --focus-ring-inset: 2px solid var(--clr-primary-op-50);
    --focus-ring: var(--focus-ring-default);
    --focus-offset: var(--focus-ring-default-offset);
    --clr-card-bg: var(--clr-surface-void, #ffffff);
    --clr-btn-bg: var(--clr-primary, #166534);
    --clr-btn-text: var(--clr-white, #ffffff);
    --clr-btn-secondary: var(--clr-secondary, #F59E0B);
    --clr-btn-optional: var(--clr-optional, #FFC000);
    --clr-link: var(--clr-primary, #166534);
    --clr-card-bg: var(--clr-surface-frost, #1e293b);
    --clr-btn-hover: var(--clr-primary-300, #86EFAC);
    --clr-link-hover: var(--clr-primary-300, #86EFAC);
    --clr-input-bg: var(--clr-white, #ffffff);
    --clr-input-border: var(--clr-neutral-300, #cbd5e1);
    --clr-input-focus: var(--clr-primary, #166534);
    --clr-placeholder: var(--clr-neutral-400, #94a3b8);
    --clr-input-bg: var(--clr-neutral-100, #111827);
    --clr-input-border: var(--clr-neutral-300, #374151);
    --clr-placeholder: var(--clr-neutral-400, #6B7280);
    --clr-error: var(--clr-danger, #ef4444);
    --clr-valid: var(--clr-success, #22c55e);
    --clr-pending: var(--clr-warning, #f59e0b);
    --btn-primary-bg: var(--clr-primary, #166534);
    --btn-primary-text: var(--clr-white, #ffffff);
    --btn-primary-border: var(--clr-primary, #166534);
    --btn-secondary-bg: var(--clr-secondary, #F59E0B);
    --btn-secondary-text: var(--clr-white, #ffffff);
    --btn-secondary-border: var(--clr-secondary, #F59E0B);
    --btn-accent-bg: var(--clr-accent, #EE7325);
    --btn-accent-text: var(--clr-black, #000000);
    --btn-accent-border: var(--clr-accent, #EE7325);
    --btn-cta-bg: var(--clr-optional, #FFC000);
    --btn-cta-text: var(--clr-white, #ffffff);
    --btn-cta-border: var(--clr-optional, #FFC000);
    --btn-outline-bg: transparent;
    --btn-outline-text: var(--clr-primary, #166534);
    --btn-outline-border: var(--clr-primary, #166534);
    --btn-ghost-bg: transparent;
    --btn-ghost-text: var(--clr-primary, #166534);
    --btn-ghost-border: transparent;
    --btn-primary-hover-bg: var(--clr-primary-300, #86EFAC);
    --btn-secondary-hover-bg: var(--clr-secondary-300, #FDE68A);
    --btn-accent-hover-bg: var(--clr-accent-300, #FFE57A);
    --btn-cta-hover-bg: var(--clr-optional-300, #FFBE8A);
    --btn-disabled-bg: var(--clr-neutral-200, #e2e8f0);
    --btn-disabled-text: var(--clr-neutral-400, #94a3b8);
    --btn-disabled-border: var(--clr-neutral-200, #e2e8f0);
    --card-bg: var(--clr-surface-void, #ffffff);
    --card-border: var(--border-default);
    --card-shadow: var(--shadow-md);
    --card-shadow-hover: var(--shadow-lg);
    --card-radius: var(--radius-lg, 12px);
    --card-padding: 1.5rem;
    --card-bg: var(--clr-surface-frost, #1e293b);
    --input-bg: var(--clr-white, #ffffff);
    --input-text: var(--clr-text, #0f172a);
    --input-border: var(--clr-neutral-300, #cbd5e1);
    --input-border-hover: var(--clr-neutral-400, #94a3b8);
    --input-border-focus: var(--clr-primary, #166534);
    --input-placeholder: var(--clr-neutral-400, #94a3b8);
    --input-radius: var(--radius-md, 8px);
    --input-shadow-focus: var(--shadow-primary);
    --input-error-border: var(--clr-danger, #ef4444);
    --input-error-bg: var(--clr-danger-light, #fee2e2);
    --input-success-border: var(--clr-success, #22c55e);
    --input-success-bg: var(--clr-success-light, #dcfce7);
    --input-bg: var(--clr-neutral-100, #111827);
    --input-border: var(--clr-neutral-300, #374151);
    --input-error-bg: var(--clr-danger-light, #2A0A0A);
    --input-success-bg: var(--clr-success-light, #0A2818);
    --header-bg: var(--clr-white, #ffffff);
    --header-text: var(--clr-text, #0f172a);
    --header-shadow: var(--shadow-sm);
    --header-border: var(--border-light);
    --header-height: 80px;
    --header-height-scrolled: 64px;
    --header-bg: var(--clr-surface-frost, #1e293b);
    --footer-bg: var(--clr-primary-dark, #166534);
    --footer-text: var(--clr-white, #ffffff);
    --footer-text-muted: var(--clr-primary-light, #DCFCE7);
    --footer-link: var(--clr-white, #ffffff);
    --footer-link-hover: var(--clr-accent, #EE7325);
    --footer-border: var(--clr-primary-op-20, rgba(22, 101, 52, 0.2));
    --footer-bg: var(--clr-neutral-100, #111827);
    --footer-text-muted: var(--clr-neutral-500, #9CA3AF);
    --hero-bg: var(--gradient-hero);
    --hero-text: var(--clr-white, #ffffff);
    --hero-overlay: var(--clr-primary-op-80, rgba(22, 101, 52, 0.8));
    --hero-min-height: 600px;
    --badge-primary-bg: var(--clr-primary-op-15, rgba(22, 101, 52, 0.15));
    --badge-primary-text: var(--clr-primary, #166534);
    --badge-secondary-bg: var(--clr-secondary-op-15, rgba(245, 158, 11, 0.15));
    --badge-secondary-text: var(--clr-secondary, #F59E0B);
    --badge-success-bg: var(--clr-success-op-15, rgba(34, 197, 94, 0.15));
    --badge-success-text: var(--clr-success, #22c55e);
    --badge-warning-bg: var(--clr-warning-op-15, rgba(245, 158, 11, 0.15));
    --badge-warning-text: var(--clr-warning, #f59e0b);
    --badge-danger-bg: var(--clr-danger-op-15, rgba(239, 68, 68, 0.15));
    --badge-danger-text: var(--clr-danger, #ef4444);
    --badge-info-bg: var(--clr-info-op-15, rgba(245, 158, 11, 0.15));
    --badge-info-text: var(--clr-info, #F59E0B);
    --badge-primary-bg: var(--clr-primary-op-15, rgba(96, 181, 255, 0.15));
    --badge-primary-text: var(--clr-primary, #4ADE80);
    --badge-secondary-bg: var(--clr-secondary-op-15, rgba(77, 195, 255, 0.15));
    --badge-secondary-text: var(--clr-secondary, #FBBF24);
    --badge-success-bg: var(--clr-success-op-15, rgba(94, 232, 154, 0.15));
    --badge-success-text: var(--clr-success, #5EE89A);
    --badge-warning-bg: var(--clr-warning-op-15, rgba(255, 203, 69, 0.15));
    --badge-warning-text: var(--clr-warning, #FFCB45);
    --badge-danger-bg: var(--clr-danger-op-15, rgba(255, 123, 123, 0.15));
    --badge-danger-text: var(--clr-danger, #FF7B7B);
    --badge-info-bg: var(--clr-info-op-15, rgba(77, 195, 255, 0.15));
    --badge-info-text: var(--clr-info, #FBBF24);
    --alert-info-bg: var(--clr-info-light, #FEF3C7);
    --alert-info-border: var(--clr-info, #F59E0B);
    --alert-info-text: var(--clr-info-dark, #166534);
    --alert-success-bg: var(--clr-success-light, #dcfce7);
    --alert-success-border: var(--clr-success, #22c55e);
    --alert-success-text: var(--clr-success-dark, #166534);
    --alert-warning-bg: var(--clr-warning-light, #fef3c7);
    --alert-warning-border: var(--clr-warning, #f59e0b);
    --alert-warning-text: var(--clr-warning-dark, #d97706);
    --alert-danger-bg: var(--clr-danger-light, #fee2e2);
    --alert-danger-border: var(--clr-danger, #ef4444);
    --alert-danger-text: var(--clr-danger-dark, #dc2626);
    --alert-info-bg: var(--clr-info-light, #78350F);
    --alert-info-text: var(--clr-info-dark, #FDE68A);
    --alert-success-bg: var(--clr-success-light, #0A2818);
    --alert-success-text: var(--clr-success-dark, #8FFFC0);
    --alert-warning-bg: var(--clr-warning-light, #2D1F03);
    --alert-warning-text: var(--clr-warning-dark, #FFE082);
    --alert-danger-bg: var(--clr-danger-light, #2A0A0A);
    --alert-danger-text: var(--clr-danger-dark, #FFB3B3);
    --modal-bg: var(--clr-surface-void, #ffffff);
    --modal-overlay: var(--clr-black-op-50, rgba(0, 0, 0, 0.5));
    --modal-shadow: var(--shadow-2xl);
    --modal-radius: var(--radius-xl, 16px);
    --modal-bg: var(--clr-surface-frost, #1e293b);
    --tooltip-bg: var(--clr-neutral-900, #0f172a);
    --tooltip-text: var(--clr-white, #ffffff);
    --tooltip-radius: var(--radius-sm, 4px);
    --tooltip-bg: var(--clr-neutral-100, #111827);
    --tooltip-text: var(--clr-text, #F1F5F9);
    --dropdown-bg: var(--clr-surface-void, #ffffff);
    --dropdown-border: var(--border-default);
    --dropdown-shadow: var(--shadow-lg);
    --dropdown-item-hover: var(--clr-neutral-50, #f8fafc);
    --dropdown-bg: var(--clr-surface-frost, #1e293b);
    --dropdown-item-hover: var(--clr-neutral-200, #1F2937);
    --table-header-bg: var(--clr-neutral-50, #f8fafc);
    --table-row-hover: var(--clr-neutral-50, #f8fafc);
    --table-border: var(--border-divider);
    --table-header-bg: var(--clr-neutral-200, #1F2937);
    --table-row-hover: var(--clr-neutral-200, #1F2937);
    --skeleton-bg: var(--clr-neutral-200, #e2e8f0);
    --skeleton-shine: var(--clr-neutral-100, #f1f5f9);
    --skeleton-bg: var(--clr-neutral-300, #374151);
    --skeleton-shine: var(--clr-neutral-400, #6B7280);
    --theme-transition-duration: 200ms;
    --theme-transition-timing: ease-out;
    --theme-transition: background-color var(--theme-transition-duration) var(--theme-transition-timing),
    color var(--theme-transition-duration) var(--theme-transition-timing),
    border-color var(--theme-transition-duration) var(--theme-transition-timing),
    box-shadow var(--theme-transition-duration) var(--theme-transition-timing),
    fill var(--theme-transition-duration) var(--theme-transition-timing),
    stroke var(--theme-transition-duration) var(--theme-transition-timing);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-normal: 50ms;
    --duration-slow: 50ms;
    --duration-slower: 100ms;
    --duration-slowest: 100ms;
    --transition-fast: 50ms;
    --transition-normal: 50ms;
    --transition-slow: 100ms;
    --theme-transition-duration: 0ms;
  }
  [class*=__bg-mesh], [class*=__bg-orb], [class*=__bg-shape],
  [class*=__bg-blob], [class*=__bg-grid], [class*=__bg-gradient],
  [class*=__bg-glow], [class*=__bg-particle], [class*=__bg-pattern],
  [class*=__bg-dots], [class*=__bg-wave], [class*=__bg-circle],
  [class*=__bg-lines], [class*=__bg-diagonal] {
    animation: none !important;
    transition: none !important;
  }
  [aria-hidden=true] {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0ms !important;
    pointer-events: none;
  }
  [data-aos].aos-animate {
    pointer-events: auto;
  }
  html {
    scroll-behavior: auto !important;
  }
}
:root {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  --ff-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --ff-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ff-mono: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
  --ff-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ff-font-awesome: FontAwesome, 'Font Awesome 7 Free';
  --ff-font-awesome-solid: FontAwesome, 'Font Awesome 7 Solid';
  --ff-font-awesome-regular: FontAwesome, 'Font Awesome 7 Regular';
  --ff-font-awesome-brands: FontAwesome, 'Font Awesome 7 Brands';
  --ff-phosphor: Phosphor, 'Phosphor-Regular';
  --ff-phosphor-fill: 'Phosphor-Fill';
  --ff-phosphor-bold: 'Phosphor-Bold';
  --ff-phosphor-light: 'Phosphor-Light';
  --ff-phosphor-thin: 'Phosphor-Thin';
  --ff-phosphor-duotone: 'Phosphor-Duotone';
  --ff-tabler: 'tabler-icons';
  --ff-tabler-filled: 'tabler-icons-filled';
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;
  --lh-none: 1;
  --lh-tight: 1.25;
  --lh-snug: 1.375;
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;
  --lh-taller: 1.7;
  --lh-very-relaxed: 1.75;
  --lh-loose: 2;
  --lh-body: 1.5;
  --lh-heading: 1.2;
  --lh-h1: 1.1;
  --lh-h2: 1.2;
  --lh-h3: 1.25;
  --lh-h4: 1.3;
  --lh-h5: 1.35;
  --lh-h6: 1.4;
  --lh-p: 1.625;
  --ls-tighter: -0.05em;
  --ls-tight: -0.025em;
  --ls-snug: -0.01em;
  --ls-normal: 0em;
  --ls-relaxed: 0.01em;
  --ls-wide: 0.025em;
  --ls-wider: 0.05em;
  --ls-widest: 0.1em;
  --ls-ultra-wide: 0.25em;
  --fs-3xs: 0.625rem;
  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 3rem;
  --fs-6xl: 3.75rem;
  --fs-7xl: 4.5rem;
  --ffs-3xs: 0.625rem;
  --ffs-2xs: 0.6875rem;
  --ffs-xs: 0.75rem;
  --ffs-sm: 0.875rem;
  --ffs-base: 1rem;
  --ffs-lg: 1.125rem;
  --ffs-xl: 1.25rem;
  --ffs-2xl: 1.5rem;
  --ffs-3xl: 1.875rem;
  --ffs-4xl: 2.25rem;
  --ffs-5xl: 3rem;
  --ffs-6xl: 3.75rem;
  --ffs-7xl: 4.5rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  :root {
    --ffs-3xs: clamp(0.625rem, 0.6141rem + 0.0543vw, 0.75rem);
    --ffs-2xs: clamp(0.6875rem, 0.6766rem + 0.0543vw, 0.8125rem);
    --ffs-xs: clamp(0.75rem, 0.7337rem + 0.0815vw, 0.9375rem);
    --ffs-sm: clamp(0.8125rem, 0.7962rem + 0.0815vw, 1rem);
    --ffs-base: clamp(0.875rem, 0.8533rem + 0.1087vw, 1.125rem);
    --ffs-lg: clamp(1rem, 0.9783rem + 0.1087vw, 1.25rem);
    --ffs-xl: clamp(1.125rem, 1.0924rem + 0.163vw, 1.5rem);
    --ffs-2xl: clamp(1.25rem, 1.1848rem + 0.3261vw, 2rem);
    --ffs-3xl: clamp(1.5rem, 1.413rem + 0.4348vw, 2.5rem);
    --ffs-4xl: clamp(1.75rem, 1.6413rem + 0.5435vw, 3rem);
    --ffs-5xl: clamp(2rem, 1.8478rem + 0.7609vw, 3.75rem);
    --ffs-6xl: clamp(2.25rem, 2.0543rem + 0.9783vw, 4.5rem);
    --ffs-7xl: clamp(2.5rem, 2.1957rem + 1.5217vw, 6rem);
  }
}

h1, .h1 {
  font-size: var(--ffs-5xl);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-tight);
  margin-bottom: 0.5em;
}

h2, .h2 {
  font-size: var(--ffs-4xl);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-tight);
  margin-bottom: 0.5em;
}

h3, .h3 {
  font-size: var(--ffs-3xl);
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-h3);
  letter-spacing: var(--ls-normal);
  margin-bottom: 0.5em;
}

h4, .h4 {
  font-size: var(--ffs-2xl);
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-h4);
  margin-bottom: 0.5em;
}

h5, .h5 {
  font-size: var(--ffs-xl);
  font-family: var(--ff-heading);
  font-weight: var(--fw-medium);
  line-height: var(--lh-h5);
  margin-bottom: 0.5em;
}

h6, .h6 {
  font-size: var(--ffs-lg);
  font-family: var(--ff-heading);
  font-weight: var(--fw-medium);
  line-height: var(--lh-h6);
  margin-bottom: 0.5em;
}

p, .p {
  font-size: var(--ffs-base);
  font-family: var(--ff-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-p);
  margin-bottom: 1em;
}

small, .small {
  font-size: var(--ffs-sm);
}

:root {
  --c-columns: 12;
  --c-container-default: xxl;
  --c-container-max-xs: 100%;
  --c-container-max-sm: 33.75rem;
  --c-container-max-md: 45rem;
  --c-container-max-lg: 60rem;
  --c-container-max-xl: 71.25rem;
  --c-container-max-xxl: 82.5rem;
  --c-container-max-3xl: 90rem;
  --c-gutter-xs: 0.75rem;
  --c-gutter-sm: 1rem;
  --c-gutter-md: 1.25rem;
  --c-gutter-lg: 1.5rem;
  --c-gutter-xl: 1.75rem;
  --c-gutter-xxl: 2rem;
  --c-gutter-3xl: 2.5rem;
}

[dir=rtl] .c-ms-auto {
  margin-left: unset;
  margin-right: auto;
}
[dir=rtl] .c-me-auto {
  margin-right: unset;
  margin-left: auto;
}
[dir=rtl] .c-text-start {
  text-align: right;
}
[dir=rtl] .c-text-end {
  text-align: left;
}
[dir=rtl] .c-flex-row {
  flex-direction: row-reverse !important;
}
[dir=rtl] .c-flex-row-reverse {
  flex-direction: row !important;
}

:root {
  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.25rem;
  --space-xl: 1.75rem;
  --space-2xl: 2.25rem;
  --space-3xl: 3rem;
  --space-4xl: 4rem;
  --space-5xl: 5rem;
  --space-6xl: 6rem;
  --space-7xl: 7rem;
  --space-8xl: 9rem;
  --space-fs-3xs: 0.625rem;
  --space-fs-2xs: 0.6875rem;
  --space-fs-xs: 0.75rem;
  --space-fs-sm: 0.875rem;
  --space-fs-base: 1rem;
  --space-fs-lg: 1.125rem;
  --space-fs-xl: 1.25rem;
  --space-fs-2xl: 1.5rem;
  --space-fs-3xl: 1.875rem;
  --space-fs-4xl: 2.25rem;
  --space-fs-5xl: 3rem;
  --space-fs-6xl: 3.75rem;
  --space-fs-7xl: 4.5rem;
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  :root {
    --space-3xs: clamp(0.125rem, 0.1033rem + 0.1087vw, 0.375rem);
    --space-2xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.5rem);
    --space-xs: clamp(0.375rem, 0.3533rem + 0.1087vw, 0.625rem);
    --space-sm: clamp(0.5rem, 0.4565rem + 0.2174vw, 1rem);
    --space-md: clamp(0.75rem, 0.7065rem + 0.2174vw, 1.25rem);
    --space-lg: clamp(1rem, 0.9348rem + 0.3261vw, 1.75rem);
    --space-xl: clamp(1.25rem, 1.1413rem + 0.5435vw, 2.5rem);
    --space-2xl: clamp(1.5rem, 1.3261rem + 0.8696vw, 3.5rem);
    --space-3xl: clamp(2rem, 1.7826rem + 1.087vw, 4.5rem);
    --space-4xl: clamp(2.5rem, 2.1957rem + 1.5217vw, 6rem);
    --space-5xl: clamp(3rem, 2.6087rem + 1.9565vw, 7.5rem);
    --space-6xl: clamp(3.5rem, 3.0217rem + 2.3913vw, 9rem);
    --space-7xl: clamp(4rem, 3.3913rem + 3.0435vw, 11rem);
    --space-8xl: clamp(5rem, 4.2174rem + 3.913vw, 14rem);
    --space-fs-3xs: clamp(0.625rem, 0.6141rem + 0.0543vw, 0.75rem);
    --space-fs-2xs: clamp(0.6875rem, 0.6766rem + 0.0543vw, 0.8125rem);
    --space-fs-xs: clamp(0.75rem, 0.7337rem + 0.0815vw, 0.9375rem);
    --space-fs-sm: clamp(0.8125rem, 0.7962rem + 0.0815vw, 1rem);
    --space-fs-base: clamp(0.875rem, 0.8533rem + 0.1087vw, 1.125rem);
    --space-fs-lg: clamp(1rem, 0.9783rem + 0.1087vw, 1.25rem);
    --space-fs-xl: clamp(1.125rem, 1.0924rem + 0.163vw, 1.5rem);
    --space-fs-2xl: clamp(1.25rem, 1.1848rem + 0.3261vw, 2rem);
    --space-fs-3xl: clamp(1.5rem, 1.413rem + 0.4348vw, 2.5rem);
    --space-fs-4xl: clamp(1.75rem, 1.6413rem + 0.5435vw, 3rem);
    --space-fs-5xl: clamp(2rem, 1.8478rem + 0.7609vw, 3.75rem);
    --space-fs-6xl: clamp(2.25rem, 2.0543rem + 0.9783vw, 4.5rem);
    --space-fs-7xl: clamp(2.5rem, 2.1957rem + 1.5217vw, 6rem);
  }
}
:root {
  --space-base-0: 0;
  --space-base-1: 1px;
  --space-base-2: 2px;
  --space-base-4: 4px;
  --space-base-6: 6px;
  --space-base-8: 8px;
  --space-base-10: 10px;
  --space-base-12: 12px;
  --space-base-14: 14px;
  --space-base-16: 16px;
  --space-base-18: 18px;
  --space-base-20: 20px;
  --space-base-24: 24px;
  --space-base-26: 26px;
  --space-base-28: 28px;
  --space-base-32: 32px;
  --space-base-36: 36px;
  --space-base-38: 38px;
  --space-base-40: 40px;
  --space-base-44: 44px;
  --space-base-48: 48px;
  --space-base-52: 52px;
  --space-base-56: 56px;
  --space-base-60: 60px;
  --space-base-64: 64px;
  --space-base-72: 72px;
  --space-base-80: 80px;
  --space-base-96: 96px;
  --space-base-100: 100px;
  --space-base-120: 120px;
  --space-base-144: 144px;
  --space-base-150: 150px;
  --space-base-160: 160px;
}
:root {
  --size-fs-3xs: 0.625rem;
  --size-fs-2xs: 0.6875rem;
  --size-fs-xs: 0.75rem;
  --size-fs-sm: 0.875rem;
  --size-fs-base: 1rem;
  --size-fs-lg: 1.125rem;
  --size-fs-xl: 1.25rem;
  --size-fs-2xl: 1.5rem;
  --size-fs-3xl: 1.875rem;
  --size-fs-4xl: 2.25rem;
  --size-fs-5xl: 3rem;
  --size-fs-6xl: 3.75rem;
  --size-fs-7xl: 4.5rem;
  --size-3xs: 1.25rem;
  --size-2xs: 1.5rem;
  --size-xs: 2rem;
  --size-sm: 2.5rem;
  --size-md: 3rem;
  --size-lg: 3.5rem;
  --size-xl: 4.5rem;
  --size-2xl: 6rem;
  --size-3xl: 8rem;
  --size-4xl: 10rem;
  --size-5xl: 12.5rem;
  --size-6xl: 16rem;
  --size-7xl: 20rem;
  --size-8xl: 25rem;
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  :root {
    --size-fs-3xs: clamp(0.625rem, 0.6141rem + 0.0543vw, 0.75rem);
    --size-fs-2xs: clamp(0.6875rem, 0.6766rem + 0.0543vw, 0.8125rem);
    --size-fs-xs: clamp(0.75rem, 0.7337rem + 0.0815vw, 0.9375rem);
    --size-fs-sm: clamp(0.8125rem, 0.7962rem + 0.0815vw, 1rem);
    --size-fs-base: clamp(0.875rem, 0.8533rem + 0.1087vw, 1.125rem);
    --size-fs-lg: clamp(1rem, 0.9783rem + 0.1087vw, 1.25rem);
    --size-fs-xl: clamp(1.125rem, 1.0924rem + 0.163vw, 1.5rem);
    --size-fs-2xl: clamp(1.25rem, 1.1848rem + 0.3261vw, 2rem);
    --size-fs-3xl: clamp(1.5rem, 1.413rem + 0.4348vw, 2.5rem);
    --size-fs-4xl: clamp(1.75rem, 1.6413rem + 0.5435vw, 3rem);
    --size-fs-5xl: clamp(2rem, 1.8478rem + 0.7609vw, 3.75rem);
    --size-fs-6xl: clamp(2.25rem, 2.0543rem + 0.9783vw, 4.5rem);
    --size-fs-7xl: clamp(2.5rem, 2.1957rem + 1.5217vw, 6rem);
    --size-3xs: clamp(1rem, 0.9565rem + 0.2174vw, 1.5rem);
    --size-2xs: clamp(1.25rem, 1.1848rem + 0.3261vw, 2rem);
    --size-xs: clamp(1.5rem, 1.413rem + 0.4348vw, 2.5rem);
    --size-sm: clamp(2rem, 1.913rem + 0.4348vw, 3rem);
    --size-md: clamp(2.5rem, 2.413rem + 0.4348vw, 3.5rem);
    --size-lg: clamp(3rem, 2.8696rem + 0.6522vw, 4.5rem);
    --size-xl: clamp(3.5rem, 3.2826rem + 1.087vw, 6rem);
    --size-2xl: clamp(4.5rem, 4.1957rem + 1.5217vw, 8rem);
    --size-3xl: clamp(6rem, 5.6522rem + 1.7391vw, 10rem);
    --size-4xl: clamp(8rem, 7.6087rem + 1.9565vw, 12.5rem);
    --size-5xl: clamp(10rem, 9.4783rem + 2.6087vw, 16rem);
    --size-6xl: clamp(12.5rem, 11.8478rem + 3.2609vw, 20rem);
    --size-7xl: clamp(16rem, 15.2174rem + 3.913vw, 25rem);
    --size-8xl: clamp(20rem, 18.9565rem + 5.2174vw, 32rem);
  }
}
:root {
  --size-base-0: 0;
  --size-base-auto: auto;
  --size-base-1: 1px;
  --size-base-2: 2px;
  --size-base-4: 4px;
  --size-base-6: 6px;
  --size-base-8: 8px;
  --size-base-10: 10px;
  --size-base-12: 12px;
  --size-base-14: 14px;
  --size-base-16: 16px;
  --size-base-18: 18px;
  --size-base-20: 20px;
  --size-base-22: 22px;
  --size-base-24: 24px;
  --size-base-26: 26px;
  --size-base-28: 28px;
  --size-base-30: 30px;
  --size-base-32: 32px;
  --size-base-34: 34px;
  --size-base-36: 36px;
  --size-base-38: 38px;
  --size-base-40: 40px;
  --size-base-42: 42px;
  --size-base-44: 44px;
  --size-base-46: 46px;
  --size-base-48: 48px;
  --size-base-50: 50px;
  --size-base-52: 52px;
  --size-base-54: 54px;
  --size-base-56: 56px;
  --size-base-58: 58px;
  --size-base-60: 60px;
  --size-base-62: 62px;
  --size-base-64: 64px;
  --size-base-66: 66px;
  --size-base-68: 68px;
  --size-base-70: 70px;
  --size-base-72: 72px;
  --size-base-80: 80px;
  --size-base-96: 96px;
  --size-base-112: 112px;
  --size-base-128: 128px;
  --size-base-144: 144px;
  --size-base-160: 160px;
  --size-base-176: 176px;
  --size-base-192: 192px;
  --size-base-200: 200px;
  --size-base-224: 224px;
  --size-base-256: 256px;
  --size-base-288: 288px;
  --size-base-320: 320px;
  --size-base-384: 384px;
  --size-base-400: 400px;
  --size-base-448: 448px;
  --size-base-480: 480px;
  --size-base-512: 512px;
  --size-base-560: 560px;
  --size-base-600: 600px;
  --size-base-640: 640px;
  --size-base-720: 720px;
  --size-base-768: 768px;
  --size-base-800: 800px;
  --size-base-896: 896px;
  --size-base-960: 960px;
  --size-base-1024: 1024px;
  --size-base-1152: 1152px;
  --size-base-1280: 1280px;
  --size-base-1440: 1440px;
  --size-base-1536: 1536px;
  --size-base-1600: 1600px;
  --size-base-1920: 1920px;
  --size-base-1/4: 25%;
  --size-base-1/3: 33.333333%;
  --size-base-1/2: 50%;
  --size-base-2/3: 66.666667%;
  --size-base-3/4: 75%;
  --size-base-full: 100%;
  --size-base-screen: 100vw;
  --size-base-screen-h: 100vh;
  --size-base-screen-dvh: 100dvh;
  --size-base-min: min-content;
  --size-base-max: max-content;
  --size-base-fit: fit-content;
}
:root {
  --radius-fluid-sm: 0.3125rem;
  --radius-fluid-md: 0.5rem;
  --radius-fluid-lg: 0.75rem;
  --radius-fluid-xl: 1rem;
  --radius-fluid-2xl: 1.5rem;
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  :root {
    --radius-fluid-sm: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.5rem);
    --radius-fluid-md: clamp(0.375rem, 0.3424rem + 0.163vw, 0.75rem);
    --radius-fluid-lg: clamp(0.5rem, 0.4565rem + 0.2174vw, 1rem);
    --radius-fluid-xl: clamp(0.75rem, 0.6848rem + 0.3261vw, 1.5rem);
    --radius-fluid-2xl: clamp(1rem, 0.913rem + 0.4348vw, 2rem);
  }
}
:root {
  --space-default: 80px;
  --space-mobile: 60px;
  --space-title: 60px;
  --space-extra: 80px;
  --space-mobile-extra: 60px;
}
:root {
  --blur-xs: blur(4px);
  --blur-sm: blur(8px);
  --blur-md: blur(16px);
  --blur-lg: blur(24px);
  --blur-xl: blur(40px);
  --blur-2xl: blur(64px);
  --blur-3xl: blur(128px);
}
:root {
  --pos-relative: relative;
  --pos-absolute: absolute;
  --pos-fixed: fixed;
  --pos-sticky: sticky;
  --pos-static: static;
  --pos-0: 0;
  --pos-50: 50%;
  --pos-100: 100%;
  --pos-auto: auto;
  --pos-full: 100%;
  --pos-half: 50%;
  --pos-center: 50%;
  --pos-inset-0: 0;
  --pos-inset-auto: auto;
  --pos-neg-1: -1px;
  --pos-neg-2: -2px;
  --pos-neg-4: -4px;
  --pos-neg-8: -8px;
  --pos-neg-16: -16px;
  --pos-neg-50: -50%;
  --pos-neg-100: -100%;
}
:root {
  --z-auto: auto;
  --z-below: -1;
  --z-base: 0;
  --z-content: 1;
  --z-0: 0;
  --z-5: 5;
  --z-10: 10;
  --z-20: 20;
  --z-30: 30;
  --z-40: 40;
  --z-50: 50;
  --z-60: 60;
  --z-70: 70;
  --z-80: 80;
  --z-90: 90;
  --z-100: 100;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-offcanvas: 1060;
  --z-popover: 1070;
  --z-tooltip: 1080;
  --z-toast: 1090;
  --z-max: 9999;
}
:root {
  --transition-default: all 0.3s ease;
  --transition-fast: all 0.15s ease;
  --transition-slow: all 0.5s ease;
  --transition-colors: color 0.3s ease;
  --transition-transform: transform 0.3s ease;
  --transition-opacity: opacity 0.3s ease;
}
:root {
  --logo-max-width: 300px;
  --logo-max-width-lg: 220px;
  --logo-max-width-xs: 160px;
  --logo-max-width-xxs: 130px;
  --logo-header-padding: 0.9375rem;
}

.ts-m-0 {
  margin: var(--space-base-0);
}

.ts-mt-0 {
  margin-block-start: var(--space-base-0);
}

.ts-mb-0 {
  margin-block-end: var(--space-base-0);
}

.ts-ms-0 {
  margin-inline-start: var(--space-base-0);
}

.ts-me-0 {
  margin-inline-end: var(--space-base-0);
}

.ts-mx-0 {
  margin-inline: var(--space-base-0);
}

.ts-my-0 {
  margin-block: var(--space-base-0);
}

.ts-p-0 {
  padding: var(--space-base-0);
}

.ts-pt-0 {
  padding-block-start: var(--space-base-0);
}

.ts-pb-0 {
  padding-block-end: var(--space-base-0);
}

.ts-ps-0 {
  padding-inline-start: var(--space-base-0);
}

.ts-pe-0 {
  padding-inline-end: var(--space-base-0);
}

.ts-px-0 {
  padding-inline: var(--space-base-0);
}

.ts-py-0 {
  padding-block: var(--space-base-0);
}

.ts-gap-0 {
  gap: var(--space-base-0);
}

.ts-row-gap-0 {
  row-gap: var(--space-base-0);
}

.ts-col-gap-0 {
  column-gap: var(--space-base-0);
}

.ts-m-1 {
  margin: var(--space-base-1);
}

.ts-mt-1 {
  margin-block-start: var(--space-base-1);
}

.ts-mb-1 {
  margin-block-end: var(--space-base-1);
}

.ts-ms-1 {
  margin-inline-start: var(--space-base-1);
}

.ts-me-1 {
  margin-inline-end: var(--space-base-1);
}

.ts-mx-1 {
  margin-inline: var(--space-base-1);
}

.ts-my-1 {
  margin-block: var(--space-base-1);
}

.ts-p-1 {
  padding: var(--space-base-1);
}

.ts-pt-1 {
  padding-block-start: var(--space-base-1);
}

.ts-pb-1 {
  padding-block-end: var(--space-base-1);
}

.ts-ps-1 {
  padding-inline-start: var(--space-base-1);
}

.ts-pe-1 {
  padding-inline-end: var(--space-base-1);
}

.ts-px-1 {
  padding-inline: var(--space-base-1);
}

.ts-py-1 {
  padding-block: var(--space-base-1);
}

.ts-gap-1 {
  gap: var(--space-base-1);
}

.ts-row-gap-1 {
  row-gap: var(--space-base-1);
}

.ts-col-gap-1 {
  column-gap: var(--space-base-1);
}

.ts-m-2 {
  margin: var(--space-base-2);
}

.ts-mt-2 {
  margin-block-start: var(--space-base-2);
}

.ts-mb-2 {
  margin-block-end: var(--space-base-2);
}

.ts-ms-2 {
  margin-inline-start: var(--space-base-2);
}

.ts-me-2 {
  margin-inline-end: var(--space-base-2);
}

.ts-mx-2 {
  margin-inline: var(--space-base-2);
}

.ts-my-2 {
  margin-block: var(--space-base-2);
}

.ts-p-2 {
  padding: var(--space-base-2);
}

.ts-pt-2 {
  padding-block-start: var(--space-base-2);
}

.ts-pb-2 {
  padding-block-end: var(--space-base-2);
}

.ts-ps-2 {
  padding-inline-start: var(--space-base-2);
}

.ts-pe-2 {
  padding-inline-end: var(--space-base-2);
}

.ts-px-2 {
  padding-inline: var(--space-base-2);
}

.ts-py-2 {
  padding-block: var(--space-base-2);
}

.ts-gap-2 {
  gap: var(--space-base-2);
}

.ts-row-gap-2 {
  row-gap: var(--space-base-2);
}

.ts-col-gap-2 {
  column-gap: var(--space-base-2);
}

.ts-m-4 {
  margin: var(--space-base-4);
}

.ts-mt-4 {
  margin-block-start: var(--space-base-4);
}

.ts-mb-4 {
  margin-block-end: var(--space-base-4);
}

.ts-ms-4 {
  margin-inline-start: var(--space-base-4);
}

.ts-me-4 {
  margin-inline-end: var(--space-base-4);
}

.ts-mx-4 {
  margin-inline: var(--space-base-4);
}

.ts-my-4 {
  margin-block: var(--space-base-4);
}

.ts-p-4 {
  padding: var(--space-base-4);
}

.ts-pt-4 {
  padding-block-start: var(--space-base-4);
}

.ts-pb-4 {
  padding-block-end: var(--space-base-4);
}

.ts-ps-4 {
  padding-inline-start: var(--space-base-4);
}

.ts-pe-4 {
  padding-inline-end: var(--space-base-4);
}

.ts-px-4 {
  padding-inline: var(--space-base-4);
}

.ts-py-4 {
  padding-block: var(--space-base-4);
}

.ts-gap-4 {
  gap: var(--space-base-4);
}

.ts-row-gap-4 {
  row-gap: var(--space-base-4);
}

.ts-col-gap-4 {
  column-gap: var(--space-base-4);
}

.ts-m-6 {
  margin: var(--space-base-6);
}

.ts-mt-6 {
  margin-block-start: var(--space-base-6);
}

.ts-mb-6 {
  margin-block-end: var(--space-base-6);
}

.ts-ms-6 {
  margin-inline-start: var(--space-base-6);
}

.ts-me-6 {
  margin-inline-end: var(--space-base-6);
}

.ts-mx-6 {
  margin-inline: var(--space-base-6);
}

.ts-my-6 {
  margin-block: var(--space-base-6);
}

.ts-p-6 {
  padding: var(--space-base-6);
}

.ts-pt-6 {
  padding-block-start: var(--space-base-6);
}

.ts-pb-6 {
  padding-block-end: var(--space-base-6);
}

.ts-ps-6 {
  padding-inline-start: var(--space-base-6);
}

.ts-pe-6 {
  padding-inline-end: var(--space-base-6);
}

.ts-px-6 {
  padding-inline: var(--space-base-6);
}

.ts-py-6 {
  padding-block: var(--space-base-6);
}

.ts-gap-6 {
  gap: var(--space-base-6);
}

.ts-row-gap-6 {
  row-gap: var(--space-base-6);
}

.ts-col-gap-6 {
  column-gap: var(--space-base-6);
}

.ts-m-8 {
  margin: var(--space-base-8);
}

.ts-mt-8 {
  margin-block-start: var(--space-base-8);
}

.ts-mb-8 {
  margin-block-end: var(--space-base-8);
}

.ts-ms-8 {
  margin-inline-start: var(--space-base-8);
}

.ts-me-8 {
  margin-inline-end: var(--space-base-8);
}

.ts-mx-8 {
  margin-inline: var(--space-base-8);
}

.ts-my-8 {
  margin-block: var(--space-base-8);
}

.ts-p-8 {
  padding: var(--space-base-8);
}

.ts-pt-8 {
  padding-block-start: var(--space-base-8);
}

.ts-pb-8 {
  padding-block-end: var(--space-base-8);
}

.ts-ps-8 {
  padding-inline-start: var(--space-base-8);
}

.ts-pe-8 {
  padding-inline-end: var(--space-base-8);
}

.ts-px-8 {
  padding-inline: var(--space-base-8);
}

.ts-py-8 {
  padding-block: var(--space-base-8);
}

.ts-gap-8 {
  gap: var(--space-base-8);
}

.ts-row-gap-8 {
  row-gap: var(--space-base-8);
}

.ts-col-gap-8 {
  column-gap: var(--space-base-8);
}

.ts-m-10 {
  margin: var(--space-base-10);
}

.ts-mt-10 {
  margin-block-start: var(--space-base-10);
}

.ts-mb-10 {
  margin-block-end: var(--space-base-10);
}

.ts-ms-10 {
  margin-inline-start: var(--space-base-10);
}

.ts-me-10 {
  margin-inline-end: var(--space-base-10);
}

.ts-mx-10 {
  margin-inline: var(--space-base-10);
}

.ts-my-10 {
  margin-block: var(--space-base-10);
}

.ts-p-10 {
  padding: var(--space-base-10);
}

.ts-pt-10 {
  padding-block-start: var(--space-base-10);
}

.ts-pb-10 {
  padding-block-end: var(--space-base-10);
}

.ts-ps-10 {
  padding-inline-start: var(--space-base-10);
}

.ts-pe-10 {
  padding-inline-end: var(--space-base-10);
}

.ts-px-10 {
  padding-inline: var(--space-base-10);
}

.ts-py-10 {
  padding-block: var(--space-base-10);
}

.ts-gap-10 {
  gap: var(--space-base-10);
}

.ts-row-gap-10 {
  row-gap: var(--space-base-10);
}

.ts-col-gap-10 {
  column-gap: var(--space-base-10);
}

.ts-m-12 {
  margin: var(--space-base-12);
}

.ts-mt-12 {
  margin-block-start: var(--space-base-12);
}

.ts-mb-12 {
  margin-block-end: var(--space-base-12);
}

.ts-ms-12 {
  margin-inline-start: var(--space-base-12);
}

.ts-me-12 {
  margin-inline-end: var(--space-base-12);
}

.ts-mx-12 {
  margin-inline: var(--space-base-12);
}

.ts-my-12 {
  margin-block: var(--space-base-12);
}

.ts-p-12 {
  padding: var(--space-base-12);
}

.ts-pt-12 {
  padding-block-start: var(--space-base-12);
}

.ts-pb-12 {
  padding-block-end: var(--space-base-12);
}

.ts-ps-12 {
  padding-inline-start: var(--space-base-12);
}

.ts-pe-12 {
  padding-inline-end: var(--space-base-12);
}

.ts-px-12 {
  padding-inline: var(--space-base-12);
}

.ts-py-12 {
  padding-block: var(--space-base-12);
}

.ts-gap-12 {
  gap: var(--space-base-12);
}

.ts-row-gap-12 {
  row-gap: var(--space-base-12);
}

.ts-col-gap-12 {
  column-gap: var(--space-base-12);
}

.ts-m-14 {
  margin: var(--space-base-14);
}

.ts-mt-14 {
  margin-block-start: var(--space-base-14);
}

.ts-mb-14 {
  margin-block-end: var(--space-base-14);
}

.ts-ms-14 {
  margin-inline-start: var(--space-base-14);
}

.ts-me-14 {
  margin-inline-end: var(--space-base-14);
}

.ts-mx-14 {
  margin-inline: var(--space-base-14);
}

.ts-my-14 {
  margin-block: var(--space-base-14);
}

.ts-p-14 {
  padding: var(--space-base-14);
}

.ts-pt-14 {
  padding-block-start: var(--space-base-14);
}

.ts-pb-14 {
  padding-block-end: var(--space-base-14);
}

.ts-ps-14 {
  padding-inline-start: var(--space-base-14);
}

.ts-pe-14 {
  padding-inline-end: var(--space-base-14);
}

.ts-px-14 {
  padding-inline: var(--space-base-14);
}

.ts-py-14 {
  padding-block: var(--space-base-14);
}

.ts-gap-14 {
  gap: var(--space-base-14);
}

.ts-row-gap-14 {
  row-gap: var(--space-base-14);
}

.ts-col-gap-14 {
  column-gap: var(--space-base-14);
}

.ts-m-16 {
  margin: var(--space-base-16);
}

.ts-mt-16 {
  margin-block-start: var(--space-base-16);
}

.ts-mb-16 {
  margin-block-end: var(--space-base-16);
}

.ts-ms-16 {
  margin-inline-start: var(--space-base-16);
}

.ts-me-16 {
  margin-inline-end: var(--space-base-16);
}

.ts-mx-16 {
  margin-inline: var(--space-base-16);
}

.ts-my-16 {
  margin-block: var(--space-base-16);
}

.ts-p-16 {
  padding: var(--space-base-16);
}

.ts-pt-16 {
  padding-block-start: var(--space-base-16);
}

.ts-pb-16 {
  padding-block-end: var(--space-base-16);
}

.ts-ps-16 {
  padding-inline-start: var(--space-base-16);
}

.ts-pe-16 {
  padding-inline-end: var(--space-base-16);
}

.ts-px-16 {
  padding-inline: var(--space-base-16);
}

.ts-py-16 {
  padding-block: var(--space-base-16);
}

.ts-gap-16 {
  gap: var(--space-base-16);
}

.ts-row-gap-16 {
  row-gap: var(--space-base-16);
}

.ts-col-gap-16 {
  column-gap: var(--space-base-16);
}

.ts-m-18 {
  margin: var(--space-base-18);
}

.ts-mt-18 {
  margin-block-start: var(--space-base-18);
}

.ts-mb-18 {
  margin-block-end: var(--space-base-18);
}

.ts-ms-18 {
  margin-inline-start: var(--space-base-18);
}

.ts-me-18 {
  margin-inline-end: var(--space-base-18);
}

.ts-mx-18 {
  margin-inline: var(--space-base-18);
}

.ts-my-18 {
  margin-block: var(--space-base-18);
}

.ts-p-18 {
  padding: var(--space-base-18);
}

.ts-pt-18 {
  padding-block-start: var(--space-base-18);
}

.ts-pb-18 {
  padding-block-end: var(--space-base-18);
}

.ts-ps-18 {
  padding-inline-start: var(--space-base-18);
}

.ts-pe-18 {
  padding-inline-end: var(--space-base-18);
}

.ts-px-18 {
  padding-inline: var(--space-base-18);
}

.ts-py-18 {
  padding-block: var(--space-base-18);
}

.ts-gap-18 {
  gap: var(--space-base-18);
}

.ts-row-gap-18 {
  row-gap: var(--space-base-18);
}

.ts-col-gap-18 {
  column-gap: var(--space-base-18);
}

.ts-m-20 {
  margin: var(--space-base-20);
}

.ts-mt-20 {
  margin-block-start: var(--space-base-20);
}

.ts-mb-20 {
  margin-block-end: var(--space-base-20);
}

.ts-ms-20 {
  margin-inline-start: var(--space-base-20);
}

.ts-me-20 {
  margin-inline-end: var(--space-base-20);
}

.ts-mx-20 {
  margin-inline: var(--space-base-20);
}

.ts-my-20 {
  margin-block: var(--space-base-20);
}

.ts-p-20 {
  padding: var(--space-base-20);
}

.ts-pt-20 {
  padding-block-start: var(--space-base-20);
}

.ts-pb-20 {
  padding-block-end: var(--space-base-20);
}

.ts-ps-20 {
  padding-inline-start: var(--space-base-20);
}

.ts-pe-20 {
  padding-inline-end: var(--space-base-20);
}

.ts-px-20 {
  padding-inline: var(--space-base-20);
}

.ts-py-20 {
  padding-block: var(--space-base-20);
}

.ts-gap-20 {
  gap: var(--space-base-20);
}

.ts-row-gap-20 {
  row-gap: var(--space-base-20);
}

.ts-col-gap-20 {
  column-gap: var(--space-base-20);
}

.ts-m-24 {
  margin: var(--space-base-24);
}

.ts-mt-24 {
  margin-block-start: var(--space-base-24);
}

.ts-mb-24 {
  margin-block-end: var(--space-base-24);
}

.ts-ms-24 {
  margin-inline-start: var(--space-base-24);
}

.ts-me-24 {
  margin-inline-end: var(--space-base-24);
}

.ts-mx-24 {
  margin-inline: var(--space-base-24);
}

.ts-my-24 {
  margin-block: var(--space-base-24);
}

.ts-p-24 {
  padding: var(--space-base-24);
}

.ts-pt-24 {
  padding-block-start: var(--space-base-24);
}

.ts-pb-24 {
  padding-block-end: var(--space-base-24);
}

.ts-ps-24 {
  padding-inline-start: var(--space-base-24);
}

.ts-pe-24 {
  padding-inline-end: var(--space-base-24);
}

.ts-px-24 {
  padding-inline: var(--space-base-24);
}

.ts-py-24 {
  padding-block: var(--space-base-24);
}

.ts-gap-24 {
  gap: var(--space-base-24);
}

.ts-row-gap-24 {
  row-gap: var(--space-base-24);
}

.ts-col-gap-24 {
  column-gap: var(--space-base-24);
}

.ts-m-26 {
  margin: var(--space-base-26);
}

.ts-mt-26 {
  margin-block-start: var(--space-base-26);
}

.ts-mb-26 {
  margin-block-end: var(--space-base-26);
}

.ts-ms-26 {
  margin-inline-start: var(--space-base-26);
}

.ts-me-26 {
  margin-inline-end: var(--space-base-26);
}

.ts-mx-26 {
  margin-inline: var(--space-base-26);
}

.ts-my-26 {
  margin-block: var(--space-base-26);
}

.ts-p-26 {
  padding: var(--space-base-26);
}

.ts-pt-26 {
  padding-block-start: var(--space-base-26);
}

.ts-pb-26 {
  padding-block-end: var(--space-base-26);
}

.ts-ps-26 {
  padding-inline-start: var(--space-base-26);
}

.ts-pe-26 {
  padding-inline-end: var(--space-base-26);
}

.ts-px-26 {
  padding-inline: var(--space-base-26);
}

.ts-py-26 {
  padding-block: var(--space-base-26);
}

.ts-gap-26 {
  gap: var(--space-base-26);
}

.ts-row-gap-26 {
  row-gap: var(--space-base-26);
}

.ts-col-gap-26 {
  column-gap: var(--space-base-26);
}

.ts-m-28 {
  margin: var(--space-base-28);
}

.ts-mt-28 {
  margin-block-start: var(--space-base-28);
}

.ts-mb-28 {
  margin-block-end: var(--space-base-28);
}

.ts-ms-28 {
  margin-inline-start: var(--space-base-28);
}

.ts-me-28 {
  margin-inline-end: var(--space-base-28);
}

.ts-mx-28 {
  margin-inline: var(--space-base-28);
}

.ts-my-28 {
  margin-block: var(--space-base-28);
}

.ts-p-28 {
  padding: var(--space-base-28);
}

.ts-pt-28 {
  padding-block-start: var(--space-base-28);
}

.ts-pb-28 {
  padding-block-end: var(--space-base-28);
}

.ts-ps-28 {
  padding-inline-start: var(--space-base-28);
}

.ts-pe-28 {
  padding-inline-end: var(--space-base-28);
}

.ts-px-28 {
  padding-inline: var(--space-base-28);
}

.ts-py-28 {
  padding-block: var(--space-base-28);
}

.ts-gap-28 {
  gap: var(--space-base-28);
}

.ts-row-gap-28 {
  row-gap: var(--space-base-28);
}

.ts-col-gap-28 {
  column-gap: var(--space-base-28);
}

.ts-m-32 {
  margin: var(--space-base-32);
}

.ts-mt-32 {
  margin-block-start: var(--space-base-32);
}

.ts-mb-32 {
  margin-block-end: var(--space-base-32);
}

.ts-ms-32 {
  margin-inline-start: var(--space-base-32);
}

.ts-me-32 {
  margin-inline-end: var(--space-base-32);
}

.ts-mx-32 {
  margin-inline: var(--space-base-32);
}

.ts-my-32 {
  margin-block: var(--space-base-32);
}

.ts-p-32 {
  padding: var(--space-base-32);
}

.ts-pt-32 {
  padding-block-start: var(--space-base-32);
}

.ts-pb-32 {
  padding-block-end: var(--space-base-32);
}

.ts-ps-32 {
  padding-inline-start: var(--space-base-32);
}

.ts-pe-32 {
  padding-inline-end: var(--space-base-32);
}

.ts-px-32 {
  padding-inline: var(--space-base-32);
}

.ts-py-32 {
  padding-block: var(--space-base-32);
}

.ts-gap-32 {
  gap: var(--space-base-32);
}

.ts-row-gap-32 {
  row-gap: var(--space-base-32);
}

.ts-col-gap-32 {
  column-gap: var(--space-base-32);
}

.ts-m-36 {
  margin: var(--space-base-36);
}

.ts-mt-36 {
  margin-block-start: var(--space-base-36);
}

.ts-mb-36 {
  margin-block-end: var(--space-base-36);
}

.ts-ms-36 {
  margin-inline-start: var(--space-base-36);
}

.ts-me-36 {
  margin-inline-end: var(--space-base-36);
}

.ts-mx-36 {
  margin-inline: var(--space-base-36);
}

.ts-my-36 {
  margin-block: var(--space-base-36);
}

.ts-p-36 {
  padding: var(--space-base-36);
}

.ts-pt-36 {
  padding-block-start: var(--space-base-36);
}

.ts-pb-36 {
  padding-block-end: var(--space-base-36);
}

.ts-ps-36 {
  padding-inline-start: var(--space-base-36);
}

.ts-pe-36 {
  padding-inline-end: var(--space-base-36);
}

.ts-px-36 {
  padding-inline: var(--space-base-36);
}

.ts-py-36 {
  padding-block: var(--space-base-36);
}

.ts-gap-36 {
  gap: var(--space-base-36);
}

.ts-row-gap-36 {
  row-gap: var(--space-base-36);
}

.ts-col-gap-36 {
  column-gap: var(--space-base-36);
}

.ts-m-38 {
  margin: var(--space-base-38);
}

.ts-mt-38 {
  margin-block-start: var(--space-base-38);
}

.ts-mb-38 {
  margin-block-end: var(--space-base-38);
}

.ts-ms-38 {
  margin-inline-start: var(--space-base-38);
}

.ts-me-38 {
  margin-inline-end: var(--space-base-38);
}

.ts-mx-38 {
  margin-inline: var(--space-base-38);
}

.ts-my-38 {
  margin-block: var(--space-base-38);
}

.ts-p-38 {
  padding: var(--space-base-38);
}

.ts-pt-38 {
  padding-block-start: var(--space-base-38);
}

.ts-pb-38 {
  padding-block-end: var(--space-base-38);
}

.ts-ps-38 {
  padding-inline-start: var(--space-base-38);
}

.ts-pe-38 {
  padding-inline-end: var(--space-base-38);
}

.ts-px-38 {
  padding-inline: var(--space-base-38);
}

.ts-py-38 {
  padding-block: var(--space-base-38);
}

.ts-gap-38 {
  gap: var(--space-base-38);
}

.ts-row-gap-38 {
  row-gap: var(--space-base-38);
}

.ts-col-gap-38 {
  column-gap: var(--space-base-38);
}

.ts-m-40 {
  margin: var(--space-base-40);
}

.ts-mt-40 {
  margin-block-start: var(--space-base-40);
}

.ts-mb-40 {
  margin-block-end: var(--space-base-40);
}

.ts-ms-40 {
  margin-inline-start: var(--space-base-40);
}

.ts-me-40 {
  margin-inline-end: var(--space-base-40);
}

.ts-mx-40 {
  margin-inline: var(--space-base-40);
}

.ts-my-40 {
  margin-block: var(--space-base-40);
}

.ts-p-40 {
  padding: var(--space-base-40);
}

.ts-pt-40 {
  padding-block-start: var(--space-base-40);
}

.ts-pb-40 {
  padding-block-end: var(--space-base-40);
}

.ts-ps-40 {
  padding-inline-start: var(--space-base-40);
}

.ts-pe-40 {
  padding-inline-end: var(--space-base-40);
}

.ts-px-40 {
  padding-inline: var(--space-base-40);
}

.ts-py-40 {
  padding-block: var(--space-base-40);
}

.ts-gap-40 {
  gap: var(--space-base-40);
}

.ts-row-gap-40 {
  row-gap: var(--space-base-40);
}

.ts-col-gap-40 {
  column-gap: var(--space-base-40);
}

.ts-m-44 {
  margin: var(--space-base-44);
}

.ts-mt-44 {
  margin-block-start: var(--space-base-44);
}

.ts-mb-44 {
  margin-block-end: var(--space-base-44);
}

.ts-ms-44 {
  margin-inline-start: var(--space-base-44);
}

.ts-me-44 {
  margin-inline-end: var(--space-base-44);
}

.ts-mx-44 {
  margin-inline: var(--space-base-44);
}

.ts-my-44 {
  margin-block: var(--space-base-44);
}

.ts-p-44 {
  padding: var(--space-base-44);
}

.ts-pt-44 {
  padding-block-start: var(--space-base-44);
}

.ts-pb-44 {
  padding-block-end: var(--space-base-44);
}

.ts-ps-44 {
  padding-inline-start: var(--space-base-44);
}

.ts-pe-44 {
  padding-inline-end: var(--space-base-44);
}

.ts-px-44 {
  padding-inline: var(--space-base-44);
}

.ts-py-44 {
  padding-block: var(--space-base-44);
}

.ts-gap-44 {
  gap: var(--space-base-44);
}

.ts-row-gap-44 {
  row-gap: var(--space-base-44);
}

.ts-col-gap-44 {
  column-gap: var(--space-base-44);
}

.ts-m-48 {
  margin: var(--space-base-48);
}

.ts-mt-48 {
  margin-block-start: var(--space-base-48);
}

.ts-mb-48 {
  margin-block-end: var(--space-base-48);
}

.ts-ms-48 {
  margin-inline-start: var(--space-base-48);
}

.ts-me-48 {
  margin-inline-end: var(--space-base-48);
}

.ts-mx-48 {
  margin-inline: var(--space-base-48);
}

.ts-my-48 {
  margin-block: var(--space-base-48);
}

.ts-p-48 {
  padding: var(--space-base-48);
}

.ts-pt-48 {
  padding-block-start: var(--space-base-48);
}

.ts-pb-48 {
  padding-block-end: var(--space-base-48);
}

.ts-ps-48 {
  padding-inline-start: var(--space-base-48);
}

.ts-pe-48 {
  padding-inline-end: var(--space-base-48);
}

.ts-px-48 {
  padding-inline: var(--space-base-48);
}

.ts-py-48 {
  padding-block: var(--space-base-48);
}

.ts-gap-48 {
  gap: var(--space-base-48);
}

.ts-row-gap-48 {
  row-gap: var(--space-base-48);
}

.ts-col-gap-48 {
  column-gap: var(--space-base-48);
}

.ts-m-52 {
  margin: var(--space-base-52);
}

.ts-mt-52 {
  margin-block-start: var(--space-base-52);
}

.ts-mb-52 {
  margin-block-end: var(--space-base-52);
}

.ts-ms-52 {
  margin-inline-start: var(--space-base-52);
}

.ts-me-52 {
  margin-inline-end: var(--space-base-52);
}

.ts-mx-52 {
  margin-inline: var(--space-base-52);
}

.ts-my-52 {
  margin-block: var(--space-base-52);
}

.ts-p-52 {
  padding: var(--space-base-52);
}

.ts-pt-52 {
  padding-block-start: var(--space-base-52);
}

.ts-pb-52 {
  padding-block-end: var(--space-base-52);
}

.ts-ps-52 {
  padding-inline-start: var(--space-base-52);
}

.ts-pe-52 {
  padding-inline-end: var(--space-base-52);
}

.ts-px-52 {
  padding-inline: var(--space-base-52);
}

.ts-py-52 {
  padding-block: var(--space-base-52);
}

.ts-gap-52 {
  gap: var(--space-base-52);
}

.ts-row-gap-52 {
  row-gap: var(--space-base-52);
}

.ts-col-gap-52 {
  column-gap: var(--space-base-52);
}

.ts-m-56 {
  margin: var(--space-base-56);
}

.ts-mt-56 {
  margin-block-start: var(--space-base-56);
}

.ts-mb-56 {
  margin-block-end: var(--space-base-56);
}

.ts-ms-56 {
  margin-inline-start: var(--space-base-56);
}

.ts-me-56 {
  margin-inline-end: var(--space-base-56);
}

.ts-mx-56 {
  margin-inline: var(--space-base-56);
}

.ts-my-56 {
  margin-block: var(--space-base-56);
}

.ts-p-56 {
  padding: var(--space-base-56);
}

.ts-pt-56 {
  padding-block-start: var(--space-base-56);
}

.ts-pb-56 {
  padding-block-end: var(--space-base-56);
}

.ts-ps-56 {
  padding-inline-start: var(--space-base-56);
}

.ts-pe-56 {
  padding-inline-end: var(--space-base-56);
}

.ts-px-56 {
  padding-inline: var(--space-base-56);
}

.ts-py-56 {
  padding-block: var(--space-base-56);
}

.ts-gap-56 {
  gap: var(--space-base-56);
}

.ts-row-gap-56 {
  row-gap: var(--space-base-56);
}

.ts-col-gap-56 {
  column-gap: var(--space-base-56);
}

.ts-m-60 {
  margin: var(--space-base-60);
}

.ts-mt-60 {
  margin-block-start: var(--space-base-60);
}

.ts-mb-60 {
  margin-block-end: var(--space-base-60);
}

.ts-ms-60 {
  margin-inline-start: var(--space-base-60);
}

.ts-me-60 {
  margin-inline-end: var(--space-base-60);
}

.ts-mx-60 {
  margin-inline: var(--space-base-60);
}

.ts-my-60 {
  margin-block: var(--space-base-60);
}

.ts-p-60 {
  padding: var(--space-base-60);
}

.ts-pt-60 {
  padding-block-start: var(--space-base-60);
}

.ts-pb-60 {
  padding-block-end: var(--space-base-60);
}

.ts-ps-60 {
  padding-inline-start: var(--space-base-60);
}

.ts-pe-60 {
  padding-inline-end: var(--space-base-60);
}

.ts-px-60 {
  padding-inline: var(--space-base-60);
}

.ts-py-60 {
  padding-block: var(--space-base-60);
}

.ts-gap-60 {
  gap: var(--space-base-60);
}

.ts-row-gap-60 {
  row-gap: var(--space-base-60);
}

.ts-col-gap-60 {
  column-gap: var(--space-base-60);
}

.ts-m-64 {
  margin: var(--space-base-64);
}

.ts-mt-64 {
  margin-block-start: var(--space-base-64);
}

.ts-mb-64 {
  margin-block-end: var(--space-base-64);
}

.ts-ms-64 {
  margin-inline-start: var(--space-base-64);
}

.ts-me-64 {
  margin-inline-end: var(--space-base-64);
}

.ts-mx-64 {
  margin-inline: var(--space-base-64);
}

.ts-my-64 {
  margin-block: var(--space-base-64);
}

.ts-p-64 {
  padding: var(--space-base-64);
}

.ts-pt-64 {
  padding-block-start: var(--space-base-64);
}

.ts-pb-64 {
  padding-block-end: var(--space-base-64);
}

.ts-ps-64 {
  padding-inline-start: var(--space-base-64);
}

.ts-pe-64 {
  padding-inline-end: var(--space-base-64);
}

.ts-px-64 {
  padding-inline: var(--space-base-64);
}

.ts-py-64 {
  padding-block: var(--space-base-64);
}

.ts-gap-64 {
  gap: var(--space-base-64);
}

.ts-row-gap-64 {
  row-gap: var(--space-base-64);
}

.ts-col-gap-64 {
  column-gap: var(--space-base-64);
}

.ts-m-72 {
  margin: var(--space-base-72);
}

.ts-mt-72 {
  margin-block-start: var(--space-base-72);
}

.ts-mb-72 {
  margin-block-end: var(--space-base-72);
}

.ts-ms-72 {
  margin-inline-start: var(--space-base-72);
}

.ts-me-72 {
  margin-inline-end: var(--space-base-72);
}

.ts-mx-72 {
  margin-inline: var(--space-base-72);
}

.ts-my-72 {
  margin-block: var(--space-base-72);
}

.ts-p-72 {
  padding: var(--space-base-72);
}

.ts-pt-72 {
  padding-block-start: var(--space-base-72);
}

.ts-pb-72 {
  padding-block-end: var(--space-base-72);
}

.ts-ps-72 {
  padding-inline-start: var(--space-base-72);
}

.ts-pe-72 {
  padding-inline-end: var(--space-base-72);
}

.ts-px-72 {
  padding-inline: var(--space-base-72);
}

.ts-py-72 {
  padding-block: var(--space-base-72);
}

.ts-gap-72 {
  gap: var(--space-base-72);
}

.ts-row-gap-72 {
  row-gap: var(--space-base-72);
}

.ts-col-gap-72 {
  column-gap: var(--space-base-72);
}

.ts-m-80 {
  margin: var(--space-base-80);
}

.ts-mt-80 {
  margin-block-start: var(--space-base-80);
}

.ts-mb-80 {
  margin-block-end: var(--space-base-80);
}

.ts-ms-80 {
  margin-inline-start: var(--space-base-80);
}

.ts-me-80 {
  margin-inline-end: var(--space-base-80);
}

.ts-mx-80 {
  margin-inline: var(--space-base-80);
}

.ts-my-80 {
  margin-block: var(--space-base-80);
}

.ts-p-80 {
  padding: var(--space-base-80);
}

.ts-pt-80 {
  padding-block-start: var(--space-base-80);
}

.ts-pb-80 {
  padding-block-end: var(--space-base-80);
}

.ts-ps-80 {
  padding-inline-start: var(--space-base-80);
}

.ts-pe-80 {
  padding-inline-end: var(--space-base-80);
}

.ts-px-80 {
  padding-inline: var(--space-base-80);
}

.ts-py-80 {
  padding-block: var(--space-base-80);
}

.ts-gap-80 {
  gap: var(--space-base-80);
}

.ts-row-gap-80 {
  row-gap: var(--space-base-80);
}

.ts-col-gap-80 {
  column-gap: var(--space-base-80);
}

.ts-m-96 {
  margin: var(--space-base-96);
}

.ts-mt-96 {
  margin-block-start: var(--space-base-96);
}

.ts-mb-96 {
  margin-block-end: var(--space-base-96);
}

.ts-ms-96 {
  margin-inline-start: var(--space-base-96);
}

.ts-me-96 {
  margin-inline-end: var(--space-base-96);
}

.ts-mx-96 {
  margin-inline: var(--space-base-96);
}

.ts-my-96 {
  margin-block: var(--space-base-96);
}

.ts-p-96 {
  padding: var(--space-base-96);
}

.ts-pt-96 {
  padding-block-start: var(--space-base-96);
}

.ts-pb-96 {
  padding-block-end: var(--space-base-96);
}

.ts-ps-96 {
  padding-inline-start: var(--space-base-96);
}

.ts-pe-96 {
  padding-inline-end: var(--space-base-96);
}

.ts-px-96 {
  padding-inline: var(--space-base-96);
}

.ts-py-96 {
  padding-block: var(--space-base-96);
}

.ts-gap-96 {
  gap: var(--space-base-96);
}

.ts-row-gap-96 {
  row-gap: var(--space-base-96);
}

.ts-col-gap-96 {
  column-gap: var(--space-base-96);
}

.ts-m-100 {
  margin: var(--space-base-100);
}

.ts-mt-100 {
  margin-block-start: var(--space-base-100);
}

.ts-mb-100 {
  margin-block-end: var(--space-base-100);
}

.ts-ms-100 {
  margin-inline-start: var(--space-base-100);
}

.ts-me-100 {
  margin-inline-end: var(--space-base-100);
}

.ts-mx-100 {
  margin-inline: var(--space-base-100);
}

.ts-my-100 {
  margin-block: var(--space-base-100);
}

.ts-p-100 {
  padding: var(--space-base-100);
}

.ts-pt-100 {
  padding-block-start: var(--space-base-100);
}

.ts-pb-100 {
  padding-block-end: var(--space-base-100);
}

.ts-ps-100 {
  padding-inline-start: var(--space-base-100);
}

.ts-pe-100 {
  padding-inline-end: var(--space-base-100);
}

.ts-px-100 {
  padding-inline: var(--space-base-100);
}

.ts-py-100 {
  padding-block: var(--space-base-100);
}

.ts-gap-100 {
  gap: var(--space-base-100);
}

.ts-row-gap-100 {
  row-gap: var(--space-base-100);
}

.ts-col-gap-100 {
  column-gap: var(--space-base-100);
}

.ts-m-120 {
  margin: var(--space-base-120);
}

.ts-mt-120 {
  margin-block-start: var(--space-base-120);
}

.ts-mb-120 {
  margin-block-end: var(--space-base-120);
}

.ts-ms-120 {
  margin-inline-start: var(--space-base-120);
}

.ts-me-120 {
  margin-inline-end: var(--space-base-120);
}

.ts-mx-120 {
  margin-inline: var(--space-base-120);
}

.ts-my-120 {
  margin-block: var(--space-base-120);
}

.ts-p-120 {
  padding: var(--space-base-120);
}

.ts-pt-120 {
  padding-block-start: var(--space-base-120);
}

.ts-pb-120 {
  padding-block-end: var(--space-base-120);
}

.ts-ps-120 {
  padding-inline-start: var(--space-base-120);
}

.ts-pe-120 {
  padding-inline-end: var(--space-base-120);
}

.ts-px-120 {
  padding-inline: var(--space-base-120);
}

.ts-py-120 {
  padding-block: var(--space-base-120);
}

.ts-gap-120 {
  gap: var(--space-base-120);
}

.ts-row-gap-120 {
  row-gap: var(--space-base-120);
}

.ts-col-gap-120 {
  column-gap: var(--space-base-120);
}

.ts-m-144 {
  margin: var(--space-base-144);
}

.ts-mt-144 {
  margin-block-start: var(--space-base-144);
}

.ts-mb-144 {
  margin-block-end: var(--space-base-144);
}

.ts-ms-144 {
  margin-inline-start: var(--space-base-144);
}

.ts-me-144 {
  margin-inline-end: var(--space-base-144);
}

.ts-mx-144 {
  margin-inline: var(--space-base-144);
}

.ts-my-144 {
  margin-block: var(--space-base-144);
}

.ts-p-144 {
  padding: var(--space-base-144);
}

.ts-pt-144 {
  padding-block-start: var(--space-base-144);
}

.ts-pb-144 {
  padding-block-end: var(--space-base-144);
}

.ts-ps-144 {
  padding-inline-start: var(--space-base-144);
}

.ts-pe-144 {
  padding-inline-end: var(--space-base-144);
}

.ts-px-144 {
  padding-inline: var(--space-base-144);
}

.ts-py-144 {
  padding-block: var(--space-base-144);
}

.ts-gap-144 {
  gap: var(--space-base-144);
}

.ts-row-gap-144 {
  row-gap: var(--space-base-144);
}

.ts-col-gap-144 {
  column-gap: var(--space-base-144);
}

.ts-m-150 {
  margin: var(--space-base-150);
}

.ts-mt-150 {
  margin-block-start: var(--space-base-150);
}

.ts-mb-150 {
  margin-block-end: var(--space-base-150);
}

.ts-ms-150 {
  margin-inline-start: var(--space-base-150);
}

.ts-me-150 {
  margin-inline-end: var(--space-base-150);
}

.ts-mx-150 {
  margin-inline: var(--space-base-150);
}

.ts-my-150 {
  margin-block: var(--space-base-150);
}

.ts-p-150 {
  padding: var(--space-base-150);
}

.ts-pt-150 {
  padding-block-start: var(--space-base-150);
}

.ts-pb-150 {
  padding-block-end: var(--space-base-150);
}

.ts-ps-150 {
  padding-inline-start: var(--space-base-150);
}

.ts-pe-150 {
  padding-inline-end: var(--space-base-150);
}

.ts-px-150 {
  padding-inline: var(--space-base-150);
}

.ts-py-150 {
  padding-block: var(--space-base-150);
}

.ts-gap-150 {
  gap: var(--space-base-150);
}

.ts-row-gap-150 {
  row-gap: var(--space-base-150);
}

.ts-col-gap-150 {
  column-gap: var(--space-base-150);
}

.ts-m-160 {
  margin: var(--space-base-160);
}

.ts-mt-160 {
  margin-block-start: var(--space-base-160);
}

.ts-mb-160 {
  margin-block-end: var(--space-base-160);
}

.ts-ms-160 {
  margin-inline-start: var(--space-base-160);
}

.ts-me-160 {
  margin-inline-end: var(--space-base-160);
}

.ts-mx-160 {
  margin-inline: var(--space-base-160);
}

.ts-my-160 {
  margin-block: var(--space-base-160);
}

.ts-p-160 {
  padding: var(--space-base-160);
}

.ts-pt-160 {
  padding-block-start: var(--space-base-160);
}

.ts-pb-160 {
  padding-block-end: var(--space-base-160);
}

.ts-ps-160 {
  padding-inline-start: var(--space-base-160);
}

.ts-pe-160 {
  padding-inline-end: var(--space-base-160);
}

.ts-px-160 {
  padding-inline: var(--space-base-160);
}

.ts-py-160 {
  padding-block: var(--space-base-160);
}

.ts-gap-160 {
  gap: var(--space-base-160);
}

.ts-row-gap-160 {
  row-gap: var(--space-base-160);
}

.ts-col-gap-160 {
  column-gap: var(--space-base-160);
}

.ts-m-auto {
  margin: auto;
}

.ts-mx-auto {
  margin-inline: auto;
}

.ts-my-auto {
  margin-block: auto;
}

.ts-mt-auto {
  margin-block-start: auto;
}

.ts-mb-auto {
  margin-block-end: auto;
}

.ts-ms-auto {
  margin-inline-start: auto;
}

.ts-me-auto {
  margin-inline-end: auto;
}

/*

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
STEP 1: ENABLE IN abstracts/_config.scss
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  $enable-margin-padding-utilities: true;

  // For responsive variants (doubles CSS output):
  $enable-responsive-margin-padding: true;

  // For fluid spacing clamp utilities:
  $enable-fluid-spacing-utilities: true;

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
STEP 2: HTML LOAD ORDER (Critical)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  <!-- Load Bootstrap first, theme system second -->
  <link rel="stylesheet" href="bootstrap.min.css">
  <link rel="stylesheet" href="theme-system.css">

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
STEP 3: USE IN HTML
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Works alongside Bootstrap classes with no conflicts:

  <!-- Bootstrap column layout + our spacing -->
  <div class="col-md-6 ts-px-24 ts-py-16">...</div>

  <!-- Bootstrap card component + our margin -->
  <div class="card ts-mb-32">...</div>

  <!-- Bootstrap button + our margin -->
  <button class="btn btn-primary ts-mt-16">Submit</button>

  <!-- Centering an element -->
  <div class="ts-mx-auto" style="max-width: 800px;">...</div>

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CLASS REFERENCE TABLE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  PREFIX   DIRECTION   SIZE    →  CSS PROPERTY
  ──────   ─────────   ────    ── ────────────────────────────────────
  ts-      m           -4      →  margin: var(--space-base-4)   [4px]
  ts-      mt          -8      →  margin-block-start: ...       [8px]
  ts-      mb          -12     →  margin-block-end: ...        [12px]
  ts-      ms          -16     →  margin-inline-start: ...     [16px]
  ts-      me          -24     →  margin-inline-end: ...       [24px]
  ts-      mx          -32     →  margin-inline: ...           [32px]
  ts-      my          -48     →  margin-block: ...            [48px]

  ts-      p           -4      →  padding: var(--space-base-4)  [4px]
  ts-      pt          -8      →  padding-block-start: ...      [8px]
  ts-      pb          -12     →  padding-block-end: ...       [12px]
  ts-      ps          -16     →  padding-inline-start: ...    [16px]
  ts-      pe          -24     →  padding-inline-end: ...      [24px]
  ts-      px          -32     →  padding-inline: ...          [32px]
  ts-      py          -48     →  padding-block: ...           [48px]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
RESPONSIVE CLASS REFERENCE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Bootstrap:  .mt-md-3        →  Ours: .ts-mt-tablet-16
  Bootstrap:  .px-lg-4        →  Ours: .ts-px-laptop-24
  Bootstrap:  .py-xl-5        →  Ours: .ts-py-desktop-32

  BREAKPOINTS:
  ┌──────────┬─────────┬────────┐
  │ Name     │ px      │ em     │
  ├──────────┼─────────┼────────┤
  │ mobile   │ 480px   │ 30em   │
  │ tablet   │ 768px   │ 48em   │
  │ laptop   │ 1024px  │ 64em   │
  │ desktop  │ 1200px  │ 75em   │
  └──────────┴─────────┴────────┘

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
NEGATIVE MARGIN REFERENCE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Bootstrap:  .mt-n3          →  Ours: .ts-mt-n16
  Bootstrap:  .mb-n2          →  Ours: .ts-mb-n8

  Required config: $enable-negative-margins: true;

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
RECOMMENDED: USE CSS VARIABLES DIRECTLY (Best Performance)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  .my-component {
    margin: var(--space-base-16);
    padding-block: var(--space-base-24);
    padding-inline: var(--space-base-32);
  }

  Use utility classes only for:
  - Rapid prototyping
  - Migrating from Bootstrap or Tailwind
  - Projects that avoid writing custom CSS

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PERFORMANCE SUMMARY
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Disabled (default) →  0 classes generated, zero CSS overhead
  Enabled            →  ~200 classes generated
  Enabled + responsive → ~400 classes generated
  Fluid Enabled      →  ~350 classes generated

*/
:root {
  --section-shape-primary: var(--clr-primary-op-25);
  --section-shape-accent: var(--clr-accent-op-25);
  --section-shape-secondary: var(--clr-secondary-op-25);
  --section-diagonal-bg: var(--clr-neutral-300);
  --section-diagonal-alt: var(--clr-primary-op-15);
  --section-pattern-color: var(--clr-neutral-500);
  --section-pattern-opacity: 0.45;
  --section-grid-color: var(--clr-neutral-500);
  --section-grid-opacity: 0.07;
  --section-fade-color: var(--clr-bg);
  --section-fade-alt: var(--clr-bg-alt);
  --section-mesh-opacity: 0.75;
  --section-orb-opacity: 0.7;
  --section-image-tint: rgba(255, 255, 255, 0.82);
  --section-bg-image: none;
}

[data-theme=dark] {
  --section-shape-primary: var(--clr-primary-op-15);
  --section-shape-accent: var(--clr-accent-op-15);
  --section-shape-secondary: var(--clr-secondary-op-15);
  --section-diagonal-bg: var(--clr-bg-alt);
  --section-diagonal-alt: var(--clr-primary-op-10);
  --section-pattern-color: var(--clr-neutral-600);
  --section-pattern-opacity: 0.08;
  --section-grid-color: var(--clr-neutral-600);
  --section-grid-opacity: 0.04;
  --section-fade-color: var(--clr-bg);
  --section-fade-alt: var(--clr-bg-alt);
  --section-mesh-opacity: 0.3;
  --section-orb-opacity: 0.08;
  --section-image-tint: rgba(11, 17, 32, 0.85);
  --section-bg-image: none;
}

@keyframes slrs-bg-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  33% {
    transform: translate3d(10px, -15px, 0);
  }
  66% {
    transform: translate3d(-7px, 10px, 0);
  }
}
@keyframes slrs-bg-float-slow {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-8px, -12px, 0);
  }
}
@keyframes slrs-bg-float-gentle {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(10px, -12px, 0);
  }
  50% {
    transform: translate3d(-5px, 8px, 0);
  }
  75% {
    transform: translate3d(7px, -5px, 0);
  }
}
@keyframes slrs-bg-gradient-shift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-25%, 0, 0);
  }
}
@keyframes slrs-bg-shimmer {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(200%, 0, 0);
  }
}
@keyframes slrs-bg-scroll-bounce {
  0%, 100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(-50%, 14px, 0);
    opacity: 0.3;
  }
}
@keyframes slrs-bg-badge-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -8px, 0);
  }
}
@keyframes slrs-bg-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes slrs-bg-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes slrs-bg-ring-pulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.slrs-section-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  contain: strict;
}

.slrs-section-bg__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--section-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--section-grid-color) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: var(--section-grid-opacity, 0.07);
  pointer-events: none;
}

.slrs-section-bg__pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--section-pattern-color) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: var(--section-pattern-opacity, 0.45);
  pointer-events: none;
}

.slrs-section-bg__diagonal {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: var(--section-diagonal-bg);
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}
@media (max-width: 61.98em) {
  .slrs-section-bg__diagonal {
    display: none;
  }
}

.slrs-section-bg__gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, transparent 0%, var(--section-fade-color) 100%);
  pointer-events: none;
}

.slrs-section-bg__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='rgba(255,255,255,0.04)' d='M0,40 C360,100 720,0 1080,60 C1260,90 1380,50 1440,40 L1440,100 L0,100 Z'/%3E%3C/svg%3E") center/cover no-repeat;
  pointer-events: none;
}

.slrs-section-bg__lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent, transparent 120px, var(--clr-white-op-5) 120px, var(--clr-white-op-5) calc(120px + 1px));
}

.slrs-section-bg__image {
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.slrs-section-bg__overlay {
  position: absolute;
  inset: 0;
  background: var(--section-image-tint);
  pointer-events: none;
}

.slrs-section-bg__aurora {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, transparent 40%), linear-gradient(225deg, var(--clr-accent-op-10) 0%, transparent 40%), linear-gradient(315deg, var(--clr-secondary-op-10) 0%, transparent 50%);
  opacity: var(--section-mesh-opacity, 0.75);
  pointer-events: none;
}

.slrs-section-bg__grain {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
  opacity: 0.04;
  pointer-events: none;
}

[data-bg-preset] {
  position: relative;
  overflow: hidden;
  background-color: var(--section-bg-color, inherit);
}
[data-bg-preset] > .container, [data-bg-preset] > [class*=container] {
  position: relative;
  z-index: 10;
}

[data-bg-preset=light] .slrs-section-bg__orb {
  position: absolute;
  pointer-events: none;
  border-radius: var(--radius-full, 50%);
  width: 260px;
  height: 260px;
  background: var(--section-shape-primary);
  opacity: var(--section-orb-opacity, 0.7);
}
@media (max-width: 991.98px) {
  [data-bg-preset=light] .slrs-section-bg__orb {
    opacity: 0.05;
  }
}
@media (min-width: 992px) {
  [data-bg-preset=light] .slrs-section-bg__orb {
    animation: slrs-bg-float-slow 40s ease-in-out infinite 0s normal;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
[data-bg-preset=light] .slrs-section-bg__orb--1 {
  top: -150px;
  right: -120px;
  width: 420px;
  height: 420px;
  background: var(--section-shape-primary);
}
@media (max-width: 47.98em) {
  [data-bg-preset=light] .slrs-section-bg__orb--1 {
    width: 240px;
    height: 240px;
    top: -70px;
    right: -70px;
  }
}
[data-bg-preset=light] .slrs-section-bg__orb--2 {
  bottom: -70px;
  left: -70px;
  width: 360px;
  height: 360px;
  background: var(--section-shape-accent);
}
@media (min-width: 992px) {
  [data-bg-preset=light] .slrs-section-bg__orb--2 {
    animation: slrs-bg-float-slow 30s ease-in-out infinite 0s reverse;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 47.98em) {
  [data-bg-preset=light] .slrs-section-bg__orb--2 {
    width: 200px;
    height: 200px;
  }
}
[data-bg-preset=light] .slrs-section-bg__orb--3 {
  top: 40%;
  left: 50%;
  width: 240px;
  height: 240px;
  background: var(--section-shape-secondary);
}
@media (max-width: 61.98em) {
  [data-bg-preset=light] .slrs-section-bg__orb--3 {
    display: none;
  }
}
[data-bg-preset=light] .slrs-section-bg__pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--section-pattern-color) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: var(--section-pattern-opacity, 0.45);
  pointer-events: none;
}
[data-bg-preset=light] .slrs-section-bg__diagonal {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: var(--section-diagonal-bg);
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}
@media (max-width: 61.98em) {
  [data-bg-preset=light] .slrs-section-bg__diagonal {
    display: none;
  }
}
[data-bg-preset=light] .slrs-section-bg__gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, transparent 0%, var(--section-fade-color) 100%);
  pointer-events: none;
}

[data-bg-preset=mesh] .slrs-section-bg__mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 50% at 20% 40%, var(--clr-primary-op-10) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 20%, var(--clr-accent-op-10) 0%, transparent 50%), radial-gradient(ellipse 50% 60% at 60% 80%, var(--clr-secondary-op-10) 0%, transparent 50%);
  opacity: var(--section-mesh-opacity, 0.75);
  pointer-events: none;
}
[data-bg-preset=mesh] .slrs-section-bg__orb {
  position: absolute;
  pointer-events: none;
  border-radius: var(--radius-full, 50%);
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, var(--section-shape-primary) 0%, transparent 70%);
  opacity: var(--section-orb-opacity, 0.7);
}
@media (max-width: 991.98px) {
  [data-bg-preset=mesh] .slrs-section-bg__orb {
    opacity: 0.07;
  }
}
@media (min-width: 992px) {
  [data-bg-preset=mesh] .slrs-section-bg__orb {
    animation: slrs-bg-float 40s ease-in-out infinite 0s normal;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
[data-bg-preset=mesh] .slrs-section-bg__orb--1 {
  top: -10%;
  right: -5%;
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, var(--section-shape-primary) 0%, transparent 70%);
}
@media (max-width: 47.98em) {
  [data-bg-preset=mesh] .slrs-section-bg__orb--1 {
    width: 200px;
    height: 200px;
  }
}
[data-bg-preset=mesh] .slrs-section-bg__orb--2 {
  bottom: -15%;
  left: -10%;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, var(--section-shape-accent) 0%, transparent 70%);
}
@media (min-width: 992px) {
  [data-bg-preset=mesh] .slrs-section-bg__orb--2 {
    animation: slrs-bg-float 30s ease-in-out infinite -8s reverse;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 47.98em) {
  [data-bg-preset=mesh] .slrs-section-bg__orb--2 {
    width: 250px;
    height: 250px;
  }
}
[data-bg-preset=mesh] .slrs-section-bg__orb--3 {
  top: 40%;
  left: 30%;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, var(--section-shape-secondary) 0%, transparent 70%);
}
@media (min-width: 992px) {
  [data-bg-preset=mesh] .slrs-section-bg__orb--3 {
    animation: slrs-bg-float 40s ease-in-out infinite -15s normal;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 61.98em) {
  [data-bg-preset=mesh] .slrs-section-bg__orb--3 {
    display: none;
  }
}
[data-bg-preset=mesh] .slrs-section-bg__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--section-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--section-grid-color) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: var(--section-grid-opacity, 0.07);
  pointer-events: none;
}
[data-bg-preset=mesh] .slrs-section-bg__gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250px;
  background: linear-gradient(180deg, transparent 0%, var(--section-fade-color) 100%);
  pointer-events: none;
}

[data-bg-preset=hero] .slrs-section-bg__mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 80% at 0% 50%, var(--clr-white-op-10) 0%, transparent 50%), radial-gradient(ellipse 60% 60% at 100% 30%, var(--clr-accent-op-15) 0%, transparent 50%), radial-gradient(ellipse 40% 50% at 50% 100%, var(--clr-white-op-10) 0%, transparent 50%);
  opacity: 0.6;
  pointer-events: none;
}
[data-bg-preset=hero] .slrs-section-bg__orb {
  position: absolute;
  pointer-events: none;
  border-radius: var(--radius-full, 50%);
  width: 300px;
  height: 300px;
  background: var(--clr-white);
  opacity: 0.06;
}
@media (max-width: 991.98px) {
  [data-bg-preset=hero] .slrs-section-bg__orb {
    opacity: calc(0.06 * 0.5);
  }
}
@media (min-width: 992px) {
  [data-bg-preset=hero] .slrs-section-bg__orb {
    animation: slrs-bg-float-gentle 40s ease-in-out infinite 0s normal;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
[data-bg-preset=hero] .slrs-section-bg__orb--1 {
  top: -100px;
  right: -50px;
  width: 340px;
  height: 340px;
}
@media (max-width: 47.98em) {
  [data-bg-preset=hero] .slrs-section-bg__orb--1 {
    width: 200px;
    height: 200px;
    top: -70px;
    right: -35px;
  }
}
[data-bg-preset=hero] .slrs-section-bg__orb--2 {
  bottom: -70px;
  left: -70px;
  width: 280px;
  height: 280px;
}
@media (min-width: 992px) {
  [data-bg-preset=hero] .slrs-section-bg__orb--2 {
    animation: slrs-bg-float-gentle 40s ease-in-out infinite -8s reverse;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 47.98em) {
  [data-bg-preset=hero] .slrs-section-bg__orb--2 {
    width: 160px;
    height: 160px;
  }
}
[data-bg-preset=hero] .slrs-section-bg__orb--3 {
  top: 40%;
  left: 35%;
  width: 140px;
  height: 140px;
  opacity: 0.03;
}
@media (min-width: 992px) {
  [data-bg-preset=hero] .slrs-section-bg__orb--3 {
    animation: slrs-bg-float-gentle 40s ease-in-out infinite -15s normal;
    will-change: transform;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 61.98em) {
  [data-bg-preset=hero] .slrs-section-bg__orb--3 {
    display: none;
  }
}
[data-bg-preset=hero] .slrs-section-bg__pattern {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='1.5' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E");
  background-size: 32px 32px;
  pointer-events: none;
}
[data-bg-preset=hero] .slrs-section-bg__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='rgba(255,255,255,0.04)' d='M0,40 C360,100 720,0 1080,60 C1260,90 1380,50 1440,40 L1440,100 L0,100 Z'/%3E%3C/svg%3E") center/cover no-repeat;
  pointer-events: none;
}

[data-bg-preset=stats] .slrs-section-bg__orb {
  position: absolute;
  pointer-events: none;
  border-radius: var(--radius-full, 50%);
  width: clamp(160px, 25vw, 320px);
  height: clamp(160px, 25vw, 320px);
  background: radial-gradient(circle, var(--clr-white-op-15) 0%, transparent 70%);
}
@media (max-width: 991.98px) {
  [data-bg-preset=stats] .slrs-section-bg__orb {
    opacity: 0.35;
  }
}
[data-bg-preset=stats] .slrs-section-bg__orb--1 {
  top: -20%;
  left: 10%;
}
[data-bg-preset=stats] .slrs-section-bg__orb--2 {
  bottom: -30%;
  right: 15%;
  width: clamp(200px, 28vw, 380px);
  height: clamp(200px, 28vw, 380px);
  opacity: 0.6;
}
[data-bg-preset=stats] .slrs-section-bg__orb--3 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: clamp(240px, 32vw, 460px);
  height: clamp(240px, 32vw, 460px);
  opacity: 0.22;
}
[data-bg-preset=stats] .slrs-section-bg__pattern {
  position: absolute;
  inset: 0;
  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%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");
  background-size: 60px 60px;
  pointer-events: none;
}
[data-bg-preset=stats] .slrs-section-bg__lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent, transparent 120px, var(--clr-white-op-5) 120px, var(--clr-white-op-5) calc(120px + 1px));
}

[data-bg-preset=minimal] .slrs-section-bg__mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 50% at 20% 40%, var(--clr-primary-op-10) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 20%, var(--clr-accent-op-10) 0%, transparent 50%), radial-gradient(ellipse 50% 60% at 60% 80%, var(--clr-secondary-op-10) 0%, transparent 50%);
  opacity: var(--section-mesh-opacity, 0.75);
  pointer-events: none;
  opacity: calc(var(--section-mesh-opacity, 0.75) * 0.7);
}
[data-bg-preset=minimal] .slrs-section-bg__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--section-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--section-grid-color) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: var(--section-grid-opacity, 0.07);
  pointer-events: none;
  opacity: calc(var(--section-grid-opacity, 0.07) * 0.5);
}

[data-bg-preset=aurora] .slrs-section-bg__aurora {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, transparent 40%), linear-gradient(225deg, var(--clr-accent-op-10) 0%, transparent 40%), linear-gradient(315deg, var(--clr-secondary-op-10) 0%, transparent 50%);
  opacity: var(--section-mesh-opacity, 0.75);
  pointer-events: none;
}
[data-bg-preset=aurora] .slrs-section-bg__pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--section-pattern-color) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: var(--section-pattern-opacity, 0.45);
  pointer-events: none;
  opacity: calc(var(--section-pattern-opacity, 0.45) * 0.6);
}
[data-bg-preset=aurora] .slrs-section-bg__gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, transparent 0%, var(--section-fade-color) 100%);
  pointer-events: none;
}

[data-bg-preset=grain] .slrs-section-bg__grain {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
  opacity: 0.035;
  pointer-events: none;
}
[data-bg-preset=grain] .slrs-section-bg__mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 50% at 20% 40%, var(--clr-primary-op-10) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 20%, var(--clr-accent-op-10) 0%, transparent 50%), radial-gradient(ellipse 50% 60% at 60% 80%, var(--clr-secondary-op-10) 0%, transparent 50%);
  opacity: var(--section-mesh-opacity, 0.75);
  pointer-events: none;
  opacity: calc(var(--section-mesh-opacity, 0.75) * 0.5);
}
[data-bg-preset=grain] .slrs-section-bg__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--section-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--section-grid-color) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: var(--section-grid-opacity, 0.07);
  pointer-events: none;
  opacity: calc(var(--section-grid-opacity, 0.07) * 0.4);
}

[data-bg-preset=image] .slrs-section-bg__image {
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: 0;
  right: 0;
  background-image: var(--section-bg-image);
  background-size: cover;
  opacity: var(--section-image-opacity, 1);
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
[data-bg-preset=image] .slrs-section-bg__overlay {
  position: absolute;
  inset: 0;
  background: var(--section-image-tint);
  pointer-events: none;
  z-index: 2;
}
[data-bg-preset=image] .slrs-section-bg__pattern, [data-bg-preset=image] .slrs-section-bg__grid, [data-bg-preset=image] .slrs-section-bg__mesh,
[data-bg-preset=image] .slrs-section-bg__diagonal, [data-bg-preset=image] .slrs-section-bg__gradient, [data-bg-preset=image] .slrs-section-bg__wave,
[data-bg-preset=image] .slrs-section-bg__lines {
  z-index: 3;
}

[data-bg-preset=white] {
  background-color: var(--clr-white);
  color: var(--clr-text);
  --section-text-muted: var(--clr-text-muted);
}
[data-theme=dark] [data-bg-preset=white] {
  background-color: var(--clr-surface-void);
}

[data-bg-preset=alt] {
  background-color: var(--clr-bg-alt);
  color: var(--clr-text);
  --section-text-muted: var(--clr-text-muted);
}

[data-theme=dark] .slrs-section-bg__mesh {
  opacity: 0.3;
}
[data-theme=dark] .slrs-section-bg__orb {
  opacity: 0.08;
}
[data-theme=dark] .slrs-section-bg__grid {
  background-image: linear-gradient(var(--clr-neutral-600) 1px, transparent 1px), linear-gradient(90deg, var(--clr-neutral-600) 1px, transparent 1px);
  opacity: 0.04;
}
[data-theme=dark] .slrs-section-bg__pattern {
  background-image: radial-gradient(var(--clr-neutral-600) 1px, transparent 1px);
  opacity: 0.08;
}
[data-theme=dark] .slrs-section-bg__diagonal {
  background: var(--clr-bg-alt);
}
[data-theme=dark] .slrs-section-bg__gradient {
  background: linear-gradient(180deg, transparent 0%, var(--clr-bg) 100%);
}
[data-theme=dark] [data-bg-preset=mesh] .slrs-section-bg__orb--1 {
  background: radial-gradient(circle, var(--clr-primary-op-20) 0%, transparent 70%);
}
[data-theme=dark] [data-bg-preset=mesh] .slrs-section-bg__orb--2 {
  background: radial-gradient(circle, var(--clr-accent-op-15) 0%, transparent 70%);
}
[data-theme=dark] [data-bg-preset=mesh] .slrs-section-bg__orb--3 {
  background: radial-gradient(circle, var(--clr-secondary-op-15) 0%, transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-section-bg__orb, .slrs-section-bg__mesh, .slrs-section-bg__gradient-animation {
    animation: none !important;
    will-change: auto !important;
  }
  [data-bg-preset] .slrs-section-bg * {
    animation: none !important;
    will-change: auto !important;
  }
}
@media (max-width: 991.98px) {
  .slrs-section-bg__orb, .slrs-stats__bg-glow {
    animation: none !important;
    will-change: auto !important;
  }
}
/*
// main.scss - Load everything with one line:
@use 'abstracts' as abs;

// ─────────────────────────────────────────────────────────────────────
// USING CSS VARIABLES (works everywhere)
// ─────────────────────────────────────────────────────────────────────
.card {
    background: var(--clr-white);
    color: var(--clr-text);
    padding: var(--space-lg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);

    &:hover {
        box-shadow: var(--shadow-lg);
    }
}

.button {
    background: var(--clr-primary);
    color: var(--clr-white);
    padding: var(--space-sm) var(--space-lg);
    border-radius: var(--radius-md);
    transition: all var(--duration-normal) var(--ease-smooth);

    &:hover {
        background: var(--clr-primary-dark);
    }
}

// ─────────────────────────────────────────────────────────────────────
// USING GRID MIXINS (when utilities are disabled)
// ─────────────────────────────────────────────────────────────────────
.hero {
    @include abs.c-container('lg');
}

.hero-content {
    @include abs.c-row('lg');
}

.hero-text {
    @include abs.c-col(12);
    @include abs.respond-up('md') {
        @include abs.c-col(6);
    }
}

// ─────────────────────────────────────────────────────────────────────
// USING UTILITY CLASSES (when utilities are enabled)
// ─────────────────────────────────────────────────────────────────────
// In HTML:
// <div class="c-container-lg">
//   <div class="c-row c-g-lg c-align-center">
//     <div class="c-col-12 c-col-md-6">
//       <h1>Hero Title</h1>
//     </div>
//     <div class="c-col-12 c-col-md-6">
//       <img src="hero.jpg" alt="">
//     </div>
//   </div>
// </div>

// ─────────────────────────────────────────────────────────────────────
// USING FUNCTIONS
// ─────────────────────────────────────────────────────────────────────
.modal {
    z-index: abs.z('modal');                        // 1050
    padding: abs.to-rem(24px);                      // 1.5rem
    transition: all 0.3s abs.ease('out-cubic');      // cubic-bezier(...)
}

// ─────────────────────────────────────────────────────────────────────
// USING THEME GETTER FUNCTIONS
// ─────────────────────────────────────────────────────────────────────
.custom-element {
    // Get color for Sass calculations
    $primary: abs.get-color("primary");
    box-shadow: 0 4px 20px rgba($primary, 0.3);

    // Check contrast
    @if abs.meets-contrast($primary, #ffffff, "AA") {
        color: #ffffff;
    }
}
*/
html {
  font-family: var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-size: 100%;
  line-height: var(--lh-body, 1.5);
  color: var(--clr-text);
  background-color: var(--clr-bg);
  color-scheme: light dark;
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto !important;
}
@media (min-width: 992px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
}

body {
  font-family: inherit;
  color: inherit;
  background-color: inherit;
  font-size: var(--ffs-base, 1rem);
  font-weight: var(--fw-regular, 400);
  line-height: var(--lh-body, 1.5);
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.slrs-page-wrapper {
  position: relative;
  width: 100%;
  overflow-x: clip;
}

:focus {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: var(--focus-ring, 2px solid var(--clr-primary));
  outline-offset: var(--focus-offset, 2px);
}

body.is-locked {
  overflow: hidden;
}

.is-animating {
  will-change: transform, opacity;
}

::selection {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

::-moz-selection {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a,
li a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
span a:hover,
li a:hover {
  color: var(--clr-link);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
p a:visited,
span a:visited,
li a:visited {
  color: inherit;
}

.prose a,
.content a,
.slrs-content a {
  color: var(--clr-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.prose a:hover,
.content a:hover,
.slrs-content a:hover {
  color: var(--clr-link-hover);
  text-decoration-thickness: 2px;
}
.prose a:visited,
.content a:visited,
.slrs-content a:visited {
  color: var(--clr-link);
}

p {
  color: var(--clr-text-dune);
  line-height: var(--lh-relaxed, 1.625);
  margin-block-end: var(--space-sm);
}
@media (min-width: 62em) {
  p {
    line-height: var(--lh-loose, 1.75);
  }
}
p.lead, p.slrs-lead {
  font-size: var(--ffs-lg);
  color: var(--clr-text-caviar);
  line-height: var(--lh-normal, 1.5);
  margin-block-end: var(--space-md);
}
p.small, p.slrs-small {
  font-size: var(--ffs-sm);
  color: var(--clr-text-pearl);
  line-height: var(--lh-snug, 1.375);
}
p:empty {
  display: none;
}

button {
  cursor: pointer;
  transition: all var(--duration-fast, 0.2s) var(--ease-smooth, cubic-bezier(0.4, 0, 0.2, 1));
  background: transparent;
  border: none;
  padding: 0;
  font-family: inherit;
}
button:focus-visible {
  outline: var(--focus-ring, 2px solid var(--clr-primary));
  outline-offset: var(--focus-offset, 2px);
}

img:not([draggable]) {
  max-width: 100%;
}

img {
  border: none;
}
img[loading=lazy] {
  background-color: var(--clr-neutral-100);
}
img.slrs-service-img {
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-md);
}
img.slrs-team-img {
  border-radius: var(--radius-full, 9999px);
  aspect-ratio: 1;
  object-fit: cover;
}
img.slrs-before-after {
  border-radius: var(--radius-md, 8px);
  border: var(--border-default);
}

.img-cover {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-responsive,
.slrs-img-responsive {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.img-responsive img,
.slrs-img-responsive img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

embed,
object,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  width: 100%;
  height: auto;
  border: none;
}
iframe.slrs-map {
  min-height: 300px;
  border-radius: var(--radius-lg, 12px);
}
@media (min-width: 48em) {
  iframe.slrs-map {
    min-height: 400px;
  }
}

.slrs-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: var(--radius-lg, 12px);
  background-color: var(--clr-neutral-900);
}
.slrs-video-container iframe,
.slrs-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul li,
ol li {
  list-style: none;
}

.prose ul,
.prose ol,
.slrs-content ul,
.slrs-content ol,
.list-styled {
  padding-inline-start: var(--space-lg);
  margin-block-end: var(--space-md);
}
.prose ul li,
.prose ol li,
.slrs-content ul li,
.slrs-content ol li,
.list-styled li {
  margin-block-end: var(--space-xs);
  line-height: var(--lh-normal, 1.5);
  color: var(--clr-text-dune);
}
.prose ul li::before,
.prose ol li::before,
.slrs-content ul li::before,
.slrs-content ol li::before,
.list-styled li::before {
  position: absolute;
  color: var(--clr-primary);
}

.prose ul li,
.slrs-content ul li {
  position: relative;
  padding-inline-start: var(--space-sm);
}
.prose ul li::before,
.slrs-content ul li::before {
  content: "";
  left: calc(-1 * var(--space-sm));
  top: 0.65em;
  width: 6px;
  height: 6px;
  background-color: var(--clr-primary);
  border-radius: var(--radius-full, 9999px);
}

.prose ol,
.slrs-content ol {
  counter-reset: list-counter;
}
.prose ol li,
.slrs-content ol li {
  counter-increment: list-counter;
  padding-inline-start: var(--space-sm);
}
.prose ol li::before,
.slrs-content ol li::before {
  content: counter(list-counter) ".";
  left: calc(-1 * var(--space-md));
  font-weight: var(--fw-semibold, 600);
}

.slrs-check-list li {
  position: relative;
  padding-inline-start: var(--space-xl);
  margin-block-end: var(--space-sm);
}
.slrs-check-list li::before {
  content: "✓";
  left: 0;
  color: var(--clr-success);
  font-weight: var(--fw-bold, 700);
  font-size: var(--ffs-lg);
}

table {
  width: 100%;
  margin-block-end: var(--space-lg);
  border-collapse: collapse;
  border: var(--border-default, 1px solid rgba(0, 0, 0, 0.08));
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
}

th {
  font-weight: var(--fw-bold, 700);
  font-family: var(--ff-heading);
  color: var(--clr-text);
  background-color: var(--clr-primary-light);
  text-align: start;
  padding: var(--space-md) var(--space-md);
}

td {
  border: var(--border-default, 1px solid rgba(0, 0, 0, 0.08));
  padding: var(--space-md);
  vertical-align: middle;
  color: var(--clr-text);
}

tbody tr:nth-child(even) {
  background-color: var(--clr-neutral-50);
}

tbody tr {
  transition: background-color var(--duration-fast, 0.2s);
}
tbody tr:hover {
  background-color: var(--clr-primary-op-5);
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 47.98em) {
  .table-responsive {
    border: var(--border-default, 1px solid rgba(0, 0, 0, 0.08));
    border-radius: var(--radius-md, 8px);
  }
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--clr-primary);
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: var(--focus-ring, 2px solid var(--clr-primary));
  outline-offset: var(--focus-offset, 2px);
}

::placeholder {
  color: var(--clr-neutral-400);
  opacity: 1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--clr-bg) inset !important;
  -webkit-text-fill-color: var(--clr-text) !important;
  transition: background-color 999999s ease-in-out 0s;
}

mark,
.slrs-highlight {
  background-color: var(--clr-accent-light);
  color: var(--clr-text);
  padding: var(--space-3xs, 2px) var(--space-2xs, 4px);
  border-radius: var(--radius-xs, 2px);
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
  color: var(--clr-neutral-400);
}

.text-muted {
  color: var(--clr-text-muted) !important;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-underline-offset: 0.2em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  background: var(--clr-neutral-900);
  color: var(--clr-neutral-100);
  font-size: var(--ffs-sm);
  font-family: var(--ff-mono);
  margin-block: var(--space-md);
  overflow: auto;
  padding: var(--space-lg);
  white-space: pre-wrap;
  word-wrap: break-word;
  border-radius: var(--radius-lg, 12px);
  line-height: var(--lh-relaxed, 1.625);
}
pre.slrs-tech-spec {
  background: var(--clr-neutral-800);
  border: var(--border-medium, 1px solid rgba(0, 0, 0, 0.12));
}
pre.slrs-tech-spec code {
  color: var(--clr-accent);
}

code {
  font-family: var(--ff-mono);
  font-size: 0.9em;
  background-color: var(--clr-neutral-100);
  color: var(--clr-danger);
  padding: var(--space-3xs, 2px) var(--space-2xs, 4px);
  border-radius: var(--radius-sm, 4px);
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
}

blockquote {
  margin-block: var(--space-lg);
  padding: var(--space-lg) var(--space-xl);
  border-inline-start: var(--space-xs, 8px) solid var(--clr-primary);
  background-color: var(--clr-primary-light);
  border-radius: 0 var(--radius-lg, 12px) var(--radius-lg, 12px) 0;
  font-style: italic;
  position: relative;
}
blockquote::before {
  content: "“";
  position: absolute;
  inset-block-start: calc(-1 * var(--space-sm, 12px));
  inset-inline-start: var(--space-md, 16px);
  font-size: var(--ffs-4xl);
  color: var(--clr-primary-op-20);
  font-family: Georgia, serif;
  line-height: 1;
}
blockquote p {
  margin-block-end: var(--space-sm);
  color: var(--clr-text-caviar);
}
blockquote p:last-of-type {
  margin-block-end: 0;
}
blockquote cite,
blockquote footer {
  display: block;
  margin-block-start: var(--space-md);
  font-size: var(--ffs-sm);
  font-style: normal;
  color: var(--clr-text-pearl);
}
blockquote cite::before,
blockquote footer::before {
  content: "— ";
}

hr {
  border: 0;
  height: 1px;
  background-color: var(--clr-neutral-200);
  margin-block: var(--space-xl);
}
hr.slrs-divider-fancy {
  height: var(--space-3xs, 2px);
  background: linear-gradient(90deg, transparent 0%, var(--clr-primary) 50%, transparent 100%);
}
hr.slrs-divider-short {
  width: 60px;
  height: var(--space-3xs, 2px);
  background-color: var(--clr-accent);
  margin-block: var(--space-lg);
  margin-inline: auto;
  border-radius: var(--radius-full, 9999px);
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.slrs-phone {
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold, 700);
  font-size: var(--ffs-lg);
  color: var(--clr-primary);
  white-space: nowrap;
}
.slrs-phone a {
  color: inherit;
}
.slrs-phone a:hover {
  color: var(--clr-success);
}
.slrs-phone a:visited {
  color: inherit;
}
@media (max-width: 47.98em) {
  .slrs-phone {
    font-size: var(--ffs-xl);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

.slrs-address {
  font-style: normal;
  line-height: var(--lh-relaxed, 1.625);
  color: var(--clr-text-dune);
}
.slrs-address strong {
  color: var(--clr-text);
  font-weight: var(--fw-semibold, 600);
}

.slrs-hours {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.slrs-hours .day {
  display: flex;
  justify-content: space-between;
  gap: var(--space-md);
  padding-block: var(--space-2xs);
}
.slrs-hours .day-name {
  font-weight: var(--fw-medium, 500);
  color: var(--clr-text);
}
.slrs-hours .day-hours {
  color: var(--clr-text-dune);
  white-space: nowrap;
}
.slrs-hours .today .day-name,
.slrs-hours .today .day-hours {
  color: var(--clr-primary);
  font-weight: var(--fw-semibold, 600);
}

.slrs-emergency-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background-color: var(--clr-danger);
  color: var(--clr-white);
  font-weight: var(--fw-bold, 700);
  font-size: var(--ffs-sm);
  border-radius: var(--radius-full, 9999px);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide, 0.025em);
}
.slrs-emergency-badge::before {
  content: "🚨";
  font-size: var(--ffs-base);
}
@media (max-width: 47.98em) {
  .slrs-emergency-badge {
    min-height: 44px;
  }
}

.slrs-service-area-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background-color: var(--clr-primary-light);
  color: var(--clr-primary);
  font-weight: var(--fw-medium, 500);
  font-size: var(--ffs-sm);
  border-radius: var(--radius-md, 8px);
}
.slrs-service-area-badge i,
.slrs-service-area-badge svg {
  color: inherit;
  width: 16px;
  height: 16px;
}

[data-theme=dark] ::selection {
  background-color: var(--clr-primary);
  color: var(--clr-bg);
}
[data-theme=dark] ::-moz-selection {
  background-color: var(--clr-primary);
  color: var(--clr-bg);
}
[data-theme=dark] th {
  background-color: var(--clr-neutral-200);
  color: var(--clr-text);
}
[data-theme=dark] td {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] tbody tr:nth-child(even) {
  background-color: var(--clr-neutral-100);
}
[data-theme=dark] tbody tr:hover {
  background-color: var(--clr-primary-op-10);
}
[data-theme=dark] blockquote {
  background-color: var(--clr-neutral-200);
  border-inline-start-color: var(--clr-primary);
}
[data-theme=dark] blockquote::before {
  color: var(--clr-primary-op-30);
}
[data-theme=dark] code {
  background-color: var(--clr-neutral-200);
  color: var(--clr-danger);
}
[data-theme=dark] mark,
[data-theme=dark] .slrs-highlight {
  background-color: var(--clr-accent-light);
  color: var(--clr-text);
}
[data-theme=dark] hr {
  background-color: var(--clr-neutral-300);
}
[data-theme=dark] input:-webkit-autofill,
[data-theme=dark] input:-webkit-autofill:hover,
[data-theme=dark] input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--clr-bg) inset !important;
  -webkit-text-fill-color: var(--clr-text) !important;
}
[data-theme=dark] .slrs-service-area-badge {
  background-color: var(--clr-primary-light);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-phone a:hover {
  color: var(--clr-success);
}
[data-theme=dark] .slrs-address strong {
  color: var(--clr-text);
}
[data-theme=dark] img[loading=lazy] {
  background-color: var(--clr-neutral-200);
}
[data-theme=dark] .skip-link {
  background: var(--clr-text);
  color: var(--clr-bg);
}

[data-bg-src],
.bg-image:not(.bg-loaded) {
  background-color: var(--clr-bg-alt);
}

[data-theme=dark] [data-bg-src],
[data-theme=dark] .bg-image:not(.bg-loaded) {
  background-color: var(--clr-bg-alt);
}

.bg-image {
  background-size: cover;
  background-position: center;
}

.wow {
  visibility: hidden;
}

.wow.animated {
  visibility: visible !important;
}

.wow.animated {
  animation-fill-mode: both !important;
}

@media (max-width: 47.98em) {
  body {
    font-size: var(--ffs-sm);
  }
  .slrs-phone a,
  .slrs-emergency-badge {
    min-height: 44px;
  }
  blockquote {
    padding: var(--space-md) var(--space-lg);
  }
  blockquote::before {
    inset-block-start: calc(-1 * var(--space-xs, 8px));
    inset-inline-start: var(--space-sm, 12px);
    font-size: var(--ffs-3xl);
  }
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 6px;
  background: var(--clr-text);
  color: var(--clr-bg);
  padding: 0.5rem 1rem;
  text-decoration: none;
  z-index: 9999;
  border-radius: var(--radius-sm, 4px);
  font-weight: var(--fw-semibold, 600);
  font-size: var(--ffs-sm, 0.875rem);
  transition: top 0.3s var(--ease-smooth, cubic-bezier(0.4, 0, 0.2, 1));
}
.skip-link:focus {
  top: 6px;
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  body {
    transition: none !important;
    -webkit-transition: none !important;
  }
  .wow:not(.animated) {
    visibility: visible !important;
  }
}
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    font-size: 12pt;
    line-height: 1.5;
    background: transparent !important;
    color: #000 !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 20pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  p,
  blockquote,
  pre {
    orphans: 3;
    widows: 3;
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
    color: #000;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  a[class*=btn]::after,
  a[role=button]::after {
    content: "";
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  .no-print,
  nav,
  footer,
  header,
  video,
  audio,
  iframe,
  .skip-link,
  .slrs-btn,
  .slrs-divider-fancy,
  .slrs-divider-short,
  button {
    display: none !important;
  }
  a[href^="tel:"]::after {
    content: " (" attr(href) ")";
    font-size: var(--ffs-sm);
  }
  .slrs-content a[href^=http]::after {
    content: " (" attr(href) ")";
    font-size: var(--ffs-xs);
    word-break: break-all;
  }
  .slrs-emergency-badge,
  .slrs-service-area-badge {
    border: 1px solid currentColor;
    background: transparent;
    color: #000 !important;
  }
  .wow:not(.animated) {
    visibility: visible !important;
  }
}
@media (max-width: 61.98em) {
  .ts-desktop-only {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .ts-mobile-only {
    display: none !important;
  }
}

@media (max-width: 47.98em) {
  .ts-hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 62em) {
  .ts-hide-on-desktop {
    display: none !important;
  }
}

.slrs-page-title {
  margin-bottom: var(--space-base-16);
}

.slrs-page-desc {
  margin-bottom: 0;
}

.slrs-page-content {
  margin-bottom: var(--space-base-48);
}

.slrs-empty-search {
  text-align: center;
  padding-block: var(--space-base-48);
}

.slrs-empty-message {
  color: var(--clr-text-muted);
  font-size: var(--ffs-sm);
}

.slrs-related-header {
  margin-bottom: var(--space-base-24);
}

.slrs-related-title {
  font-weight: var(--fw-bold);
  margin-bottom: 0;
}

.slrs-discovery-grid {
  margin-top: var(--space-base-32);
}

.slrs-sec-heading--center {
  text-align: center;
}

/* CRITICAL LOAD ORDER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
main.scss MUST load in this order:
1. @use 'abstracts' as *;   ← Provides CSS variables & mixins
2. @use 'reset';            ← Uses abstracts variables
3. @use 'containers';       ← Layout containers
4. @use 'base';             ← Project-specific base styles
5. @use 'components';       ← UI components
6. @use 'layout';           ← Page structure (Header, Footer)
7. @use 'sections';         ← Reusable sections (Hero, Services)
8. @use 'pages';            ← Page-specific styles

ERROR if abstracts loads after reset → Variables not found!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
}
@media (min-width: 992px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }
}
html {
  scroll-behavior: auto !important;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address,
hr,
ol,
ul,
li,
dl,
dt,
dd,
table,
caption,
td,
th,
fieldset,
legend,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  fill: currentColor;
  flex-shrink: 0;
}

iframe {
  border: none;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
}

button {
  cursor: pointer;
  background: transparent;
  border: none;
}

button:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
}

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox],
input[type=radio] {
  width: 1em;
  height: 1em;
  cursor: pointer;
}

input[type=file] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

* {
  -webkit-tap-highlight-color: transparent;
}

@supports (-webkit-touch-callout: none) {
  body {
    min-height: -webkit-fill-available;
  }
}
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

:root {
  --container-xs: 40rem;
  --container-sm: 48rem;
  --container-md: 64rem;
  --container-default: 82.5rem;
  --container-lg: 96.875rem;
  --container-xl: 110rem;
  --container-2xl: 120rem;
  --container-full: 100%;
  --container-gutter: 0.9375rem;
}
@media (min-width: 48em) {
  :root {
    --container-gutter: 1.25rem;
  }
}
@media (min-width: 62em) {
  :root {
    --container-gutter: 1.5rem;
  }
}
@media (min-width: 75em) {
  :root {
    --container-gutter: 1.875rem;
  }
}

.container {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container {
  max-width: var(--container-default);
}
@media (max-width: 47.9175em) {
  .container {
    max-width: 100%;
  }
}

.container-xs {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-xs {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-xs {
  max-width: var(--container-xs);
}
@media (max-width: 47.9175em) {
  .container-xs {
    max-width: 100%;
  }
}

.container-sm {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-sm {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-sm {
  max-width: var(--container-sm);
}
@media (max-width: 47.9175em) {
  .container-sm {
    max-width: 100%;
  }
}

.container-md {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-md {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-md {
  max-width: var(--container-md);
}
@media (max-width: 47.9175em) {
  .container-md {
    max-width: 100%;
  }
}

.container-lg {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-lg {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-lg {
  max-width: var(--container-lg);
}
@media (max-width: 47.9175em) {
  .container-lg {
    max-width: 100%;
  }
}

.container-xl {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-xl {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-xl {
  max-width: var(--container-xl);
}
@media (max-width: 47.9175em) {
  .container-xl {
    max-width: 100%;
  }
}

.container-2xl {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-2xl {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-2xl {
  max-width: var(--container-2xl);
}
@media (max-width: 47.9175em) {
  .container-2xl {
    max-width: 100%;
  }
}

.container-fluid {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-fluid {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-fluid {
  max-width: var(--container-default);
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  .container-fluid {
    max-width: clamp(74.25rem, 90vw, 82.5rem);
  }
}
@media (max-width: 47.9175em) {
  .container-fluid {
    max-width: 100%;
  }
}

.container-fluid-lg {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-fluid-lg {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-fluid-lg {
  max-width: var(--container-lg);
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  .container-fluid-lg {
    max-width: clamp(87.1875rem, 90vw, 96.875rem);
  }
}
@media (max-width: 47.9175em) {
  .container-fluid-lg {
    max-width: 100%;
  }
}

.container-fluid-xl {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-fluid-xl {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}
.container-fluid-xl {
  max-width: var(--container-xl);
}
@supports (width: clamp(1rem, 1vw, 2rem)) {
  .container-fluid-xl {
    max-width: clamp(99rem, 90vw, 110rem);
  }
}
@media (max-width: 47.9175em) {
  .container-fluid-xl {
    max-width: 100%;
  }
}

.container-full {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
@supports (margin-inline: auto) {
  .container-full {
    margin-inline: auto;
    padding-inline: var(--container-gutter);
  }
}

/*============================================================
Template Name   : Solaris
Description     : Modern Services & Theme HTML5 Template
Author          : Solaris Developer
Version         : 1.0
==============================================================*/
/*=====================================================
Table of contents
=======================================================

1. Google fonts
2. Theme variables
3. General css
4. Margin & padding
5. Preloader
6. Scroll top css
7. Bs custom css
8. Slim select css
9. Breadcrumb css
10. Pagination css 
11. Play btn
12. Site title css
13. Theme button
14. Header top css
15. Navbar css
16. Navbar multi level dropdown
17. Navbar mega menu
18. Sidebar popup css 
19. Search popup
20. Hero css 
21. About css 
22. Feature css 
23. Counter css 
24. Video css 
25. Contact us css 
26. Error css 
27. Terms/privacy css 
28. Coming soon css 
29. Faq css 
30. Team css 
31. Testimonial css 
32. Partner css 
33. Choose css 
34. Cta css 
35. Blog css
36. Blog single css
37. Blog sidebar widget css
38. Auth css 
39. Step/process css  
40. Footer css
41. Pricing css 
42. Service css
43. Portfolio css 
44. Quote css 
45. Newsletter css
46. Gallery css
47. Home css

=======================================================*/
/*====================
1. Google fonts (Loaded via HTML head for performance optimization)
======================*/
.slrs-glass-panel, .slrs-glass-navbar {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  position: relative;
}
.slrs-glass-panel::before, .slrs-glass-navbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  transition: left 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 0;
  pointer-events: none;
}
[data-theme=dark] .slrs-glass-panel, [data-theme=dark] .slrs-glass-navbar {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-glass-panel::before, [data-theme=dark] .slrs-glass-navbar::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}
.slrs-glass-panel > *, .slrs-glass-navbar > * {
  position: relative;
  z-index: 1;
}

.slrs-glass-navbar {
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

.slrs-mesh-gradient-bg {
  position: relative;
  overflow: hidden;
  background-color: var(--clr-bg, #ffffff);
}
[data-theme=dark] .slrs-mesh-gradient-bg {
  background-color: var(--clr-neutral-950, #000000);
}
.slrs-mesh-gradient-bg::before, .slrs-mesh-gradient-bg::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  opacity: 0.4;
  animation: floatOrb 10s infinite alternate ease-in-out;
}
.slrs-mesh-gradient-bg::before {
  top: -10%;
  left: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--clr-primary, #f59e0b) 0%, transparent 70%);
}
.slrs-mesh-gradient-bg::after {
  bottom: -10%;
  right: -10%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, var(--clr-secondary, #3b82f6) 0%, transparent 70%);
  animation-delay: -5s;
}

@keyframes floatOrb {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(30px, 50px) scale(1.1);
  }
}
.slrs-hover-lift {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.slrs-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}
.slrs-hover-lift:hover.slrs-glass-panel::before, .slrs-hover-lift.slrs-glass-navbar:hover::before {
  left: 150%;
}
[data-theme=dark] .slrs-hover-lift:hover {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5);
}

.slrs-stagger-item {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUpStagger 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes fadeInUpStagger {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-stagger-item:nth-child(1) {
  animation-delay: 0.1s;
}

.slrs-stagger-item:nth-child(2) {
  animation-delay: 0.2s;
}

.slrs-stagger-item:nth-child(3) {
  animation-delay: 0.3s;
}

.slrs-stagger-item:nth-child(4) {
  animation-delay: 0.4s;
}

.slrs-stagger-item:nth-child(5) {
  animation-delay: 0.5s;
}

.slrs-stagger-item:nth-child(6) {
  animation-delay: 0.6s;
}

.slrs-stagger-item:nth-child(7) {
  animation-delay: 0.7s;
}

.slrs-stagger-item:nth-child(8) {
  animation-delay: 0.8s;
}

.slrs-stagger-item:nth-child(9) {
  animation-delay: 0.9s;
}

.slrs-stagger-item:nth-child(10) {
  animation-delay: 1s;
}

.slrs-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--clr-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-max, 99999);
  transition: opacity var(--duration-normal, 0.3s) var(--ease-smooth, ease), visibility var(--duration-normal, 0.3s) var(--ease-smooth, ease);
}
.slrs-preloader.is-hidden, .slrs-preloader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.slrs-preloader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-preloader__content {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-preloader__content {
    gap: var(--space-base-28);
  }
}
.slrs-preloader__logo img {
  width: auto;
  max-width: 180px;
  height: auto;
}
.slrs-preloader__logo img.logo-light {
  display: none;
}
.slrs-preloader__spinner {
  width: var(--size-base-48, 48px);
  height: var(--size-base-48, 48px);
  border: var(--space-base-4) solid var(--clr-neutral-op-10);
  border-top-color: var(--clr-primary);
  border-radius: var(--radius-full, 50px);
  animation: slrs-spin 0.8s linear infinite;
}
.slrs-preloader__circle {
  width: var(--size-base-48, 48px);
  height: var(--size-base-48, 48px);
  border-radius: var(--radius-full, 50px);
  background-color: var(--clr-primary);
  animation: slrs-pulse 1.2s ease-in-out infinite;
}

@keyframes slrs-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slrs-pulse {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
.slrs-preloader--dots .slrs-preloader__spinner {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-preloader--dots .slrs-preloader__spinner {
    gap: var(--space-base-10);
  }
}
.slrs-preloader--dots .slrs-preloader__spinner {
  border: none;
  animation: none;
  width: auto;
  height: auto;
}
.slrs-preloader--dots .slrs-preloader__dot {
  width: var(--space-base-12);
  height: var(--space-base-12);
  border-radius: var(--radius-full, 50px);
  background-color: var(--clr-primary);
  animation: slrs-bounce 1.4s ease-in-out infinite both;
}
.slrs-preloader--dots .slrs-preloader__dot:nth-child(1) {
  animation-delay: -0.32s;
}
.slrs-preloader--dots .slrs-preloader__dot:nth-child(2) {
  animation-delay: -0.16s;
}
.slrs-preloader--dots .slrs-preloader__dot:nth-child(3) {
  animation-delay: 0s;
}

@keyframes slrs-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.slrs-preloader--bar .slrs-preloader__spinner {
  width: var(--size-base-200, 200px);
  height: var(--space-base-4);
  background-color: var(--clr-neutral-op-10);
  border-radius: var(--space-base-4);
  overflow: hidden;
  border: none;
  animation: none;
}
.slrs-preloader--bar .slrs-preloader__spinner::after {
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  background-color: var(--clr-primary);
  border-radius: var(--space-base-4);
  animation: slrs-bar 1.5s ease-in-out infinite;
}

@keyframes slrs-bar {
  0% {
    transform: translateX(-250%);
  }
  50% {
    transform: translateX(150%);
  }
  100% {
    transform: translateX(-250%);
  }
}
[data-theme=dark] .slrs-preloader {
  background-color: var(--clr-bg);
}
[data-theme=dark] .slrs-preloader__spinner {
  border-color: var(--clr-neutral-op-10);
  border-top-color: var(--clr-primary);
}
[data-theme=dark] .slrs-preloader__logo img.logo {
  display: none;
}
[data-theme=dark] .slrs-preloader__logo img.logo-light {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .slrs-preloader__spinner,
  .slrs-preloader__circle,
  .slrs-preloader__dot,
  .slrs-preloader__spinner::after {
    animation-duration: 2s !important;
    animation-iteration-count: 1 !important;
  }
}
@keyframes arrow-bounce-up {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
.slrs-back-to-top {
  position: fixed;
  bottom: var(--space-base-28);
  right: var(--space-base-28);
  z-index: 1030;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-48, 48px);
  height: var(--size-base-48, 48px);
  font-size: var(--ffs-base, 1rem);
  border: none;
  border-radius: var(--radius-full, 50px);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity var(--duration-normal, 0.3s) ease, visibility var(--duration-normal, 0.3s) ease, transform var(--duration-normal, 0.3s) ease, background-color var(--duration-normal, 0.3s) ease, color var(--duration-normal, 0.3s) ease, box-shadow var(--duration-normal, 0.3s) ease;
  color: var(--clr-primary);
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  will-change: transform, opacity;
}
.slrs-back-to-top i {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.slrs-back-to-top:hover {
  color: var(--clr-white);
  background: var(--clr-primary);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg, 0 8px 30px rgba(0, 0, 0, 0.2));
}
.slrs-back-to-top:hover i {
  animation: arrow-bounce-up 1s infinite ease-in-out;
}
.slrs-back-to-top:focus {
  outline: none;
  box-shadow: var(--shadow-md, 0 4px 20px rgba(0, 0, 0, 0.15)), 0 0 0 3px rgba(22, 101, 52, 0.3);
}
.slrs-back-to-top:focus-visible {
  outline: var(--focus-ring-primary, 2px solid var(--clr-primary));
  outline-offset: 2px;
}
@media (max-width: 47.98em) {
  .slrs-back-to-top {
    width: var(--size-base-44, 44px);
    height: var(--size-base-44, 44px);
    bottom: var(--space-base-20);
    right: var(--space-base-20);
  }
}
@media (max-width: 39.98em) {
  .slrs-back-to-top {
    bottom: var(--space-base-72);
  }
}

.slrs-back-to-top__progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}

.slrs-back-to-top__track {
  fill: none;
  stroke-width: 3;
  stroke: var(--clr-neutral-200);
}

.slrs-back-to-top__bar {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 289;
  stroke-dashoffset: 289;
  transition: stroke-dashoffset 0.1s linear;
  stroke: var(--clr-primary);
}
.slrs-back-to-top:hover .slrs-back-to-top__bar {
  stroke: var(--clr-white);
}

[data-theme=dark] .slrs-back-to-top {
  color: var(--clr-primary);
  background: rgba(18, 18, 18, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-back-to-top:hover {
  color: var(--clr-white);
  background: var(--clr-primary);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .slrs-back-to-top:focus {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(22, 101, 52, 0.4);
}
[data-theme=dark] .slrs-back-to-top__track {
  stroke: rgba(255, 255, 255, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-back-to-top {
    transition: opacity var(--duration-normal, 0.3s) ease, visibility var(--duration-normal, 0.3s) ease;
    transform: none !important;
  }
  .slrs-back-to-top.is-visible {
    transform: none;
  }
  .slrs-back-to-top:hover {
    transform: none;
  }
  .slrs-back-to-top__bar {
    transition: none;
  }
}
@media print {
  .slrs-back-to-top {
    display: none;
  }
}
/*====================
7. Bs custom css
======================*/
/* custom form */
.form-group {
  margin-bottom: 20px;
}
.form-group .form-label {
  color: var(--color-dark);
}
.form-group .form-control,
.form-group .form-select {
  padding: 12px 15px 12px 15px;
  background-color: var(--color-white);
  color: var(--color-dark);
  border-color: var(--border-info-color);
  border-radius: 10px;
}
.form-group .form-control:focus,
.form-group .form-select:focus {
  border-color: var(--theme-color);
  box-shadow: 0 0 0 0.25rem rgba(238, 29, 38, 0.25);
  box-shadow: none;
}
.form-group .form-control::placeholder {
  color: var(--body-text-color);
}
.form-group .form-icon {
  position: relative;
}
.form-group .form-icon i {
  position: absolute;
  top: 16px;
  left: 15px;
  color: var(--theme-color);
  z-index: 1;
}
.form-group .form-icon .form-control,
.form-group .form-icon .form-select {
  padding-left: 40px;
}

.form-check {
  margin-bottom: 20px;
}
.form-check-input {
  border-radius: 50px;
  margin-top: 6.5px;
  border-color: var(--border-info-color);
}
.form-check-input:checked {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.form-check-input:focus {
  border-color: var(--theme-color);
  box-shadow: 0 0 0 0.25rem rgba(238, 29, 38, 0.25);
}
.form-check-label {
  color: var(--color-dark);
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* custom tooltip */
.tooltip-inner {
  background: var(--theme-color);
  border-radius: 50px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--theme-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-top-color: var(--theme-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -2.5px !important;
  border-left-color: var(--theme-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -2.5px !important;
  border-right-color: var(--theme-color) !important;
}

.tooltip.show {
  opacity: 1;
}

/* custom modal */
.modal .modal-content {
  border-radius: 25px;
}
.modal .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  background: var(--color-dark);
  border-radius: 50px;
  color: var(--color-white);
  font-size: 20px;
  opacity: 1;
  z-index: 1;
}
.modal .modal-body {
  padding: 25px;
}

/* custom form */
/*====================
8. Slim select css
======================*/
.ss-main {
  min-height: 50px;
  border-radius: 10px;
  padding-left: 15px;
  margin-bottom: 20px;
  color: var(--color-dark);
  background: var(--color-white);
  border-color: var(--border-info-color);
}
.ss-main:focus {
  box-shadow: none;
}
.ss-main .ss-arrow {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.ss-main .ss-arrow path {
  stroke: var(--color-dark);
  stroke-width: 15;
}
.ss-main .ss-values .ss-single {
  margin-left: 0;
}

.form-icon .ss-main {
  padding: 10px 10px 10px 40px;
}

.ss-content {
  border-color: var(--border-info-color);
  background: var(--color-white);
}
.ss-content.ss-dir-above {
  border-radius: 10px 10px 0 0;
}
.ss-content.ss-dir-below {
  border-radius: 0 0 10px 10px;
}
.ss-content .ss-search {
  padding-left: 0;
  padding-right: 0;
  border-color: var(--border-info-color);
}
.ss-content .ss-search input {
  color: var(--body-text-color);
  background: var(--theme-bg-light);
  padding: 6px 15px;
}
.ss-content .ss-search input:focus {
  box-shadow: none;
}
.ss-content .ss-search input::placeholder {
  color: var(--body-text-color);
}
.ss-content .ss-list {
  padding: 10px 15px;
}
.ss-content .ss-list .ss-option {
  color: var(--color-dark);
  padding: 5px 5px 5px 15px;
}
.ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
  color: var(--color-white);
  background-color: var(--theme-color);
  border-left: 0;
  border-radius: 8px;
}
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--theme-color);
  background-color: transparent;
}

/*====================
9. Breadcrumb css
======================*/
.site-breadcrumb {
  position: relative;
  padding-top: 170px;
  padding-bottom: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.site-breadcrumb__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 22, 10, 0.72) 0%, #04160a 100%);
  z-index: -2;
}
.site-breadcrumb__mesh {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(at 0% 0%, rgba(245, 158, 11, 0.18) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(238, 115, 37, 0.12) 0px, transparent 50%);
  z-index: -2;
}
.site-breadcrumb__dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.75;
  z-index: -1;
}
.site-breadcrumb .breadcrumb-title {
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
  text-transform: capitalize;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.site-breadcrumb .breadcrumb-menu {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 50px;
  padding: 8px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin: 0;
  list-style: none;
}
.site-breadcrumb .breadcrumb-menu li {
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.site-breadcrumb .breadcrumb-menu li a {
  color: #e2e8f0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease;
}
.site-breadcrumb .breadcrumb-menu li a i {
  font-size: 0.8rem;
  color: var(--clr-primary-light);
}
.site-breadcrumb .breadcrumb-menu li a:hover {
  color: var(--clr-primary-light);
}
.site-breadcrumb .breadcrumb-menu li.active {
  color: var(--clr-accent);
  font-weight: 700;
}
.site-breadcrumb .breadcrumb-menu li:not(:last-child)::after {
  content: "\f054";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: 900;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.25);
  margin-left: 10px;
  display: inline-block;
}

.slrs-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-pagination {
    margin-top: var(--space-base-32);
  }
}
@media (min-width: 75em) {
  .slrs-pagination {
    margin-top: var(--space-base-48);
  }
}
.slrs-pagination__list {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 35.98em) {
  .slrs-pagination__list {
    gap: var(--space-base-4);
  }
}
.slrs-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-sm);
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  background: transparent;
  border: 1px solid var(--clr-neutral-200);
  border-radius: 50%;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
  width: 44px;
  height: 44px;
}
[data-theme=dark] .slrs-pagination__link {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.1);
}
.slrs-pagination__link:hover {
  color: #ffffff;
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
.slrs-pagination__link--active {
  color: #ffffff !important;
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  pointer-events: none;
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
.slrs-pagination__link--prev, .slrs-pagination__link--next {
  width: auto;
  border-radius: 30px;
  padding: 0 var(--space-base-20);
  gap: var(--space-base-6);
  font-size: var(--ffs-sm);
  text-transform: capitalize;
  color: var(--clr-text);
  font-weight: var(--fw-bold);
}
[data-theme=dark] .slrs-pagination__link--prev, [data-theme=dark] .slrs-pagination__link--next {
  color: #ffffff;
}
.slrs-pagination__link--prev i, .slrs-pagination__link--next i {
  font-size: 1em;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-pagination__link--prev:hover i {
  transform: translateX(-4px);
}
.slrs-pagination__link--prev[aria-disabled=true] {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}
.slrs-pagination__link--next:hover i {
  transform: translateX(4px);
}
.slrs-pagination__link--next[aria-disabled=true] {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}
@media (max-width: 35.98em) {
  .slrs-pagination__link {
    font-size: var(--ffs-xs);
    width: 34px;
    height: 34px;
  }
  .slrs-pagination__link--prev, .slrs-pagination__link--next {
    font-size: var(--ffs-xs);
    padding: 0 12px;
    width: auto;
    height: 34px;
    gap: 4px;
  }
}
.slrs-pagination__dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  letter-spacing: 2px;
  user-select: none;
  min-width: 32px;
}
@media (max-width: 35.98em) {
  .slrs-pagination__dots {
    min-width: 20px;
    font-size: var(--ffs-sm);
  }
}

/*===================
11. Play btn
=====================*/
.play-btn {
  display: inline-block;
  padding: 0;
  height: 75px;
  width: 75px;
  line-height: 75px;
  font-size: 20px;
  text-align: center;
  background: var(--clr-primary);
  color: var(--clr-white);
  position: absolute;
  border-radius: 50%;
  z-index: 1;
}
.play-btn:hover {
  color: var(--clr-white);
}
.play-btn i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--clr-primary);
  border-radius: 50px;
  animation: ripple-wave 1s linear infinite;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}

@keyframes ripple-wave {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2.2);
  }
}
.slrs-sec-heading,
.slrs-sec-heading-new {
  --header-max-width: 720px;
  --header-margin-bottom: 50px;
  --tag-bg: var(--clr-primary-op-10);
  --tag-color: var(--clr-primary);
  --tag-border: transparent;
  --tag-radius: 50px;
  --tag-padding-x: 12px;
  --tag-padding-y: 4px;
  --title-color: var(--clr-text);
  --title-size: 38px;
  --subtitle-color: var(--clr-text-muted);
  --subtitle-size: var(--ffs-base, 1rem);
  --divider-width: 90px;
  --divider-height: 4px;
  --divider-gradient: linear-gradient(90deg,
          var(--clr-primary),
          var(--clr-accent));
}

.slrs-sec-heading,
.slrs-sec-heading-new {
  margin-bottom: var(--header-margin-bottom);
  max-width: var(--header-max-width);
  position: relative;
  z-index: 1;
}
.slrs-sec-heading.interactive, .slrs-sec-heading--interactive,
.slrs-sec-heading-new.interactive,
.slrs-sec-heading-new--interactive {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-sec-heading.interactive:hover, .slrs-sec-heading--interactive:hover,
.slrs-sec-heading-new.interactive:hover,
.slrs-sec-heading-new--interactive:hover {
  transform: translateY(-3px);
}
.slrs-sec-heading.text-center, .slrs-sec-heading--center,
.slrs-sec-heading-new.text-center,
.slrs-sec-heading-new--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.slrs-sec-heading.text-center .slrs-sec-divider,
.slrs-sec-heading.text-center .slrs-sec-heading__divider, .slrs-sec-heading--center .slrs-sec-divider,
.slrs-sec-heading--center .slrs-sec-heading__divider,
.slrs-sec-heading-new.text-center .slrs-sec-divider,
.slrs-sec-heading-new.text-center .slrs-sec-heading__divider,
.slrs-sec-heading-new--center .slrs-sec-divider,
.slrs-sec-heading-new--center .slrs-sec-heading__divider {
  margin-left: auto;
  margin-right: auto;
}
.slrs-sec-heading.text-center .slrs-sec-tagline,
.slrs-sec-heading.text-center .slrs-sec-heading__tag, .slrs-sec-heading--center .slrs-sec-tagline,
.slrs-sec-heading--center .slrs-sec-heading__tag,
.slrs-sec-heading-new.text-center .slrs-sec-tagline,
.slrs-sec-heading-new.text-center .slrs-sec-heading__tag,
.slrs-sec-heading-new--center .slrs-sec-tagline,
.slrs-sec-heading-new--center .slrs-sec-heading__tag {
  justify-content: center;
}
.slrs-sec-heading.text-center .slrs-sec-actions,
.slrs-sec-heading.text-center .slrs-sec-heading__actions, .slrs-sec-heading--center .slrs-sec-actions,
.slrs-sec-heading--center .slrs-sec-heading__actions,
.slrs-sec-heading-new.text-center .slrs-sec-actions,
.slrs-sec-heading-new.text-center .slrs-sec-heading__actions,
.slrs-sec-heading-new--center .slrs-sec-actions,
.slrs-sec-heading-new--center .slrs-sec-heading__actions {
  justify-content: center;
}
.slrs-sec-heading.text-left, .slrs-sec-heading--left,
.slrs-sec-heading-new.text-left,
.slrs-sec-heading-new--left {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}
.slrs-sec-heading.text-left .slrs-sec-divider,
.slrs-sec-heading.text-left .slrs-sec-heading__divider, .slrs-sec-heading--left .slrs-sec-divider,
.slrs-sec-heading--left .slrs-sec-heading__divider,
.slrs-sec-heading-new.text-left .slrs-sec-divider,
.slrs-sec-heading-new.text-left .slrs-sec-heading__divider,
.slrs-sec-heading-new--left .slrs-sec-divider,
.slrs-sec-heading-new--left .slrs-sec-heading__divider {
  margin-left: 0;
  margin-right: auto;
}
.slrs-sec-heading.text-left .slrs-sec-tagline,
.slrs-sec-heading.text-left .slrs-sec-heading__tag, .slrs-sec-heading--left .slrs-sec-tagline,
.slrs-sec-heading--left .slrs-sec-heading__tag,
.slrs-sec-heading-new.text-left .slrs-sec-tagline,
.slrs-sec-heading-new.text-left .slrs-sec-heading__tag,
.slrs-sec-heading-new--left .slrs-sec-tagline,
.slrs-sec-heading-new--left .slrs-sec-heading__tag {
  justify-content: flex-start;
}
.slrs-sec-heading.text-left .slrs-sec-actions,
.slrs-sec-heading.text-left .slrs-sec-heading__actions, .slrs-sec-heading--left .slrs-sec-actions,
.slrs-sec-heading--left .slrs-sec-heading__actions,
.slrs-sec-heading-new.text-left .slrs-sec-actions,
.slrs-sec-heading-new.text-left .slrs-sec-heading__actions,
.slrs-sec-heading-new--left .slrs-sec-actions,
.slrs-sec-heading-new--left .slrs-sec-heading__actions {
  justify-content: flex-start;
}
.slrs-sec-heading.text-right, .slrs-sec-heading--right,
.slrs-sec-heading-new.text-right,
.slrs-sec-heading-new--right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
.slrs-sec-heading.text-right .slrs-sec-divider,
.slrs-sec-heading.text-right .slrs-sec-heading__divider, .slrs-sec-heading--right .slrs-sec-divider,
.slrs-sec-heading--right .slrs-sec-heading__divider,
.slrs-sec-heading-new.text-right .slrs-sec-divider,
.slrs-sec-heading-new.text-right .slrs-sec-heading__divider,
.slrs-sec-heading-new--right .slrs-sec-divider,
.slrs-sec-heading-new--right .slrs-sec-heading__divider {
  margin-right: 0;
  margin-left: auto;
}
.slrs-sec-heading.text-right .slrs-sec-tagline,
.slrs-sec-heading.text-right .slrs-sec-heading__tag, .slrs-sec-heading--right .slrs-sec-tagline,
.slrs-sec-heading--right .slrs-sec-heading__tag,
.slrs-sec-heading-new.text-right .slrs-sec-tagline,
.slrs-sec-heading-new.text-right .slrs-sec-heading__tag,
.slrs-sec-heading-new--right .slrs-sec-tagline,
.slrs-sec-heading-new--right .slrs-sec-heading__tag {
  justify-content: flex-end;
}
.slrs-sec-heading.text-right .slrs-sec-actions,
.slrs-sec-heading.text-right .slrs-sec-heading__actions, .slrs-sec-heading--right .slrs-sec-actions,
.slrs-sec-heading--right .slrs-sec-heading__actions,
.slrs-sec-heading-new.text-right .slrs-sec-actions,
.slrs-sec-heading-new.text-right .slrs-sec-heading__actions,
.slrs-sec-heading-new--right .slrs-sec-actions,
.slrs-sec-heading-new--right .slrs-sec-heading__actions {
  justify-content: flex-end;
}
.slrs-sec-heading--narrow,
.slrs-sec-heading-new--narrow {
  --header-max-width: 560px;
}
.slrs-sec-heading--wide,
.slrs-sec-heading-new--wide {
  --header-max-width: 900px;
}
.slrs-sec-heading--full,
.slrs-sec-heading-new--full {
  --header-max-width: 100%;
}
.slrs-sec-heading.inline, .slrs-sec-heading--inline,
.slrs-sec-heading-new.inline,
.slrs-sec-heading-new--inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
  --header-max-width: 100%;
}
.slrs-sec-heading.inline .slrs-sec-title,
.slrs-sec-heading.inline .slrs-sec-heading__title, .slrs-sec-heading--inline .slrs-sec-title,
.slrs-sec-heading--inline .slrs-sec-heading__title,
.slrs-sec-heading-new.inline .slrs-sec-title,
.slrs-sec-heading-new.inline .slrs-sec-heading__title,
.slrs-sec-heading-new--inline .slrs-sec-title,
.slrs-sec-heading-new--inline .slrs-sec-heading__title {
  font-size: 38px;
}
@media (max-width: 47.9175em) {
  .slrs-sec-heading.inline .slrs-sec-title,
  .slrs-sec-heading.inline .slrs-sec-heading__title, .slrs-sec-heading--inline .slrs-sec-title,
  .slrs-sec-heading--inline .slrs-sec-heading__title,
  .slrs-sec-heading-new.inline .slrs-sec-title,
  .slrs-sec-heading-new.inline .slrs-sec-heading__title,
  .slrs-sec-heading-new--inline .slrs-sec-title,
  .slrs-sec-heading-new--inline .slrs-sec-heading__title {
    font-size: 28px;
  }
}
.slrs-sec-heading p,
.slrs-sec-heading .slrs-sec-subtitle,
.slrs-sec-heading .slrs-sec-heading__subtitle,
.slrs-sec-heading-new p,
.slrs-sec-heading-new .slrs-sec-subtitle,
.slrs-sec-heading-new .slrs-sec-heading__subtitle {
  font-weight: var(--fw-regular, 400);
  line-height: 1.7;
  color: var(--subtitle-color);
}
.slrs-sec-heading p strong,
.slrs-sec-heading .slrs-sec-subtitle strong,
.slrs-sec-heading .slrs-sec-heading__subtitle strong,
.slrs-sec-heading-new p strong,
.slrs-sec-heading-new .slrs-sec-subtitle strong,
.slrs-sec-heading-new .slrs-sec-heading__subtitle strong {
  font-weight: var(--fw-semibold, 600);
  color: var(--color-dark, inherit);
}
.slrs-sec-heading p a,
.slrs-sec-heading .slrs-sec-subtitle a,
.slrs-sec-heading .slrs-sec-heading__subtitle a,
.slrs-sec-heading-new p a,
.slrs-sec-heading-new .slrs-sec-subtitle a,
.slrs-sec-heading-new .slrs-sec-heading__subtitle a {
  color: var(--clr-primary);
  text-decoration: underline;
  text-decoration-color: var(--clr-primary-op-40);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-sec-heading p a:hover,
.slrs-sec-heading .slrs-sec-subtitle a:hover,
.slrs-sec-heading .slrs-sec-heading__subtitle a:hover,
.slrs-sec-heading-new p a:hover,
.slrs-sec-heading-new .slrs-sec-subtitle a:hover,
.slrs-sec-heading-new .slrs-sec-heading__subtitle a:hover {
  text-decoration-color: var(--clr-primary);
}

.slrs-sec-tagline,
.slrs-sec-heading__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-sec-tagline,
  .slrs-sec-heading__tag {
    gap: var(--space-base-10);
  }
}
.slrs-sec-tagline,
.slrs-sec-heading__tag {
  margin-bottom: 10px;
  padding: var(--tag-padding-y) var(--tag-padding-x);
  font-family: var(--ff-body, inherit);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--tag-color);
  background: var(--tag-bg);
  border: 1px solid var(--tag-border);
  border-radius: var(--tag-radius);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}
.slrs-sec-tagline.pulse, .slrs-sec-tagline--pulse,
.slrs-sec-heading__tag.pulse,
.slrs-sec-heading__tag--pulse {
  background: transparent;
  border: 1px solid var(--clr-primary-op-30);
  position: relative;
  overflow: hidden;
}
.slrs-sec-tagline.pulse::before, .slrs-sec-tagline--pulse::before,
.slrs-sec-heading__tag.pulse::before,
.slrs-sec-heading__tag--pulse::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-primary));
  background-size: 200% 100%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: slrs-tag-border-slide 3s linear infinite;
}
.slrs-sec-tagline.pulse::after, .slrs-sec-tagline--pulse::after,
.slrs-sec-heading__tag.pulse::after,
.slrs-sec-heading__tag--pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--clr-primary-op-10);
  z-index: -1;
  animation: slrs-tag-pulse 2s ease-in-out infinite;
}
.slrs-sec-tagline.glass, .slrs-sec-tagline--glass,
.slrs-sec-heading__tag.glass,
.slrs-sec-heading__tag--glass {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-sec-tagline i,
.slrs-sec-tagline svg,
.slrs-sec-heading__tag i,
.slrs-sec-heading__tag svg {
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: var(--clr-primary);
  color: var(--color-white, #ffffff);
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-sec-tagline svg,
.slrs-sec-heading__tag svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.slrs-sec-tagline:hover,
.slrs-sec-heading__tag:hover {
  transform: translateY(-2px);
}
.slrs-sec-tagline:hover i,
.slrs-sec-tagline:hover svg,
.slrs-sec-heading__tag:hover i,
.slrs-sec-heading__tag:hover svg {
  transform: rotate(10deg) scale(1.1);
}
.slrs-sec-tagline--primary,
.slrs-sec-heading__tag--primary {
  --tag-bg: var(--clr-primary-op-10);
  --tag-color: var(--clr-primary);
}
.slrs-sec-tagline--accent,
.slrs-sec-heading__tag--accent {
  --tag-bg: rgba(255, 126, 0, 0.12);
  --tag-color: var(--clr-accent);
}
.slrs-sec-tagline--secondary,
.slrs-sec-heading__tag--secondary {
  --tag-bg: rgba(71, 85, 105, 0.1);
  --tag-color: var(--clr-secondary);
}
.slrs-sec-tagline--success,
.slrs-sec-heading__tag--success {
  --tag-bg: rgba(16, 185, 129, 0.15);
  --tag-color: var(--clr-success);
}
.slrs-sec-tagline--warning,
.slrs-sec-heading__tag--warning {
  --tag-bg: rgba(245, 158, 11, 0.15);
  --tag-color: var(--clr-warning);
}
.slrs-sec-tagline--danger,
.slrs-sec-heading__tag--danger {
  --tag-bg: rgba(239, 68, 68, 0.15);
  --tag-color: var(--clr-danger);
}
.slrs-sec-tagline--info,
.slrs-sec-heading__tag--info {
  --tag-bg: rgba(59, 130, 246, 0.15);
  --tag-color: var(--clr-info);
}
.slrs-sec-tagline.outline, .slrs-sec-tagline--outline,
.slrs-sec-heading__tag.outline,
.slrs-sec-heading__tag--outline {
  background: transparent;
  border: 1px solid var(--clr-primary-op-40);
}
.slrs-sec-tagline.solid, .slrs-sec-tagline--solid,
.slrs-sec-heading__tag.solid,
.slrs-sec-heading__tag--solid {
  background: var(--clr-primary);
  color: var(--color-white, #ffffff);
  border: none;
}
.slrs-sec-tagline.solid i,
.slrs-sec-tagline.solid svg, .slrs-sec-tagline--solid i,
.slrs-sec-tagline--solid svg,
.slrs-sec-heading__tag.solid i,
.slrs-sec-heading__tag.solid svg,
.slrs-sec-heading__tag--solid i,
.slrs-sec-heading__tag--solid svg {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-white, #ffffff);
}
.slrs-sec-tagline.gradient, .slrs-sec-tagline--gradient,
.slrs-sec-heading__tag.gradient,
.slrs-sec-heading__tag--gradient {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: var(--color-white, #ffffff);
  border: none;
}
.slrs-sec-tagline.gradient i,
.slrs-sec-tagline.gradient svg, .slrs-sec-tagline--gradient i,
.slrs-sec-tagline--gradient svg,
.slrs-sec-heading__tag.gradient i,
.slrs-sec-heading__tag.gradient svg,
.slrs-sec-heading__tag--gradient i,
.slrs-sec-heading__tag--gradient svg {
  background: rgba(255, 255, 255, 0.25);
  color: var(--color-white, #ffffff);
}
.slrs-sec-tagline.light, .slrs-sec-tagline--light,
.slrs-sec-heading__tag.light,
.slrs-sec-heading__tag--light {
  --tag-bg: rgba(255, 255, 255, 0.15);
  --tag-color: var(--color-white, #ffffff);
  --tag-border: rgba(255, 255, 255, 0.2);
}
.slrs-sec-tagline.light i, .slrs-sec-tagline--light i,
.slrs-sec-heading__tag.light i,
.slrs-sec-heading__tag--light i {
  background: var(--color-white, #ffffff);
  color: var(--clr-primary);
}
.slrs-sec-tagline.glowing, .slrs-sec-tagline--glowing,
.slrs-sec-heading__tag.glowing,
.slrs-sec-heading__tag--glowing {
  box-shadow: 0 0 15px var(--clr-primary-op-15);
  animation: slrs-tag-glow 3s ease-in-out infinite alternate;
}
.slrs-sec-heading.sh-2 .slrs-sec-tagline,
.slrs-sec-heading.sh-2 .slrs-sec-heading__tag {
  background: transparent;
  border: 1px solid var(--clr-primary-op-30);
  color: var(--clr-primary);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 4px 15px;
}
.slrs-sec-heading.sh-2 .slrs-sec-tagline i,
.slrs-sec-heading.sh-2 .slrs-sec-heading__tag i {
  background: transparent;
  color: inherit;
  margin: 0;
  line-height: unset;
  height: unset;
  width: unset;
  border-radius: 0;
}

.slrs-sec-title,
.slrs-sec-heading__title {
  margin: 0;
  font-family: var(--ff-heading, inherit);
  font-size: var(--title-size);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--title-color);
}
.slrs-sec-title--primary,
.slrs-sec-heading__title--primary {
  color: var(--clr-primary);
}
.slrs-sec-title--accent,
.slrs-sec-heading__title--accent {
  color: var(--clr-accent);
}
.slrs-sec-title--secondary,
.slrs-sec-heading__title--secondary {
  color: var(--clr-secondary);
}
.slrs-sec-title--success,
.slrs-sec-heading__title--success {
  color: var(--clr-success);
}
.slrs-sec-title--light,
.slrs-sec-heading__title--light {
  color: var(--color-white, #ffffff);
}
.slrs-sec-title span,
.slrs-sec-heading__title span {
  color: var(--clr-primary);
}
.slrs-sec-title .text-primary,
.slrs-sec-heading__title .text-primary {
  color: var(--clr-primary) !important;
}
.slrs-sec-title .text-accent,
.slrs-sec-heading__title .text-accent {
  color: var(--clr-accent) !important;
}
.slrs-sec-title .text-secondary,
.slrs-sec-heading__title .text-secondary {
  color: var(--clr-secondary) !important;
}
.slrs-sec-title .text-gradient,
.slrs-sec-heading__title .text-gradient {
  color: transparent !important;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}
.slrs-sec-title .text-gradient div, .slrs-sec-title .text-gradient span,
.slrs-sec-heading__title .text-gradient div,
.slrs-sec-heading__title .text-gradient span {
  background: inherit;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}
.slrs-sec-title .text-underline,
.slrs-sec-heading__title .text-underline {
  position: relative;
  display: inline-block;
}
.slrs-sec-title .text-underline::after,
.slrs-sec-heading__title .text-underline::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--clr-accent);
  border-radius: 50px;
  transform: scaleX(0.9);
  opacity: 0.6;
  transform-origin: center;
}
.slrs-sec-title .text-shine,
.slrs-sec-heading__title .text-shine {
  background: linear-gradient(to right, var(--title-color) 20%, var(--clr-primary) 40%, var(--clr-accent) 60%, var(--title-color) 80%);
  background-size: 200% auto;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: slrs-text-shine 6s linear infinite;
  display: inline-block;
}
.slrs-sec-title .text-shine div, .slrs-sec-title .text-shine span,
.slrs-sec-heading__title .text-shine div,
.slrs-sec-heading__title .text-shine span {
  background: inherit;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}
.slrs-sec-title .text-underline-gradient,
.slrs-sec-heading__title .text-underline-gradient {
  position: relative;
  display: inline-block;
}
.slrs-sec-title .text-underline-gradient::after,
.slrs-sec-heading__title .text-underline-gradient::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 50px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0.85;
}
.slrs-sec-heading.text-center .slrs-sec-title .text-underline-gradient::after, .slrs-sec-heading--center .slrs-sec-title .text-underline-gradient::after,
.slrs-sec-heading.text-center .slrs-sec-heading__title .text-underline-gradient::after,
.slrs-sec-heading--center .slrs-sec-heading__title .text-underline-gradient::after {
  transform-origin: center;
}
.slrs-sec-heading.text-right .slrs-sec-title .text-underline-gradient::after, .slrs-sec-heading--right .slrs-sec-title .text-underline-gradient::after,
.slrs-sec-heading.text-right .slrs-sec-heading__title .text-underline-gradient::after,
.slrs-sec-heading--right .slrs-sec-heading__title .text-underline-gradient::after {
  transform-origin: right;
}
.slrs-sec-heading:hover .slrs-sec-title .text-underline-gradient::after, .slrs-sec-heading-new:hover .slrs-sec-title .text-underline-gradient::after,
.slrs-sec-heading:hover .slrs-sec-heading__title .text-underline-gradient::after,
.slrs-sec-heading-new:hover .slrs-sec-heading__title .text-underline-gradient::after {
  transform: scaleX(1);
}
@media (max-width: 61.98em) {
  .slrs-sec-title,
  .slrs-sec-heading__title {
    --title-size: 40px;
  }
}
@media (max-width: 47.9175em) {
  .slrs-sec-title,
  .slrs-sec-heading__title {
    --title-size: 30px;
    margin-bottom: 8px;
  }
}

.slrs-sec-divider,
.slrs-sec-heading__divider {
  display: block;
  width: var(--divider-width);
  height: var(--divider-height);
  margin-top: 15px;
  background: var(--divider-gradient);
  background-size: 200% 100%;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  animation: slrs-sec-heading-gradient-shift 4s ease infinite;
}
.slrs-sec-divider::before,
.slrs-sec-heading__divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: slrs-sec-heading-shimmer 3s ease-in-out infinite;
}
.slrs-sec-divider::after,
.slrs-sec-heading__divider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  filter: blur(6px);
  opacity: 0.45;
  z-index: -1;
}
.slrs-sec-divider .slrs-heading-notch,
.slrs-sec-heading__divider .slrs-heading-notch {
  display: none !important;
}
.slrs-sec-divider--short,
.slrs-sec-heading__divider--short {
  --divider-width: 50px;
}
.slrs-sec-divider--long,
.slrs-sec-heading__divider--long {
  --divider-width: 130px;
}
.slrs-sec-divider--thin,
.slrs-sec-heading__divider--thin {
  --divider-height: 2px;
}
.slrs-sec-divider--thick,
.slrs-sec-heading__divider--thick {
  --divider-height: 6px;
}
.slrs-sec-divider--accent,
.slrs-sec-heading__divider--accent {
  --divider-gradient: linear-gradient(90deg,
          var(--clr-accent),
          var(--clr-primary));
}
.slrs-sec-divider.light, .slrs-sec-divider--white,
.slrs-sec-heading__divider.light,
.slrs-sec-heading__divider--white {
  --divider-gradient: linear-gradient(90deg,
          rgba(255, 255, 255, 0.8),
          rgba(255, 255, 255, 0.3));
}
.slrs-sec-divider.light::before, .slrs-sec-divider--white::before,
.slrs-sec-heading__divider.light::before,
.slrs-sec-heading__divider--white::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
}
.slrs-sec-divider--static,
.slrs-sec-heading__divider--static {
  animation: none !important;
}
.slrs-sec-divider--static::before, .slrs-sec-divider--static::after,
.slrs-sec-heading__divider--static::before,
.slrs-sec-heading__divider--static::after {
  animation: none !important;
  display: none !important;
}

.slrs-sec-actions,
.slrs-sec-heading__actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sec-actions,
  .slrs-sec-heading__actions {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sec-actions,
  .slrs-sec-heading__actions {
    gap: var(--space-base-20);
  }
}
.slrs-sec-actions,
.slrs-sec-heading__actions {
  margin-top: 25px;
}
@media (max-width: 35.98em) {
  .slrs-sec-actions,
  .slrs-sec-heading__actions {
    flex-direction: column;
  }
  .slrs-sec-actions .slrs-btn,
  .slrs-sec-actions .btn,
  .slrs-sec-heading__actions .slrs-btn,
  .slrs-sec-heading__actions .btn {
    width: 100%;
  }
}

.slrs-sec-meta,
.slrs-sec-heading__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sec-meta,
  .slrs-sec-heading__meta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sec-meta,
  .slrs-sec-heading__meta {
    gap: var(--space-base-20);
  }
}
.slrs-sec-meta,
.slrs-sec-heading__meta {
  margin-top: 15px;
  font-size: 14px;
  color: var(--subtitle-color);
}
.slrs-sec-heading.text-left .slrs-sec-meta,
.slrs-sec-heading.text-left .slrs-sec-heading__meta {
  justify-content: flex-start;
}
.slrs-sec-heading.text-right .slrs-sec-meta,
.slrs-sec-heading.text-right .slrs-sec-heading__meta {
  justify-content: flex-end;
}

.slrs-sec-meta-item,
.slrs-sec-heading__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.slrs-sec-meta-item i,
.slrs-sec-heading__meta-item i {
  font-size: 13px;
  color: var(--clr-primary);
}

.slrs-sec-heading--light {
  --title-color: var(--color-white, #ffffff);
  --subtitle-color: rgba(255, 255, 255, 0.8);
}
.slrs-sec-heading--light .slrs-sec-tagline,
.slrs-sec-heading--light .slrs-sec-heading__tag {
  --tag-bg: rgba(255, 255, 255, 0.12);
  --tag-color: var(--color-white, #ffffff);
  --tag-border: rgba(255, 255, 255, 0.18);
}
.slrs-sec-heading--light .slrs-sec-tagline.pulse::before, .slrs-sec-heading--light .slrs-sec-tagline--pulse::before,
.slrs-sec-heading--light .slrs-sec-heading__tag.pulse::before,
.slrs-sec-heading--light .slrs-sec-heading__tag--pulse::before {
  background: linear-gradient(90deg, var(--clr-accent), var(--color-white, #ffffff), var(--clr-accent));
}
.slrs-sec-heading--light .slrs-sec-title .text-primary,
.slrs-sec-heading--light .slrs-sec-heading__title .text-primary {
  color: var(--clr-accent) !important;
}
.slrs-sec-heading--light .slrs-sec-title .text-gradient,
.slrs-sec-heading--light .slrs-sec-heading__title .text-gradient {
  background: linear-gradient(135deg, var(--color-white, #ffffff), var(--clr-accent));
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.slrs-sec-heading--light .slrs-sec-title .text-gradient div, .slrs-sec-heading--light .slrs-sec-title .text-gradient span,
.slrs-sec-heading--light .slrs-sec-heading__title .text-gradient div,
.slrs-sec-heading--light .slrs-sec-heading__title .text-gradient span {
  background: inherit;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}
.slrs-sec-heading--light p strong,
.slrs-sec-heading--light .slrs-sec-subtitle strong,
.slrs-sec-heading--light .slrs-sec-heading__subtitle strong {
  color: var(--color-white, #ffffff);
}
.slrs-sec-heading--light p a,
.slrs-sec-heading--light .slrs-sec-subtitle a,
.slrs-sec-heading--light .slrs-sec-heading__subtitle a {
  color: var(--clr-accent);
}
.slrs-sec-heading--light .slrs-sec-divider,
.slrs-sec-heading--light .slrs-sec-heading__divider {
  --divider-gradient: linear-gradient(90deg,
          var(--clr-accent),
          rgba(255, 255, 255, 0.5));
}
.slrs-sec-heading--light .slrs-sec-meta,
.slrs-sec-heading--light .slrs-sec-heading__meta {
  color: rgba(255, 255, 255, 0.7);
}

@keyframes slrs-tag-border-slide {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
@keyframes slrs-tag-glow {
  0% {
    box-shadow: 0 0 8px rgb(var(--clr-primary-rgb)/0.12);
  }
  100% {
    box-shadow: 0 0 22px rgb(var(--clr-primary-rgb)/0.32);
  }
}
@keyframes slrs-text-shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes slrs-tag-pulse {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes slrs-sec-heading-gradient-shift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes slrs-sec-heading-shimmer {
  0% {
    transform: translateX(-200%);
  }
  55%, 100% {
    transform: translateX(200%);
  }
}
@keyframes slrs-heading-move {
  0% {
    transform: translateX(-1px);
  }
  50% {
    transform: translateX(75px);
  }
  100% {
    transform: translateX(-1px);
  }
}
[data-theme=dark] .slrs-sec-heading,
[data-theme=dark] .slrs-sec-heading-new {
  --title-color: var(--clr-text);
  --subtitle-color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-sec-tagline,
[data-theme=dark] .slrs-sec-heading__tag {
  --tag-bg: var(--clr-primary-op-20);
  --tag-color: var(--clr-primary);
  --tag-border: rgba(56, 189, 248, 0.15);
}
[data-theme=dark] .slrs-sec-tagline i,
[data-theme=dark] .slrs-sec-heading__tag i {
  background: var(--clr-primary);
  color: #0f172a;
}
[data-theme=dark] .slrs-sec-tagline.light, [data-theme=dark] .slrs-sec-tagline--light,
[data-theme=dark] .slrs-sec-heading__tag.light,
[data-theme=dark] .slrs-sec-heading__tag--light {
  --tag-bg: #1e293b;
  --tag-color: #f8fafc;
}
[data-theme=dark] .slrs-sec-tagline.light i, [data-theme=dark] .slrs-sec-tagline--light i,
[data-theme=dark] .slrs-sec-heading__tag.light i,
[data-theme=dark] .slrs-sec-heading__tag--light i {
  background: var(--clr-primary-light);
  color: #0f172a;
}
[data-theme=dark] .slrs-sec-tagline.glass, [data-theme=dark] .slrs-sec-tagline--glass,
[data-theme=dark] .slrs-sec-heading__tag.glass,
[data-theme=dark] .slrs-sec-heading__tag--glass {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-sec-heading p a {
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-sec-heading p a:hover {
  text-decoration-color: var(--clr-primary-light);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-sec-tagline,
  .slrs-sec-heading__tag {
    animation: none !important;
    transition: none !important;
  }
  .slrs-sec-tagline::before, .slrs-sec-tagline::after,
  .slrs-sec-heading__tag::before,
  .slrs-sec-heading__tag::after {
    animation: none !important;
  }
  .slrs-sec-tagline:hover,
  .slrs-sec-heading__tag:hover {
    transform: none !important;
  }
  .slrs-sec-tagline:hover i,
  .slrs-sec-tagline:hover svg,
  .slrs-sec-heading__tag:hover i,
  .slrs-sec-heading__tag:hover svg {
    transform: none !important;
  }
  .slrs-sec-divider,
  .slrs-sec-heading__divider {
    animation: none !important;
  }
  .slrs-sec-divider::before, .slrs-sec-divider::after,
  .slrs-sec-heading__divider::before,
  .slrs-sec-heading__divider::after {
    animation: none !important;
  }
  .slrs-sec-heading p a {
    transition: none !important;
  }
}
.slrs-sec-title:focus-visible,
.slrs-sec-heading__title:focus-visible,
.slrs-sec-subtitle:focus-visible,
.slrs-sec-heading__subtitle:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 4px;
  border-radius: 4px;
}

@media (forced-colors: active) {
  .slrs-sec-tagline,
  .slrs-sec-heading__tag {
    border: 1px solid CanvasText;
  }
  .slrs-sec-tagline.solid, .slrs-sec-tagline.gradient, .slrs-sec-tagline--solid, .slrs-sec-tagline--gradient,
  .slrs-sec-heading__tag.solid,
  .slrs-sec-heading__tag.gradient,
  .slrs-sec-heading__tag--solid,
  .slrs-sec-heading__tag--gradient {
    forced-color-adjust: none;
  }
  .slrs-sec-tagline.pulse::before, .slrs-sec-tagline.pulse::after, .slrs-sec-tagline--pulse::before, .slrs-sec-tagline--pulse::after,
  .slrs-sec-heading__tag.pulse::before,
  .slrs-sec-heading__tag.pulse::after,
  .slrs-sec-heading__tag--pulse::before,
  .slrs-sec-heading__tag--pulse::after {
    display: none;
  }
  .slrs-sec-tagline.glass, .slrs-sec-tagline--glass,
  .slrs-sec-heading__tag.glass,
  .slrs-sec-heading__tag--glass {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .slrs-sec-divider,
  .slrs-sec-heading__divider {
    background: CanvasText;
  }
  .slrs-sec-divider::before, .slrs-sec-divider::after,
  .slrs-sec-heading__divider::before,
  .slrs-sec-heading__divider::after {
    display: none;
  }
  .slrs-sec-title .text-gradient,
  .slrs-sec-heading__title .text-gradient {
    -webkit-text-fill-color: CanvasText;
    background: none;
  }
}
@media print {
  .slrs-sec-heading,
  .slrs-sec-heading-new {
    --title-color: #000000 !important;
    --subtitle-color: #333333 !important;
    max-width: 100% !important;
  }
  .slrs-sec-heading .slrs-sec-tagline,
  .slrs-sec-heading .slrs-sec-heading__tag,
  .slrs-sec-heading-new .slrs-sec-tagline,
  .slrs-sec-heading-new .slrs-sec-heading__tag {
    border: 1px solid #999 !important;
    background: transparent !important;
    color: #000000 !important;
    transform: none !important;
  }
  .slrs-sec-heading .slrs-sec-tagline i,
  .slrs-sec-heading .slrs-sec-tagline svg,
  .slrs-sec-heading .slrs-sec-heading__tag i,
  .slrs-sec-heading .slrs-sec-heading__tag svg,
  .slrs-sec-heading-new .slrs-sec-tagline i,
  .slrs-sec-heading-new .slrs-sec-tagline svg,
  .slrs-sec-heading-new .slrs-sec-heading__tag i,
  .slrs-sec-heading-new .slrs-sec-heading__tag svg {
    background: transparent !important;
    color: #000000 !important;
    border: 1px solid #999 !important;
  }
  .slrs-sec-heading .slrs-sec-tagline.pulse::before, .slrs-sec-heading .slrs-sec-tagline.pulse::after, .slrs-sec-heading .slrs-sec-tagline--pulse::before, .slrs-sec-heading .slrs-sec-tagline--pulse::after,
  .slrs-sec-heading .slrs-sec-heading__tag.pulse::before,
  .slrs-sec-heading .slrs-sec-heading__tag.pulse::after,
  .slrs-sec-heading .slrs-sec-heading__tag--pulse::before,
  .slrs-sec-heading .slrs-sec-heading__tag--pulse::after,
  .slrs-sec-heading-new .slrs-sec-tagline.pulse::before,
  .slrs-sec-heading-new .slrs-sec-tagline.pulse::after,
  .slrs-sec-heading-new .slrs-sec-tagline--pulse::before,
  .slrs-sec-heading-new .slrs-sec-tagline--pulse::after,
  .slrs-sec-heading-new .slrs-sec-heading__tag.pulse::before,
  .slrs-sec-heading-new .slrs-sec-heading__tag.pulse::after,
  .slrs-sec-heading-new .slrs-sec-heading__tag--pulse::before,
  .slrs-sec-heading-new .slrs-sec-heading__tag--pulse::after {
    display: none !important;
  }
  .slrs-sec-heading .slrs-sec-divider,
  .slrs-sec-heading .slrs-sec-heading__divider,
  .slrs-sec-heading-new .slrs-sec-divider,
  .slrs-sec-heading-new .slrs-sec-heading__divider {
    background: #333333 !important;
    animation: none !important;
  }
  .slrs-sec-heading .slrs-sec-divider::before, .slrs-sec-heading .slrs-sec-divider::after,
  .slrs-sec-heading .slrs-sec-heading__divider::before,
  .slrs-sec-heading .slrs-sec-heading__divider::after,
  .slrs-sec-heading-new .slrs-sec-divider::before,
  .slrs-sec-heading-new .slrs-sec-divider::after,
  .slrs-sec-heading-new .slrs-sec-heading__divider::before,
  .slrs-sec-heading-new .slrs-sec-heading__divider::after {
    display: none !important;
  }
  .slrs-sec-heading .slrs-sec-title .text-gradient,
  .slrs-sec-heading .slrs-sec-heading__title .text-gradient,
  .slrs-sec-heading-new .slrs-sec-title .text-gradient,
  .slrs-sec-heading-new .slrs-sec-heading__title .text-gradient {
    -webkit-text-fill-color: currentColor;
    background: none;
  }
}
@keyframes slrs-btn-spinner {
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrs-btn-shimmer {
  0% {
    transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    transform: translateX(250%) skewX(-15deg);
  }
}
@keyframes slrs-emergency-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
}
@keyframes slrs-btn-phone-ring {
  0%, 40%, 100% {
    transform: rotate(0deg) scale(1);
  }
  8% {
    transform: rotate(-12deg) scale(1.1);
  }
  16% {
    transform: rotate(12deg) scale(1.1);
  }
  24% {
    transform: rotate(-8deg) scale(1.05);
  }
  32% {
    transform: rotate(8deg) scale(1.05);
  }
}
@keyframes slrs-btn-icon-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(var(--btn-icon-bounce, -3px));
  }
  70% {
    transform: translateY(-1px);
  }
}
.slrs-btn {
  --btn-min-height: var(--size-base-44, 44px);
  --btn-border-radius: var(--radius-lg, 12px);
  --btn-border-width: 2px;
  --btn-transition-duration: var(--duration-normal, 0.3s);
  --btn-hover-transform: translateY(-2px);
  --btn-dark-text: #1a1a1a;
  --btn-light-text: #ffffff;
  --btn-shimmer-angle: 120deg;
  --btn-icon-bounce: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-btn {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-btn {
    gap: var(--space-base-16);
  }
}
.slrs-btn {
  padding: var(--space-base-8) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-btn {
    padding: var(--space-base-12) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-btn {
    padding: var(--space-base-16) var(--space-base-40);
  }
}
.slrs-btn {
  min-height: var(--btn-min-height);
  font-family: var(--ff-heading, inherit);
  font-size: var(--ffs-sm, 0.875rem);
  font-weight: var(--fw-semibold, 600);
  line-height: var(--lh-body, 1.5);
  letter-spacing: var(--ls-normal, 0);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  border: var(--btn-border-width) solid transparent;
  border-radius: var(--btn-border-radius);
  outline: none;
  transition: color var(--btn-transition-duration) var(--ease-smooth), background-color var(--btn-transition-duration) var(--ease-smooth), border-color var(--btn-transition-duration) var(--ease-smooth), box-shadow var(--btn-transition-duration) var(--ease-smooth), transform var(--btn-transition-duration) var(--ease-smooth), opacity var(--btn-transition-duration) var(--ease-smooth), letter-spacing var(--btn-transition-duration) var(--ease-smooth);
}
.slrs-btn:hover {
  transform: var(--btn-hover-transform);
  text-decoration: none;
}
.slrs-btn:active {
  transform: translateY(1px);
  transition-duration: 80ms;
}
.slrs-btn:focus-visible {
  outline: var(--focus-ring, 2px solid var(--clr-primary));
  outline-offset: var(--focus-offset, 2px);
}
.slrs-btn:disabled, .slrs-btn.is-disabled, .slrs-btn[aria-disabled=true] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
.slrs-btn:disabled::before, .slrs-btn.is-disabled::before, .slrs-btn[aria-disabled=true]::before {
  display: none;
}
.slrs-btn i, .slrs-btn svg, .slrs-btn .slrs-btn__icon {
  font-size: var(--ffs-base, 1rem);
  line-height: 1;
  flex-shrink: 0;
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn:empty {
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-btn:empty {
    padding: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-btn:empty {
    padding: var(--space-base-16);
  }
}
.slrs-btn.is-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.slrs-btn.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size-base-20, 20px);
  height: var(--size-base-20, 20px);
  margin-top: -10px;
  margin-left: -10px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: var(--radius-full, 9999px);
  animation: slrs-btn-spinner var(--duration-normal, 0.2s) linear infinite;
}
.slrs-btn.is-loading::before {
  display: none;
}
.slrs-btn i.fa-arrow-right,
.slrs-btn i.fa-arrow-left,
.slrs-btn i.fa-chevron-right {
  transform: rotate(-40deg);
  transition: transform var(--btn-transition-duration) var(--ease-smooth);
}
.slrs-btn:hover i.fa-arrow-right,
.slrs-btn:hover i.fa-arrow-left,
.slrs-btn:hover i.fa-chevron-right {
  transform: rotate(0deg);
}

.slrs-btn--primary {
  position: relative;
  overflow: hidden;
}
.slrs-btn--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--primary:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--primary i, .slrs-btn--primary svg, .slrs-btn--primary .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--primary:hover i, .slrs-btn--primary:hover svg, .slrs-btn--primary:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--primary {
  color: var(--clr-white);
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-btn--primary:hover {
  box-shadow: var(--shadow-primary), 0 0 0 4px var(--clr-primary-op-15);
}
.slrs-btn--primary:active {
  filter: brightness(0.88);
  box-shadow: var(--shadow-primary);
}
.slrs-btn--primary:focus-visible {
  outline-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--secondary {
  position: relative;
  overflow: hidden;
}
.slrs-btn--secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--secondary:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--secondary i, .slrs-btn--secondary svg, .slrs-btn--secondary .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--secondary:hover i, .slrs-btn--secondary:hover svg, .slrs-btn--secondary:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--secondary {
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
.slrs-btn--secondary:hover {
  box-shadow: 0 4px 14px var(--clr-secondary-op-25), 0 0 0 4px var(--clr-secondary-op-15);
}
.slrs-btn--secondary:active {
  filter: brightness(0.88);
}
.slrs-btn--secondary:focus-visible {
  outline-color: var(--clr-secondary);
  box-shadow: 0 0 0 4px var(--clr-secondary-op-25);
}

.slrs-btn--accent {
  position: relative;
  overflow: hidden;
}
.slrs-btn--accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--accent:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--accent i, .slrs-btn--accent svg, .slrs-btn--accent .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--accent:hover i, .slrs-btn--accent:hover svg, .slrs-btn--accent:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--accent {
  color: var(--btn-dark-text);
  background-color: var(--clr-accent);
  border-color: var(--clr-accent);
}
.slrs-btn--accent:hover {
  box-shadow: var(--shadow-accent), 0 0 0 4px var(--clr-accent-op-15);
}
.slrs-btn--accent:active {
  filter: brightness(0.92);
  box-shadow: var(--shadow-accent);
}
.slrs-btn--accent:focus-visible {
  outline-color: var(--clr-accent);
  box-shadow: 0 0 0 4px var(--clr-accent-op-25);
}

.slrs-btn--optional {
  position: relative;
  overflow: hidden;
}
.slrs-btn--optional::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--optional:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--optional i, .slrs-btn--optional svg, .slrs-btn--optional .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--optional:hover i, .slrs-btn--optional:hover svg, .slrs-btn--optional:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--optional {
  color: var(--clr-white);
  background-color: var(--clr-optional);
  border-color: var(--clr-optional);
}
.slrs-btn--optional:hover {
  box-shadow: 0 4px 14px var(--clr-optional-op-25), 0 0 0 4px var(--clr-optional-op-15);
}
.slrs-btn--optional:active {
  filter: brightness(0.88);
}
.slrs-btn--optional:focus-visible {
  outline-color: var(--clr-optional);
  box-shadow: 0 0 0 4px var(--clr-optional-op-25);
}

.slrs-btn--success {
  position: relative;
  overflow: hidden;
}
.slrs-btn--success::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--success:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--success i, .slrs-btn--success svg, .slrs-btn--success .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--success:hover i, .slrs-btn--success:hover svg, .slrs-btn--success:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--success {
  color: var(--clr-white);
  background-color: var(--clr-success);
  border-color: var(--clr-success);
}
.slrs-btn--success:hover {
  box-shadow: 0 4px 14px var(--clr-success-op-25), 0 0 0 4px var(--clr-success-op-15);
}
.slrs-btn--success:active {
  filter: brightness(0.88);
}
.slrs-btn--success:focus-visible {
  outline-color: var(--clr-success);
  box-shadow: 0 0 0 4px var(--clr-success-op-25);
}

.slrs-btn--warning {
  position: relative;
  overflow: hidden;
}
.slrs-btn--warning::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--warning:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--warning i, .slrs-btn--warning svg, .slrs-btn--warning .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--warning:hover i, .slrs-btn--warning:hover svg, .slrs-btn--warning:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--warning {
  color: var(--btn-dark-text);
  background-color: var(--clr-warning);
  border-color: var(--clr-warning);
}
.slrs-btn--warning:hover {
  box-shadow: 0 4px 14px var(--clr-warning-op-25), 0 0 0 4px var(--clr-warning-op-15);
}
.slrs-btn--warning:active {
  filter: brightness(0.92);
}
.slrs-btn--warning:focus-visible {
  outline-color: var(--clr-warning);
  box-shadow: 0 0 0 4px var(--clr-warning-op-25);
}

.slrs-btn--danger {
  position: relative;
  overflow: hidden;
}
.slrs-btn--danger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--danger:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--danger i, .slrs-btn--danger svg, .slrs-btn--danger .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--danger:hover i, .slrs-btn--danger:hover svg, .slrs-btn--danger:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--danger {
  color: var(--clr-white);
  background-color: var(--clr-danger);
  border-color: var(--clr-danger);
}
.slrs-btn--danger:hover {
  box-shadow: 0 4px 14px var(--clr-danger-op-25), 0 0 0 4px var(--clr-danger-op-15);
}
.slrs-btn--danger:active {
  filter: brightness(0.88);
}
.slrs-btn--danger:focus-visible {
  outline-color: var(--clr-danger);
  box-shadow: 0 0 0 4px var(--clr-danger-op-25);
}

.slrs-btn--info {
  position: relative;
  overflow: hidden;
}
.slrs-btn--info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--info:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--info i, .slrs-btn--info svg, .slrs-btn--info .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--info:hover i, .slrs-btn--info:hover svg, .slrs-btn--info:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--info {
  color: var(--clr-white);
  background-color: var(--clr-info);
  border-color: var(--clr-info);
}
.slrs-btn--info:hover {
  box-shadow: 0 4px 14px var(--clr-info-op-25), 0 0 0 4px var(--clr-info-op-15);
}
.slrs-btn--info:active {
  filter: brightness(0.88);
}
.slrs-btn--info:focus-visible {
  outline-color: var(--clr-info);
  box-shadow: 0 0 0 4px var(--clr-info-op-25);
}

.slrs-btn--neutral {
  position: relative;
  overflow: hidden;
}
.slrs-btn--neutral::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--neutral:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--neutral i, .slrs-btn--neutral svg, .slrs-btn--neutral .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--neutral:hover i, .slrs-btn--neutral:hover svg, .slrs-btn--neutral:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--neutral {
  color: var(--clr-white);
  background-color: var(--clr-neutral);
  border-color: var(--clr-neutral);
}
.slrs-btn--neutral:hover {
  box-shadow: 0 4px 14px var(--clr-neutral-op-25), 0 0 0 4px var(--clr-neutral-op-15);
}
.slrs-btn--neutral:active {
  filter: brightness(0.88);
}
.slrs-btn--neutral:focus-visible {
  outline-color: var(--clr-neutral);
  box-shadow: 0 0 0 4px var(--clr-neutral-op-25);
}

.slrs-btn--outline-primary {
  color: var(--clr-primary);
  background-color: transparent;
  border-color: var(--clr-primary);
}
.slrs-btn--outline-primary:hover {
  color: var(--clr-white);
  background-color: var(--clr-primary);
  box-shadow: 0 4px 16px var(--clr-primary-op-25), 0 0 0 3px var(--clr-primary-op-15);
}
.slrs-btn--outline-primary:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--outline-secondary {
  color: var(--clr-secondary);
  background-color: transparent;
  border-color: var(--clr-secondary);
}
.slrs-btn--outline-secondary:hover {
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  box-shadow: 0 4px 16px var(--clr-secondary-op-25), 0 0 0 3px var(--clr-secondary-op-15);
}
.slrs-btn--outline-secondary:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-secondary-op-25);
}

.slrs-btn--outline-accent {
  color: var(--clr-accent);
  background-color: transparent;
  border-color: var(--clr-accent);
}
.slrs-btn--outline-accent:hover {
  color: var(--btn-dark-text);
  background-color: var(--clr-accent);
  box-shadow: 0 4px 16px var(--clr-accent-op-25), 0 0 0 3px var(--clr-accent-op-15);
}
.slrs-btn--outline-accent:active {
  filter: brightness(0.95);
}
.slrs-btn--outline-accent:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-accent-op-25);
}

.slrs-btn--outline-optional {
  color: var(--clr-optional);
  background-color: transparent;
  border-color: var(--clr-optional);
}
.slrs-btn--outline-optional:hover {
  color: var(--clr-white);
  background-color: var(--clr-optional);
  box-shadow: 0 4px 16px var(--clr-optional-op-25), 0 0 0 3px var(--clr-optional-op-15);
}
.slrs-btn--outline-optional:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-optional:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-optional-op-25);
}

.slrs-btn--outline-success {
  color: var(--clr-success);
  background-color: transparent;
  border-color: var(--clr-success);
}
.slrs-btn--outline-success:hover {
  color: var(--clr-white);
  background-color: var(--clr-success);
  box-shadow: 0 4px 16px var(--clr-success-op-25), 0 0 0 3px var(--clr-success-op-15);
}
.slrs-btn--outline-success:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-success:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-success-op-25);
}

.slrs-btn--outline-warning {
  color: var(--clr-warning);
  background-color: transparent;
  border-color: var(--clr-warning);
}
.slrs-btn--outline-warning:hover {
  color: var(--btn-dark-text);
  background-color: var(--clr-warning);
  box-shadow: 0 4px 16px var(--clr-warning-op-25), 0 0 0 3px var(--clr-warning-op-15);
}
.slrs-btn--outline-warning:active {
  filter: brightness(0.95);
}
.slrs-btn--outline-warning:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-warning-op-25);
}

.slrs-btn--outline-danger {
  color: var(--clr-danger);
  background-color: transparent;
  border-color: var(--clr-danger);
}
.slrs-btn--outline-danger:hover {
  color: var(--clr-white);
  background-color: var(--clr-danger);
  box-shadow: 0 4px 16px var(--clr-danger-op-25), 0 0 0 3px var(--clr-danger-op-15);
}
.slrs-btn--outline-danger:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-danger:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-danger-op-25);
}

.slrs-btn--outline-info {
  color: var(--clr-info);
  background-color: transparent;
  border-color: var(--clr-info);
}
.slrs-btn--outline-info:hover {
  color: var(--clr-white);
  background-color: var(--clr-info);
  box-shadow: 0 4px 16px var(--clr-info-op-25), 0 0 0 3px var(--clr-info-op-15);
}
.slrs-btn--outline-info:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-info:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-info-op-25);
}

.slrs-btn--outline-neutral {
  color: var(--clr-neutral);
  background-color: transparent;
  border-color: var(--clr-neutral);
}
.slrs-btn--outline-neutral:hover {
  color: var(--clr-white);
  background-color: var(--clr-neutral);
  box-shadow: 0 4px 16px var(--clr-neutral-op-25), 0 0 0 3px var(--clr-neutral-op-15);
}
.slrs-btn--outline-neutral:active {
  filter: brightness(0.9);
}
.slrs-btn--outline-neutral:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-neutral-op-25);
}

.slrs-btn--outline-light {
  color: var(--clr-white);
  background-color: transparent;
  border-color: var(--clr-glass-op-50);
}
.slrs-btn--outline-light:hover {
  color: var(--clr-neutral-900);
  background-color: var(--clr-white);
  border-color: var(--clr-white);
  box-shadow: 0 4px 16px var(--clr-glass-op-20);
}
.slrs-btn--outline-light:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-glass-op-25);
}

.slrs-btn--outline-dark {
  color: var(--clr-neutral-800);
  background-color: transparent;
  border-color: var(--clr-neutral-800);
}
.slrs-btn--outline-dark:hover {
  color: var(--clr-white);
  background-color: var(--clr-neutral-800);
  box-shadow: 0 4px 16px var(--clr-neutral-op-25);
}
.slrs-btn--outline-dark:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-neutral-op-25);
}

.slrs-btn--ghost {
  color: var(--clr-text);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost:hover {
  background-color: var(--clr-neutral-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost:focus-visible {
  background-color: var(--clr-neutral-op-15);
}

.slrs-btn--ghost-primary {
  color: var(--clr-primary);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-primary:hover {
  background-color: var(--clr-primary-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-primary:focus-visible {
  background-color: var(--clr-primary-op-15);
}

.slrs-btn--ghost-secondary {
  color: var(--clr-secondary);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-secondary:hover {
  background-color: var(--clr-secondary-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-secondary:focus-visible {
  background-color: var(--clr-secondary-op-15);
}

.slrs-btn--ghost-accent {
  color: var(--clr-accent);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-accent:hover {
  background-color: var(--clr-accent-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-accent:focus-visible {
  background-color: var(--clr-accent-op-15);
}

.slrs-btn--ghost-optional {
  color: var(--clr-optional);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-optional:hover {
  background-color: var(--clr-optional-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-optional:focus-visible {
  background-color: var(--clr-optional-op-15);
}

.slrs-btn--ghost-success {
  color: var(--clr-success);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-success:hover {
  background-color: var(--clr-success-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-success:focus-visible {
  background-color: var(--clr-success-op-15);
}

.slrs-btn--ghost-warning {
  color: var(--clr-warning);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-warning:hover {
  background-color: var(--clr-warning-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-warning:focus-visible {
  background-color: var(--clr-warning-op-15);
}

.slrs-btn--ghost-danger {
  color: var(--clr-danger);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-danger:hover {
  background-color: var(--clr-danger-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-danger:focus-visible {
  background-color: var(--clr-danger-op-15);
}

.slrs-btn--ghost-info {
  color: var(--clr-info);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-info:hover {
  background-color: var(--clr-info-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-info:focus-visible {
  background-color: var(--clr-info-op-15);
}

.slrs-btn--ghost-neutral {
  color: var(--clr-neutral);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-neutral:hover {
  background-color: var(--clr-neutral-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-neutral:focus-visible {
  background-color: var(--clr-neutral-op-15);
}

.slrs-btn--ghost-light {
  color: var(--clr-white);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-light:hover {
  background-color: var(--clr-glass-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-light:focus-visible {
  background-color: var(--clr-glass-op-15);
}

.slrs-btn--ghost-dark {
  color: var(--clr-neutral-800);
  background-color: transparent;
  border-color: transparent;
}
.slrs-btn--ghost-dark:hover {
  background-color: var(--clr-neutral-op-10);
  letter-spacing: 0.01em;
}
.slrs-btn--ghost-dark:focus-visible {
  background-color: var(--clr-neutral-op-15);
}

.slrs-btn--soft-primary {
  color: var(--clr-primary);
  background-color: var(--clr-primary-op-15);
  border-color: transparent;
}
.slrs-btn--soft-primary:hover {
  color: var(--clr-white);
  background-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
}
.slrs-btn--soft-primary:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--soft-secondary {
  color: var(--clr-secondary);
  background-color: var(--clr-secondary-op-15);
  border-color: transparent;
}
.slrs-btn--soft-secondary:hover {
  color: var(--clr-white);
  background-color: var(--clr-secondary);
  box-shadow: 0 0 0 4px var(--clr-secondary-op-15);
}
.slrs-btn--soft-secondary:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-secondary-op-25);
}

.slrs-btn--soft-accent {
  color: var(--clr-accent);
  background-color: var(--clr-accent-op-15);
  border-color: transparent;
}
.slrs-btn--soft-accent:hover {
  color: var(--btn-dark-text);
  background-color: var(--clr-accent);
  box-shadow: 0 0 0 4px var(--clr-accent-op-15);
}
.slrs-btn--soft-accent:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-accent:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-accent-op-25);
}

.slrs-btn--soft-optional {
  color: var(--clr-optional);
  background-color: var(--clr-optional-op-15);
  border-color: transparent;
}
.slrs-btn--soft-optional:hover {
  color: var(--clr-white);
  background-color: var(--clr-optional);
  box-shadow: 0 0 0 4px var(--clr-optional-op-15);
}
.slrs-btn--soft-optional:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-optional:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-optional-op-25);
}

.slrs-btn--soft-success {
  color: var(--clr-success);
  background-color: var(--clr-success-op-15);
  border-color: transparent;
}
.slrs-btn--soft-success:hover {
  color: var(--clr-white);
  background-color: var(--clr-success);
  box-shadow: 0 0 0 4px var(--clr-success-op-15);
}
.slrs-btn--soft-success:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-success:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-success-op-25);
}

.slrs-btn--soft-warning {
  color: var(--clr-warning);
  background-color: var(--clr-warning-op-15);
  border-color: transparent;
}
.slrs-btn--soft-warning:hover {
  color: var(--btn-dark-text);
  background-color: var(--clr-warning);
  box-shadow: 0 0 0 4px var(--clr-warning-op-15);
}
.slrs-btn--soft-warning:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-warning:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-warning-op-25);
}

.slrs-btn--soft-danger {
  color: var(--clr-danger);
  background-color: var(--clr-danger-op-15);
  border-color: transparent;
}
.slrs-btn--soft-danger:hover {
  color: var(--clr-white);
  background-color: var(--clr-danger);
  box-shadow: 0 0 0 4px var(--clr-danger-op-15);
}
.slrs-btn--soft-danger:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-danger:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-danger-op-25);
}

.slrs-btn--soft-info {
  color: var(--clr-info);
  background-color: var(--clr-info-op-15);
  border-color: transparent;
}
.slrs-btn--soft-info:hover {
  color: var(--clr-white);
  background-color: var(--clr-info);
  box-shadow: 0 0 0 4px var(--clr-info-op-15);
}
.slrs-btn--soft-info:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-info:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-info-op-25);
}

.slrs-btn--soft-neutral {
  color: var(--clr-neutral);
  background-color: var(--clr-neutral-op-15);
  border-color: transparent;
}
.slrs-btn--soft-neutral:hover {
  color: var(--clr-white);
  background-color: var(--clr-neutral);
  box-shadow: 0 0 0 4px var(--clr-neutral-op-15);
}
.slrs-btn--soft-neutral:active {
  filter: brightness(0.9);
}
.slrs-btn--soft-neutral:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-neutral-op-25);
}

.slrs-btn--gradient-primary {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-primary:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-primary i, .slrs-btn--gradient-primary svg, .slrs-btn--gradient-primary .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-primary:hover i, .slrs-btn--gradient-primary:hover svg, .slrs-btn--gradient-primary:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-primary {
  color: var(--clr-white);
  background: var(--gradient-primary);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-primary:hover {
  box-shadow: var(--shadow-primary), 0 0 0 4px var(--clr-primary-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--gradient-secondary {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-secondary:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-secondary i, .slrs-btn--gradient-secondary svg, .slrs-btn--gradient-secondary .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-secondary:hover i, .slrs-btn--gradient-secondary:hover svg, .slrs-btn--gradient-secondary:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-secondary {
  color: var(--clr-white);
  background: var(--gradient-secondary);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-secondary:hover {
  box-shadow: 0 4px 14px var(--clr-secondary-op-25), 0 0 0 4px var(--clr-secondary-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-secondary-op-25);
}

.slrs-btn--gradient-accent {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-accent:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-accent i, .slrs-btn--gradient-accent svg, .slrs-btn--gradient-accent .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-accent:hover i, .slrs-btn--gradient-accent:hover svg, .slrs-btn--gradient-accent:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-accent {
  color: var(--btn-dark-text);
  background: var(--gradient-accent);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-accent:hover {
  box-shadow: var(--shadow-accent), 0 0 0 4px var(--clr-accent-op-15);
  filter: brightness(1.05);
}
.slrs-btn--gradient-accent:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-accent-op-25);
}

.slrs-btn--gradient-cta {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-cta:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-cta i, .slrs-btn--gradient-cta svg, .slrs-btn--gradient-cta .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-cta:hover i, .slrs-btn--gradient-cta:hover svg, .slrs-btn--gradient-cta:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-cta {
  color: var(--clr-white);
  background: var(--gradient-cta);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-cta:hover {
  box-shadow: 0 4px 14px var(--clr-optional-op-40), 0 0 0 4px var(--clr-optional-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-cta:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-optional-op-40);
}

.slrs-btn--gradient-hero {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-hero:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-hero i, .slrs-btn--gradient-hero svg, .slrs-btn--gradient-hero .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-hero:hover i, .slrs-btn--gradient-hero:hover svg, .slrs-btn--gradient-hero:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-hero {
  color: var(--clr-white);
  background: var(--gradient-hero);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-hero:hover {
  box-shadow: var(--shadow-primary), 0 0 0 4px var(--clr-primary-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-hero:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--gradient-success {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-success::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-success:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-success i, .slrs-btn--gradient-success svg, .slrs-btn--gradient-success .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-success:hover i, .slrs-btn--gradient-success:hover svg, .slrs-btn--gradient-success:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-success {
  color: var(--clr-white);
  background: var(--gradient-success);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-success:hover {
  box-shadow: 0 4px 14px var(--clr-success-op-25), 0 0 0 4px var(--clr-success-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-success:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-success-op-25);
}

.slrs-btn--gradient-danger {
  position: relative;
  overflow: hidden;
}
.slrs-btn--gradient-danger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--gradient-danger:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--gradient-danger i, .slrs-btn--gradient-danger svg, .slrs-btn--gradient-danger .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--gradient-danger:hover i, .slrs-btn--gradient-danger:hover svg, .slrs-btn--gradient-danger:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--gradient-danger {
  color: var(--clr-white);
  background: var(--gradient-danger);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--gradient-danger:hover {
  box-shadow: 0 4px 14px var(--clr-danger-op-25), 0 0 0 4px var(--clr-danger-op-15);
  filter: brightness(1.08);
}
.slrs-btn--gradient-danger:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-danger-op-25);
}

.slrs-btn--facebook {
  color: var(--clr-white);
  background-color: #1877f2;
  border-color: #1877f2;
}
.slrs-btn--facebook:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(24, 119, 242, 0.35);
}
.slrs-btn--facebook:focus-visible {
  box-shadow: 0 0 0 4px rgba(24, 119, 242, 0.25);
}

.slrs-btn--twitter {
  color: var(--clr-white);
  background-color: #1da1f2;
  border-color: #1da1f2;
}
.slrs-btn--twitter:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(29, 161, 242, 0.35);
}
.slrs-btn--twitter:focus-visible {
  box-shadow: 0 0 0 4px rgba(29, 161, 242, 0.25);
}

.slrs-btn--linkedin {
  color: var(--clr-white);
  background-color: #0a66c2;
  border-color: #0a66c2;
}
.slrs-btn--linkedin:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(10, 102, 194, 0.35);
}
.slrs-btn--linkedin:focus-visible {
  box-shadow: 0 0 0 4px rgba(10, 102, 194, 0.25);
}

.slrs-btn--google {
  color: var(--clr-white);
  background-color: #ea4335;
  border-color: #ea4335;
}
.slrs-btn--google:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(234, 67, 53, 0.35);
}
.slrs-btn--google:focus-visible {
  box-shadow: 0 0 0 4px rgba(234, 67, 53, 0.25);
}

.slrs-btn--yelp {
  color: var(--clr-white);
  background-color: #d32323;
  border-color: #d32323;
}
.slrs-btn--yelp:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(211, 35, 35, 0.35);
}
.slrs-btn--yelp:focus-visible {
  box-shadow: 0 0 0 4px rgba(211, 35, 35, 0.25);
}

.slrs-btn--youtube {
  color: var(--clr-white);
  background-color: #ff0000;
  border-color: #ff0000;
}
.slrs-btn--youtube:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(255, 0, 0, 0.35);
}
.slrs-btn--youtube:focus-visible {
  box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.25);
}

.slrs-btn--whatsapp {
  color: var(--clr-white);
  background-color: #25d366;
  border-color: #25d366;
}
.slrs-btn--whatsapp:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
}
.slrs-btn--whatsapp:focus-visible {
  box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.25);
}

.slrs-btn--pinterest {
  color: var(--clr-white);
  background-color: #e60023;
  border-color: #e60023;
}
.slrs-btn--pinterest:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 14px rgba(230, 0, 35, 0.35);
}
.slrs-btn--pinterest:focus-visible {
  box-shadow: 0 0 0 4px rgba(230, 0, 35, 0.25);
}

.slrs-btn--instagram {
  color: var(--clr-white);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--instagram:hover {
  filter: brightness(1.1);
  box-shadow: 0 4px 14px rgba(225, 48, 108, 0.35);
}
.slrs-btn--instagram:focus-visible {
  box-shadow: 0 0 0 4px rgba(225, 48, 108, 0.25);
}

.slrs-btn--tiktok {
  color: var(--clr-white);
  background-color: #000000;
  border-color: #000000;
}
.slrs-btn--tiktok:hover {
  background-color: #1a1a1a;
  box-shadow: 0 4px 14px var(--clr-smoke-op-35);
}
.slrs-btn--tiktok:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-smoke-op-25);
}

.slrs-btn--xs {
  padding: var(--space-base-6) var(--space-base-12);
  font-size: var(--ffs-xs);
  min-height: var(--size-base-28, 28px);
  border-radius: var(--radius-sm);
  gap: var(--space-base-6);
}

.slrs-btn--sm {
  padding: var(--space-base-8) var(--space-base-16);
  font-size: var(--ffs-xs);
  min-height: var(--size-base-36, 36px);
  border-radius: var(--radius-md);
  gap: var(--space-base-8);
}

.slrs-btn--md {
  padding: var(--space-base-12) var(--space-base-28);
  font-size: var(--ffs-sm);
  min-height: var(--btn-min-height);
  gap: var(--space-base-12);
}

.slrs-btn--lg {
  padding: var(--space-base-16) var(--space-base-36);
  font-size: var(--ffs-base);
  min-height: var(--size-base-52, 52px);
  gap: var(--space-base-12);
}

.slrs-btn--xl {
  padding: var(--space-base-20) var(--space-base-48);
  font-size: var(--ffs-lg);
  min-height: var(--size-base-60, 60px);
  border-radius: var(--radius-xl);
  gap: var(--space-base-16);
}

.slrs-btn--2xl {
  padding: var(--space-base-28) var(--space-base-64);
  font-size: var(--ffs-xl);
  min-height: var(--size-base-68, 68px);
  border-radius: var(--radius-xl);
  gap: var(--space-base-16);
}

.slrs-btn--emergency {
  position: relative;
  overflow: hidden;
}
.slrs-btn--emergency::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-15) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--emergency:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--emergency {
  color: var(--clr-white);
  background-color: var(--clr-danger);
  border-color: var(--clr-danger);
  box-shadow: 0 0 0 4px var(--clr-danger-op-30);
  animation: slrs-emergency-pulse 1.8s ease-in-out infinite;
}
.slrs-btn--emergency:hover {
  filter: brightness(0.9);
  animation: none;
  box-shadow: 0 4px 20px var(--clr-danger-op-40);
}
.slrs-btn--emergency:focus-visible {
  outline-color: var(--clr-danger);
  box-shadow: 0 0 0 4px var(--clr-danger-op-25);
  animation: none;
}

.slrs-btn--call {
  position: relative;
  overflow: hidden;
}
.slrs-btn--call::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--call:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--call {
  color: var(--clr-white);
  background-color: var(--clr-success);
  border-color: var(--clr-success);
}
.slrs-btn--call i, .slrs-btn--call svg {
  animation: slrs-btn-phone-ring 2.5s ease-in-out infinite;
}
.slrs-btn--call:hover {
  filter: brightness(0.9);
  box-shadow: 0 4px 20px var(--clr-success-op-25);
}
.slrs-btn--call:hover i, .slrs-btn--call:hover svg {
  animation: none;
  transform: rotate(15deg) scale(1.1);
}
.slrs-btn--call:focus-visible {
  outline-color: var(--clr-success);
  box-shadow: 0 0 0 4px var(--clr-success-op-25);
}

.slrs-btn--quote {
  position: relative;
  overflow: hidden;
}
.slrs-btn--quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-20) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--quote:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--quote i, .slrs-btn--quote svg, .slrs-btn--quote .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--quote:hover i, .slrs-btn--quote:hover svg, .slrs-btn--quote:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--quote {
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--quote:hover {
  box-shadow: var(--shadow-primary), 0 0 0 4px var(--clr-primary-op-15);
  filter: brightness(1.08);
}
.slrs-btn--quote:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-primary-op-25);
}

.slrs-btn--schedule {
  position: relative;
  overflow: hidden;
}
.slrs-btn--schedule::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(var(--btn-shimmer-angle, 120deg), transparent 0%, var(--clr-glass-op-30) 50%, transparent 100__);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  border-radius: inherit;
  transition: none;
}
.slrs-btn--schedule:hover::before {
  animation: slrs-btn-shimmer 0.6s ease forwards;
}
.slrs-btn--schedule i, .slrs-btn--schedule svg, .slrs-btn--schedule .slrs-btn__icon {
  transition: transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--schedule:hover i, .slrs-btn--schedule:hover svg, .slrs-btn--schedule:hover .slrs-btn__icon {
  animation: slrs-btn-icon-bounce 0.4s var(--ease-smooth) forwards;
}
.slrs-btn--schedule {
  color: var(--btn-dark-text);
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-optional) 100%);
  border-color: transparent;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-btn--schedule:hover {
  box-shadow: var(--shadow-accent), 0 0 0 4px var(--clr-accent-op-15);
  filter: brightness(1.05);
}
.slrs-btn--schedule:focus-visible {
  box-shadow: 0 0 0 4px var(--clr-accent-op-25);
}

.slrs-btn--icon, .slrs-btn--icon-circle {
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-btn--icon, .slrs-btn--icon-circle {
    padding: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-btn--icon, .slrs-btn--icon-circle {
    padding: var(--space-base-16);
  }
}
.slrs-btn--icon, .slrs-btn--icon-circle {
  width: var(--btn-min-height);
  height: var(--btn-min-height);
  min-height: var(--btn-min-height);
}
.slrs-btn--icon:hover i, .slrs-btn--icon-circle:hover i, .slrs-btn--icon:hover svg, .slrs-btn--icon-circle:hover svg, .slrs-btn--icon:hover .slrs-btn__icon, .slrs-btn--icon-circle:hover .slrs-btn__icon {
  animation: none;
  transform: scale(1.15);
}
.slrs-btn--icon.slrs-btn--xs, .slrs-btn--xs.slrs-btn--icon-circle {
  width: var(--size-base-28, 28px);
  height: var(--size-base-28, 28px);
  min-height: var(--size-base-28, 28px);
  padding: var(--space-base-6);
}
.slrs-btn--icon.slrs-btn--sm, .slrs-btn--sm.slrs-btn--icon-circle {
  width: var(--size-base-36, 36px);
  height: var(--size-base-36, 36px);
  min-height: var(--size-base-36, 36px);
  padding: var(--space-base-8);
}
.slrs-btn--icon.slrs-btn--md, .slrs-btn--md.slrs-btn--icon-circle {
  width: var(--btn-min-height);
  height: var(--btn-min-height);
  min-height: var(--btn-min-height);
  padding: var(--space-base-12);
}
.slrs-btn--icon.slrs-btn--lg, .slrs-btn--lg.slrs-btn--icon-circle {
  width: var(--size-base-52, 52px);
  height: var(--size-base-52, 52px);
  min-height: var(--size-base-52, 52px);
  padding: var(--space-base-12);
}
.slrs-btn--icon.slrs-btn--xl, .slrs-btn--xl.slrs-btn--icon-circle {
  width: var(--size-base-60, 60px);
  height: var(--size-base-60, 60px);
  min-height: var(--size-base-60, 60px);
  padding: var(--space-base-16);
}
.slrs-btn--icon.slrs-btn--2xl, .slrs-btn--2xl.slrs-btn--icon-circle {
  width: var(--size-base-68, 68px);
  height: var(--size-base-68, 68px);
  min-height: var(--size-base-68, 68px);
  padding: var(--space-base-16);
}

.slrs-btn--icon-circle {
  border-radius: var(--radius-full);
}

.slrs-btn--icon-left {
  flex-direction: row;
}

.slrs-btn--icon-right {
  flex-direction: row-reverse;
}

.slrs-btn--icon-top {
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-btn--icon-top {
    gap: var(--space-base-10);
  }
}

.slrs-btn--icon-bottom {
  flex-direction: column-reverse;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-btn--icon-bottom {
    gap: var(--space-base-10);
  }
}

.slrs-btn--block {
  width: 100%;
}

.slrs-btn--pill {
  border-radius: var(--radius-full);
}

.slrs-btn--square {
  border-radius: 0;
}

.slrs-btn--rounded {
  border-radius: var(--radius-2xl);
}

.slrs-btn--no-transform:hover {
  transform: none;
}

.slrs-btn--no-shadow:hover {
  box-shadow: none;
}

.slrs-btn--uppercase {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-btn--uppercase:hover {
  letter-spacing: 0.06em;
}

.slrs-btn-group {
  display: inline-flex;
  vertical-align: middle;
}
.slrs-btn-group > .slrs-btn {
  position: relative;
  flex: 1 1 auto;
  border-radius: 0;
}
.slrs-btn-group > .slrs-btn::before {
  display: none;
}
.slrs-btn-group > .slrs-btn:not(:last-child) {
  border-right-width: var(--btn-border-width);
}
.slrs-btn-group > .slrs-btn:not(:first-child) {
  margin-left: calc(-1 * var(--btn-border-width));
}
.slrs-btn-group > .slrs-btn:first-child {
  border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
}
.slrs-btn-group > .slrs-btn:last-child {
  border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
}
.slrs-btn-group > .slrs-btn:hover, .slrs-btn-group > .slrs-btn:focus, .slrs-btn-group > .slrs-btn:active {
  z-index: 1;
}
.slrs-btn-group.slrs-btn-group--vertical {
  flex-direction: column;
}
.slrs-btn-group.slrs-btn-group--vertical > .slrs-btn:not(:last-child) {
  border-right-width: var(--btn-border-width);
  border-bottom-width: var(--btn-border-width);
}
.slrs-btn-group.slrs-btn-group--vertical > .slrs-btn:not(:first-child) {
  margin-left: 0;
  margin-top: calc(-1 * var(--btn-border-width));
}
.slrs-btn-group.slrs-btn-group--vertical > .slrs-btn:first-child {
  border-radius: var(--btn-border-radius) var(--btn-border-radius) 0 0;
}
.slrs-btn-group.slrs-btn-group--vertical > .slrs-btn:last-child {
  border-radius: 0 0 var(--btn-border-radius) var(--btn-border-radius);
}

.slrs-btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-btn-toolbar {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-btn-toolbar {
    gap: var(--space-base-16);
  }
}
.slrs-btn-toolbar {
  justify-content: flex-start;
}

.slrs-btn-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-btn-stack {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-btn-stack {
    gap: var(--space-base-16);
  }
}
@media (min-width: 36em) {
  .slrs-btn-stack {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.slrs-btn--close {
  width: var(--size-base-32, 32px);
  height: var(--size-base-32, 32px);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-text);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  opacity: 0.5;
  cursor: pointer;
  transition: opacity var(--duration-fast, 100ms) var(--ease-smooth), background var(--duration-fast, 100ms) var(--ease-smooth), transform var(--duration-fast, 100ms) var(--ease-smooth);
}
.slrs-btn--close:hover {
  opacity: 1;
  background: var(--clr-neutral-op-10);
  transform: rotate(90deg);
}
.slrs-btn--close:focus-visible {
  opacity: 1;
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}
.slrs-btn--close.slrs-btn--sm {
  width: var(--size-base-24, 24px);
  height: var(--size-base-24, 24px);
}
.slrs-btn--close.slrs-btn--lg {
  width: var(--size-base-40, 40px);
  height: var(--size-base-40, 40px);
}

.slrs-btn--link, .slrs-btn--link-danger, .slrs-btn--link-secondary {
  color: var(--clr-primary);
  background: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.slrs-btn--link:hover, .slrs-btn--link-danger:hover, .slrs-btn--link-secondary:hover {
  filter: brightness(0.88);
  transform: none;
  box-shadow: none;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.slrs-btn--link:focus-visible, .slrs-btn--link-danger:focus-visible, .slrs-btn--link-secondary:focus-visible {
  box-shadow: none;
  text-decoration-thickness: 2px;
}

.slrs-btn--link-secondary {
  color: var(--clr-secondary);
}

.slrs-btn--link-danger {
  color: var(--clr-danger);
}

@media (max-width: 35.98em) {
  .slrs-btn--xl {
    padding: var(--space-base-12) var(--space-base-20);
    font-size: var(--ffs-base);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-btn--xl {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-btn--xl {
    padding: var(--space-base-20) var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-btn--2xl {
    padding: var(--space-base-16) var(--space-base-24);
    font-size: var(--ffs-lg);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-btn--2xl {
    padding: var(--space-base-20) var(--space-base-36);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-btn--2xl {
    padding: var(--space-base-28) var(--space-base-56);
  }
}
@media (max-width: 35.98em) {
  .slrs-btn-group--mobile-stack {
    flex-direction: column;
  }
  .slrs-btn-group--mobile-stack > .slrs-btn {
    width: 100%;
    border-radius: 0;
  }
  .slrs-btn-group--mobile-stack > .slrs-btn:first-child {
    border-radius: var(--btn-border-radius) var(--btn-border-radius) 0 0;
  }
  .slrs-btn-group--mobile-stack > .slrs-btn:last-child {
    border-radius: 0 0 var(--btn-border-radius) var(--btn-border-radius);
  }
  .slrs-btn-group--mobile-stack > .slrs-btn:not(:last-child) {
    border-bottom-width: var(--btn-border-width);
    border-right-width: var(--btn-border-width);
  }
  .slrs-btn-group--mobile-stack > .slrs-btn:not(:first-child) {
    margin-left: 0;
    margin-top: calc(-1 * var(--btn-border-width));
  }
}
[data-theme=dark] .slrs-btn--light {
  color: var(--clr-text);
  background-color: var(--clr-neutral-300);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-btn--light:hover {
  background-color: var(--clr-neutral-400);
  border-color: var(--clr-neutral-400);
}
[data-theme=dark] .slrs-btn--dark {
  color: var(--clr-neutral-100);
  background-color: var(--clr-neutral-700);
  border-color: var(--clr-neutral-700);
}
[data-theme=dark] .slrs-btn--dark:hover {
  background-color: var(--clr-neutral-600);
  border-color: var(--clr-neutral-600);
}
[data-theme=dark] .slrs-btn--ghost:hover {
  background-color: var(--clr-neutral-op-20);
}
[data-theme=dark] .slrs-btn--ghost-light:hover {
  background-color: var(--clr-glass-op-20);
}
[data-theme=dark] .slrs-btn--ghost-dark:hover {
  background-color: var(--clr-neutral-op-20);
}

.home-style-v1 .slrs-btn:not(.slrs-btn--square):not(.slrs-btn--rounded):not(.slrs-btn--pill) {
  --btn-border-radius: var(--radius-lg, 12px);
}

.home-style-v2 .slrs-btn:not(.slrs-btn--square):not(.slrs-btn--rounded):not(.slrs-btn--pill) {
  --btn-border-radius: 8px;
}

.home-style-v3 .slrs-btn:not(.slrs-btn--square):not(.slrs-btn--rounded) {
  --btn-border-radius: var(--radius-full, 9999px);
}

.slrs-btn--white {
  color: var(--clr-primary);
  background-color: var(--clr-white);
  border-color: var(--clr-white);
}
.slrs-btn--white:hover {
  background-color: var(--clr-neutral-100);
  border-color: var(--clr-neutral-100);
  color: var(--clr-primary);
}

/*==========================================================================
   Modernized Theme Switcher (Cycle Switch Button)
   Ultra-premium, glassmorphic look, glowing hover effects, and crisp transitions.
============================================================================*/
.theme-cycle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: var(--clr-primary-op-5);
  border: 1px solid rgb(var(--clr-primary-rgb)/0.12);
  border-radius: 12px;
  color: var(--clr-text);
  font-size: 16px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0;
  z-index: 50;
}
.theme-cycle .theme-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.theme-cycle .theme-icon i {
  display: block;
  font-size: 16px;
}
.theme-cycle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgb(var(--clr-primary-rgb)/0.12), var(--clr-accent-op-8));
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
.theme-cycle:hover {
  color: var(--clr-accent);
  border-color: var(--clr-accent);
  transform: translateY(-2px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 6px 16px var(--clr-accent-op-25);
}
.theme-cycle:hover::before {
  opacity: 1;
}
.theme-cycle:hover .theme-icon {
  transform: scale(1.15) rotate(25deg);
}
.theme-cycle:active {
  transform: translateY(0) scale(0.92);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.theme-cycle:focus-visible {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-25);
}
.theme-cycle.switching .theme-icon {
  animation: themeCycleSwitch 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Cycle switch animation */
@keyframes themeCycleSwitch {
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(0.4) rotate(180deg);
    opacity: 0.1;
  }
  100% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
  }
}
/* Dark Mode Adjustments */
[data-theme=dark] .theme-cycle {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--clr-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.25);
}
[data-theme=dark] .theme-cycle::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), var(--clr-accent-op-5));
}
[data-theme=dark] .theme-cycle:hover {
  color: var(--clr-accent);
  border-color: var(--clr-accent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 10px var(--clr-accent-op-20);
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .theme-cycle,
  .theme-cycle .theme-icon,
  .theme-cycle.switching .theme-icon {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}
/* Print */
@media print {
  .theme-cycle {
    display: none !important;
  }
}
/* ==========================================================================
   Logo Theme Switching Variables
   ============================================================================ */
.logo-light {
  display: none !important;
}

.logo-default {
  display: inline-block !important;
}

[data-theme=dark] .logo-light {
  display: inline-block !important;
}
[data-theme=dark] .logo-default {
  display: none !important;
}

@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-badge-mobile {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes iconRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes phoneShake {
  0%, 100% {
    transform: rotate(0deg);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: rotate(-10deg);
  }
  20%, 40%, 60%, 80% {
    transform: rotate(10deg);
  }
}
.slrs-bottom-nav {
  position: fixed;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: 60px;
  background-color: var(--clr-surface-void, #ffffff);
  border: var(--border-default, 1px solid rgba(0, 0, 0, 0.08));
  border-radius: var(--radius-xl, 16px);
  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-inline: var(--space-xs, 8px);
}
@media (min-width: 62em) {
  .slrs-bottom-nav {
    display: none !important;
  }
}
.slrs-bottom-nav {
  will-change: transform;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-bottom-nav.hide {
  transform: translateY(calc(100% + 25px));
}
.slrs-bottom-nav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
  color: var(--clr-text-muted, #64748b);
  text-decoration: none !important;
  font-family: var(--ff-body, sans-serif);
  font-size: var(--ffs-3xs, 0.6875rem);
  font-weight: var(--fw-medium, 500);
  gap: var(--space-3xs, 2px);
  transition: color var(--duration-fast, 0.2s) ease;
}
.slrs-bottom-nav__item.active, .slrs-bottom-nav__item:hover {
  color: var(--clr-primary, #166534);
}
.slrs-bottom-nav__item.active .slrs-bottom-nav__icon, .slrs-bottom-nav__item:hover .slrs-bottom-nav__icon {
  transform: scale(1.08) translate3d(0, 0, 0);
  color: var(--clr-primary, #166534);
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  padding: 0;
  background: var(--gradient-primary);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-radius: var(--radius-full);
  box-shadow: 0 4px 24px var(--clr-primary-op-35), 0 8px 16px var(--clr-primary-op-20);
  transform: translateY(-20px);
  transition: transform var(--duration-slow) cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow var(--duration-slow) cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: visible;
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--clr-primary);
  border-radius: var(--radius-full);
  animation: pulse-ring 2s infinite;
  z-index: 0;
  pointer-events: none;
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link::after {
  display: none;
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link i {
  font-size: var(--ffs-3xl);
  position: relative;
  z-index: 2;
  transform: none;
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link span {
  display: none;
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link:hover {
  transform: translateY(-22px) scale(1.08);
  box-shadow: 0 6px 28px var(--clr-primary-op-40), 0 10px 20px var(--clr-primary-op-25);
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link:active {
  transform: translateY(-18px) scale(0.95);
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link.active {
  background: linear-gradient(135deg, var(--clr-primary-dark), var(--clr-primary));
  transform: translateY(-20px) scale(1.05);
}
.slrs-bottom-nav__item--center .slrs-bottom-nav__link.active i {
  transform: rotate(360deg);
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  background: var(--gradient-danger);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-radius: var(--radius-full);
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transform: translateY(-18px);
  transition: transform var(--duration-slow) cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow var(--duration-slow) cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--clr-danger);
  border-radius: var(--radius-full);
  animation: pulse-ring 1.5s infinite;
  z-index: 0;
  pointer-events: none;
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link::after {
  display: none;
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link i {
  font-size: var(--ffs-2xl);
  position: relative;
  z-index: 2;
  transform: none;
  transition: transform var(--duration-normal) cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link span {
  display: none;
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover {
  transform: translateY(-20px) scale(1.1);
  box-shadow: 0 6px 28px rgba(239, 68, 68, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover i {
  animation: phoneShake 0.5s ease-in-out;
}
.slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:active {
  transform: translateY(-16px) scale(0.95);
}
.slrs-bottom-nav__icon {
  font-size: var(--ffs-base, 1rem);
  color: var(--clr-text-subtle, #94a3b8);
  transition: transform var(--duration-fast, 0.2s) var(--ease-smooth), color var(--duration-fast, 0.2s) ease;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slrs-bottom-nav__badge {
  position: absolute;
  top: 8px;
  margin-left: 14px;
  min-width: 16px;
  height: 16px;
  padding-inline: 4px;
  background-color: var(--clr-danger, #ef4444);
  color: var(--clr-white, #ffffff);
  font-size: 9px;
  font-weight: var(--fw-bold, 700);
  line-height: 16px;
  text-align: center;
  border-radius: var(--radius-full, 9999px);
  box-shadow: 0 0 0 2px var(--clr-surface-void, #ffffff);
}
.slrs-bottom-nav__list {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  list-style: none;
  margin: 0 auto;
  padding: 0 var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-bottom-nav__list {
    padding: 0 var(--space-base-10);
  }
}
.slrs-bottom-nav__list {
  width: 100%;
  max-width: 600px;
}
.slrs-bottom-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-bottom-nav__link {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-bottom-nav__link {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-bottom-nav__link {
  min-width: 56px;
  min-height: 48px;
  text-decoration: none;
  color: var(--clr-text-muted);
  font-family: var(--ff-primary);
  transition: color var(--duration-fast) ease, transform var(--duration-fast) ease;
  position: relative;
  border-radius: var(--radius-lg);
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  cursor: pointer;
}
.slrs-bottom-nav__link i {
  font-size: var(--ffs-xl);
  line-height: 1;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color var(--duration-fast) ease;
  position: relative;
  z-index: 2;
}
.slrs-bottom-nav__link span {
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.3px;
  line-height: 1;
  transition: color var(--duration-fast) ease;
  position: relative;
  z-index: 2;
}
.slrs-bottom-nav__link::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 20px;
  height: 2.5px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 0 var(--radius-full) var(--radius-full);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-bottom-nav__link:hover {
  color: var(--clr-primary);
}
.slrs-bottom-nav__link:hover i {
  transform: translateY(-2px) scale(1.08);
}
.slrs-bottom-nav__link:active {
  transform: scale(0.92);
}
.slrs-bottom-nav__link:focus {
  outline: none;
}
.slrs-bottom-nav__link:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
  border-radius: var(--radius-md);
}
.slrs-bottom-nav__link.active {
  color: var(--clr-primary);
}
.slrs-bottom-nav__link.active::after {
  transform: translateX(-50%) scaleX(1);
}
.slrs-bottom-nav__link.active i {
  transform: translateY(-1px);
}
.slrs-bottom-nav__link.active span {
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
.slrs-bottom-nav__link[data-badge]:not([data-badge=""])::before {
  content: attr(data-badge);
  position: absolute;
  top: 0;
  right: var(--space-base-8);
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--gradient-cta);
  color: var(--clr-white);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
  animation: pulse-badge-mobile 2s infinite;
  width: auto;
}
.slrs-bottom-nav__toggle i {
  transition: transform var(--duration-slow) cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (max-width: 1024px) {
  [data-theme=dark] .slrs-bottom-nav {
    background: rgba(11, 17, 32, 0.8);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(255, 255, 255, 0.06);
  }
  [data-theme=dark] .slrs-bottom-nav::before {
    opacity: 1;
  }
  [data-theme=dark] .slrs-bottom-nav__link {
    color: var(--clr-text-muted);
  }
  [data-theme=dark] .slrs-bottom-nav__link:hover {
    color: var(--clr-primary);
  }
  [data-theme=dark] .slrs-bottom-nav__link::after {
    background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  }
  [data-theme=dark] .slrs-bottom-nav__link.active {
    color: var(--clr-primary);
  }
  [data-theme=dark] .slrs-bottom-nav__toggle {
    color: var(--clr-text-muted);
  }
  [data-theme=dark] .slrs-bottom-nav__toggle:hover {
    color: var(--clr-primary);
  }
  [data-theme=dark] .slrs-bottom-nav__item--center .slrs-bottom-nav__link {
    box-shadow: 0 4px 24px var(--clr-primary-op-25), 0 8px 16px rgba(0, 0, 0, 0.3);
  }
  [data-theme=dark] .slrs-bottom-nav__item--center .slrs-bottom-nav__link:hover {
    box-shadow: 0 6px 28px var(--clr-primary-op-35), 0 10px 20px rgba(0, 0, 0, 0.4);
  }
  [data-theme=dark] .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
    box-shadow: 0 4px 24px rgba(239, 68, 68, 0.3);
    color: var(--clr-white);
  }
  [data-theme=dark] .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover {
    box-shadow: 0 6px 28px rgba(239, 68, 68, 0.4);
  }
}

@media (max-width: 22.48em) {
  .slrs-bottom-nav__list {
    padding: 0 4px;
  }
  .slrs-bottom-nav__link {
    min-width: 48px;
    padding: var(--space-base-4) var(--space-base-8);
  }
}
@media (max-width: 22.48em) and (min-width: 75em) {
  .slrs-bottom-nav__link {
    padding: var(--space-base-6) var(--space-base-10);
  }
}
@media (max-width: 22.48em) {
  .slrs-bottom-nav__link i {
    font-size: var(--ffs-xl);
  }
  .slrs-bottom-nav__link span {
    font-size: var(--ffs-3xs);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    transform: translateY(-16px);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link i, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link i {
    font-size: var(--ffs-xl);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link:hover, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover {
    transform: translateY(-18px) scale(1.08);
  }
}
@media (min-width: 22.5em) and (max-width: 25em) {
  .slrs-bottom-nav__link {
    min-width: 52px;
  }
}
@media (min-width: 48em) and (max-width: 63.98em) {
  .slrs-bottom-nav__list {
    max-width: 500px;
  }
  .slrs-bottom-nav__link {
    min-width: 64px;
  }
  .slrs-bottom-nav__link i {
    font-size: var(--ffs-xl);
  }
  .slrs-bottom-nav__link span {
    font-size: var(--ffs-3xs);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    transform: translateY(-24px);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link i, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link i {
    font-size: var(--ffs-3xl);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link:hover, .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover {
    transform: translateY(-26px) scale(1.08);
  }
}
@media (min-width: 64em) {
  .slrs-bottom-nav {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .slrs-bottom-nav,
  .slrs-bottom-nav__link,
  .slrs-bottom-nav__link i,
  .slrs-bottom-nav__link span,
  .slrs-bottom-nav__link::before,
  .slrs-bottom-nav__link::after,
  .slrs-bottom-nav__toggle,
  .slrs-bottom-nav__toggle i {
    transition: none !important;
    animation: none !important;
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link::before,
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link::before {
    animation: none !important;
  }
  .slrs-bottom-nav__link:hover i,
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link:hover,
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:hover {
    transform: none !important;
  }
  .slrs-bottom-nav__link:active {
    transform: scale(0.95);
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link,
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
    transform: translateY(-20px) !important;
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link:active,
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link:active {
    transform: translateY(-18px) scale(0.95) !important;
  }
}
@media (forced-colors: active) {
  .slrs-bottom-nav {
    border-top: 2px solid CanvasText;
  }
  .slrs-bottom-nav::before {
    display: none;
  }
  .slrs-bottom-nav__link.active {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  .slrs-bottom-nav__link.active::after {
    background: Highlight;
    forced-color-adjust: none;
  }
  .slrs-bottom-nav__link[data-badge]:not([data-badge=""])::before {
    display: flex;
    border: 1px solid CanvasText;
    forced-color-adjust: none;
    animation: none;
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-bottom-nav__item--center .slrs-bottom-nav__link::before {
    display: none;
  }
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-bottom-nav__item--emergency .slrs-bottom-nav__link::before {
    display: none;
  }
  .slrs-menu-open .slrs-bottom-nav__toggle {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
@media print {
  .slrs-bottom-nav {
    display: none !important;
  }
}
@keyframes slrsSearchModalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slrsSearchModalSlideUp {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(24px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes slrsSearchPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes slrsSearchSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrsSearchFadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-search-modal {
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s var(--transition-bounce);
}
.slrs-search-modal::before, .slrs-search-modal::after {
  content: "";
  position: absolute;
  width: 37.5rem;
  height: 37.5rem;
  border-radius: var(--radius-full, 50%);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.slrs-search-modal::before {
  top: -20%;
  left: -20%;
  background: radial-gradient(circle, rgba(var(--clr-accent-rgb), 0.12) 0%, rgba(var(--clr-accent-rgb), 0.05) 50%, transparent 100%);
  transform: translate3d(-40px, -40px, 0);
}
.slrs-search-modal::after {
  bottom: -20%;
  right: -20%;
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb), 0.15) 0%, rgba(var(--clr-primary-rgb), 0.05) 50%, transparent 100%);
  transform: translate3d(40px, 40px, 0);
}
.slrs-search-modal.active {
  visibility: visible;
  pointer-events: all;
  transition: visibility 0s 0s;
}
.slrs-search-modal.active::before, .slrs-search-modal.active::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(3, 8, 20, 0.82);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-search-modal__overlay {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-search-modal__overlay {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  transition: opacity var(--transition-smooth);
  will-change: opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-search-modal.active .slrs-search-modal__overlay {
  opacity: 1;
}
.slrs-search-modal__content {
  position: relative;
  width: 100%;
  max-width: 43.75rem;
  max-height: 90vh;
  margin: 0 auto;
  padding: 5rem var(--space-base-12) 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-search-modal__content {
    padding: 5rem var(--space-base-16) 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__content {
    padding: 5rem var(--space-base-20) 0 var(--space-base-20);
  }
}
.slrs-search-modal__content {
  z-index: 10;
  transition: transform var(--transition-bounce), opacity var(--transition-bounce);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
@media (max-width: 47.9175em) {
  .slrs-search-modal__content {
    max-width: 100%;
    max-height: 100vh;
    padding: 0;
  }
}
.slrs-search-modal__close {
  position: absolute;
  top: 1rem;
  right: var(--space-base-16);
  width: var(--size-base-44);
  height: var(--size-base-44);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-search-modal__close {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-search-modal__close {
  border-radius: var(--radius-full, 50%);
  color: var(--clr-white);
  font-size: var(--ffs-xl);
  cursor: pointer;
  opacity: 0;
  transform: scale(0.6) rotate(-45deg);
  transition: opacity var(--transition-bounce), transform var(--transition-bounce), background-color var(--transition-smooth), border-color var(--transition-smooth), color var(--transition-smooth), box-shadow var(--transition-smooth);
  z-index: 20;
}
.slrs-search-modal.active .slrs-search-modal__close {
  opacity: 1;
  transform: scale(1) rotate(0deg);
  transition-delay: 0.15s;
}
.slrs-search-modal__close:hover {
  background: var(--clr-accent);
  border-color: transparent;
  color: var(--clr-neutral-900);
  transform: scale(1.1) rotate(180deg);
  box-shadow: 0 4px 15px var(--clr-accent-op-35);
}
.slrs-search-modal__close:active {
  transform: scale(0.95) rotate(180deg);
}
@media (max-width: 47.9175em) {
  .slrs-search-modal__close {
    top: var(--space-base-12);
    right: var(--space-base-12);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--clr-white);
  }
}
.slrs-search-modal__container {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-2xl, 24px);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-search-modal__container {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__container {
    padding: var(--space-base-40);
  }
}
.slrs-search-modal__container {
  overflow-y: auto;
  max-height: 80vh;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 80px -20px var(--clr-primary-op-15);
  position: relative;
}
.slrs-search-modal__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  z-index: 1;
}
@media (max-width: 47.9175em) {
  .slrs-search-modal__container {
    border-radius: 0;
    max-height: 100vh;
    height: 100vh;
    padding: var(--space-base-24) var(--space-base-12) var(--space-base-20);
    border: none;
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-search-modal__container {
    padding: var(--space-base-36) var(--space-base-16) var(--space-base-28);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-search-modal__container {
    padding: var(--space-base-56) var(--space-base-20) var(--space-base-40);
  }
}
@media (max-width: 47.9175em) {
  .slrs-search-modal__container::before {
    border-radius: 0;
  }
}
.slrs-search-modal__header {
  text-align: center;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-search-modal__header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-search-modal__header {
  animation: slrsSearchFadeInUp 0.4s ease-out;
}
.slrs-search-modal__title {
  font-family: var(--ff-heading, inherit);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-search-modal__title {
    margin: 0 0 var(--space-base-8);
  }
}
.slrs-search-modal__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-search-modal__title {
    gap: var(--space-base-10);
  }
}
.slrs-search-modal__title i {
  color: var(--clr-primary);
  animation: slrsSearchPulse 2s ease-in-out infinite;
}
.slrs-search-modal__subtitle {
  font-size: var(--ffs-base);
  line-height: var(--lh-normal);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-search-modal__form {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-search-modal__form {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__form {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-search-modal__form {
  animation: slrsSearchFadeInUp 0.4s ease-out 0.1s both;
}
.slrs-search-modal__popular, .slrs-search-modal__recent {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-search-modal__popular, .slrs-search-modal__recent {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__popular, .slrs-search-modal__recent {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-search-modal__popular, .slrs-search-modal__recent {
  animation: slrsSearchFadeInUp 0.4s ease-out 0.2s both;
}
.slrs-search-modal__section-title {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-search-modal__section-title {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-search-modal__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-search-modal__tags {
    gap: var(--space-base-10);
  }
}
.slrs-search-modal__clear-recent {
  background: none;
  border: none;
  color: var(--clr-danger);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  padding: 0;
  opacity: 0.8;
  transition: opacity var(--transition-smooth);
}
.slrs-search-modal__clear-recent:hover {
  opacity: 1;
  text-decoration: underline;
}
.slrs-search-modal__results {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-search-modal__results {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__results {
    margin-top: var(--space-base-20);
  }
}
.slrs-search-modal__results {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-search-modal__results {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__results {
    padding-top: var(--space-base-20);
  }
}
.slrs-search-modal__results {
  max-height: 17.5rem;
  overflow-y: auto;
  animation: slrsSearchFadeInUp 0.3s ease-out;
}
.slrs-search-modal__results::-webkit-scrollbar {
  width: 4px;
}
.slrs-search-modal__results::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}
.slrs-search-modal__results::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: var(--radius-full);
}
.slrs-search-modal__results::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
.slrs-search-modal__results {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.02);
}
.slrs-search-modal__results--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-search-modal__results--loading {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__results--loading {
    padding: var(--space-base-28);
  }
}
.slrs-search-modal__results--loading {
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-search-modal__results--loading {
    gap: var(--space-base-10);
  }
}
.slrs-search-modal__results--loading .spinner {
  width: var(--size-base-20);
  height: var(--size-base-20);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-top-color: var(--clr-primary);
  border-radius: var(--radius-full, 9999px);
  animation: slrsSearchSpin 0.8s linear infinite;
}
.slrs-search-modal__results--loading span {
  color: var(--clr-text-muted);
  font-size: var(--ffs-base);
}
.slrs-search-modal__no-results {
  text-align: center;
  padding: var(--space-base-20) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-search-modal__no-results {
    padding: var(--space-base-28) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__no-results {
    padding: var(--space-base-40) var(--space-base-20);
  }
}
.slrs-search-modal__no-results-icon {
  font-size: var(--ffs-4xl);
  color: var(--clr-neutral-400);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-search-modal__no-results-icon {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-search-modal__no-results-title {
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: 0.25rem;
}
.slrs-search-modal__no-results-text {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-search-modal__result-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-search-modal__result-item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__result-item {
    gap: var(--space-base-16);
  }
}
.slrs-search-modal__result-item {
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-search-modal__result-item {
    padding: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__result-item {
    padding: var(--space-base-16);
  }
}
.slrs-search-modal__result-item {
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: var(--clr-text);
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.03);
  transition: background var(--transition-smooth), border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);
  margin-bottom: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-search-modal__result-item {
    margin-bottom: var(--space-base-8);
  }
}
.slrs-search-modal__result-item i {
  width: var(--size-base-36);
  height: var(--size-base-36);
  border-radius: var(--radius-md);
  background: var(--clr-primary-op-8);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-lg);
  flex-shrink: 0;
  transition: background var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);
}
.slrs-search-modal__result-item .result-info {
  flex-grow: 1;
}
.slrs-search-modal__result-item .result-info h5 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  margin: 0 0 0.125rem;
  color: var(--clr-text);
}
.slrs-search-modal__result-item .result-info p {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-search-modal__result-item .result-arrow {
  font-size: var(--ffs-xs);
  color: var(--clr-neutral-400);
  transform: translateX(0);
  transition: transform var(--transition-smooth), color var(--transition-smooth);
}
.slrs-search-modal__result-item:hover {
  background: rgba(0, 0, 0, 0.035);
  border-color: var(--clr-primary-op-15);
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.slrs-search-modal__result-item:hover i {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.05);
}
.slrs-search-modal__result-item:hover .result-arrow {
  transform: translateX(3px);
  color: var(--clr-primary);
}
.slrs-search-modal__shortcuts {
  display: flex;
  justify-content: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-search-modal__shortcuts {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__shortcuts {
    gap: var(--space-base-20);
  }
}
.slrs-search-modal__shortcuts {
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-search-modal__shortcuts {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__shortcuts {
    margin-top: var(--space-base-28);
  }
}
.slrs-search-modal__shortcuts {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-search-modal__shortcuts {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-search-modal__shortcuts {
    padding-top: var(--space-base-16);
  }
}
.slrs-search-modal__shortcuts {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-search-modal__shortcuts kbd {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-sm);
  padding: 2px 6px;
  font-size: var(--ffs-3xs);
  font-family: inherit;
  color: var(--clr-text);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
@media (max-width: 47.9175em) {
  .slrs-search-modal__shortcuts {
    display: none;
  }
}
.slrs-search-modal__clear {
  position: absolute;
  right: var(--space-base-56);
  width: var(--size-base-28);
  height: var(--size-base-28);
  border-radius: var(--radius-full, 9999px);
  background: rgba(0, 0, 0, 0.05);
  border: none;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: all var(--transition-smooth);
}
.slrs-search-modal__clear.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.slrs-search-modal__clear:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--clr-text);
}
.slrs-search-modal.slrs-anim-zoom .slrs-search-modal__content {
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1) translate3d(0, 24px, 0);
}
.slrs-search-modal.slrs-anim-zoom.active .slrs-search-modal__content {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-fade .slrs-search-modal__content {
  opacity: 0;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-fade.active .slrs-search-modal__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-up .slrs-search-modal__content {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
}
.slrs-search-modal.slrs-anim-slide-up.active .slrs-search-modal__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-down .slrs-search-modal__content {
  opacity: 0;
  transform: translate3d(0, -100px, 0);
}
.slrs-search-modal.slrs-anim-slide-down.active .slrs-search-modal__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-left .slrs-search-modal__content {
  opacity: 0;
  transform: translate3d(80px, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-left.active .slrs-search-modal__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-right .slrs-search-modal__content {
  opacity: 0;
  transform: translate3d(-80px, 0, 0);
}
.slrs-search-modal.slrs-anim-slide-right.active .slrs-search-modal__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.slrs-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.45);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-search-input-wrap {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-search-input-wrap {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl);
  padding: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-search-input-wrap {
    padding: var(--space-base-6);
  }
}
.slrs-search-input-wrap {
  overflow: hidden;
  transition: background-color var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-smooth);
}
.slrs-search-input-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}
.slrs-search-input-wrap:focus-within {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(var(--clr-primary-rgb), 0.15);
  transform: translateY(-2px);
}
.slrs-search-input-wrap:focus-within::after {
  width: 100%;
  left: 0;
}
.slrs-search-input-wrap:focus-within .slrs-search-icon {
  color: var(--clr-primary);
}
.slrs-search-input-wrap .slrs-search-icon {
  position: absolute;
  left: 1.125rem;
  font-size: var(--ffs-xl);
  color: var(--clr-neutral-400);
  pointer-events: none;
  transition: color var(--transition-smooth);
}
.slrs-search-input-wrap .slrs-search-input {
  width: 100%;
  height: var(--size-base-48);
  background: none;
  border: none;
  padding: 0 var(--space-base-96) 0 2.875rem;
  font-family: var(--ff-heading, "Plus Jakarta Sans", sans-serif);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  outline: none;
  text-align: center;
}
.slrs-search-input-wrap .slrs-search-input::placeholder {
  font-family: var(--ff-heading, "Plus Jakarta Sans", sans-serif);
  color: var(--clr-text-muted);
  opacity: 0.6;
  transition: opacity var(--transition-smooth);
}
.slrs-search-input-wrap .slrs-search-input:focus::placeholder {
  opacity: 0.35;
}
.slrs-search-input-wrap .slrs-search-input::-webkit-search-cancel-button {
  display: none;
}
.slrs-search-input-wrap .slrs-search-submit {
  position: absolute;
  right: var(--space-base-4);
  width: var(--size-base-44);
  height: var(--size-base-44);
  border-radius: var(--radius-lg);
  background: var(--gradient-primary);
  background-origin: border-box;
  background-clip: border-box;
  border: none;
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform var(--transition-smooth), box-shadow var(--transition-smooth);
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
.slrs-search-input-wrap .slrs-search-submit i {
  font-size: var(--ffs-lg);
}
.slrs-search-input-wrap .slrs-search-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px var(--clr-primary-op-35);
}
.slrs-search-input-wrap .slrs-search-submit:active {
  transform: translateY(0);
}

.slrs-search-tag {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-full, 9999px);
  padding: var(--space-base-6) 0.875rem;
}
@media (min-width: 75em) {
  .slrs-search-tag {
    padding: var(--space-base-8) 0.875rem;
  }
}
.slrs-search-tag {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  cursor: pointer;
  transition: background-color var(--transition-smooth), border-color var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);
}
.slrs-search-tag:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px var(--clr-primary-op-20);
}
.slrs-search-tag:active {
  transform: translateY(0);
}

[data-theme=dark] .slrs-search-modal__overlay {
  background: rgba(2, 6, 16, 0.9);
}
[data-theme=dark] .slrs-search-modal__container {
  background: rgba(15, 23, 42, 0.75);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05) inset, 0 0 80px -20px var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-search-modal__container .slrs-search-modal__title {
  color: var(--clr-white);
}
[data-theme=dark] .slrs-search-modal__container .slrs-search-modal__subtitle {
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-search-modal__container .slrs-search-modal__section-title {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-search-modal__close {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-search-modal__results {
  border-top-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-search-modal__results::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .slrs-search-modal__results::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-search-modal__results::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
[data-theme=dark] .slrs-search-modal__results {
  scrollbar-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .slrs-search-modal__results--loading .spinner {
  border-color: rgba(255, 255, 255, 0.08);
  border-top-color: var(--clr-primary);
}
[data-theme=dark] .slrs-search-modal__results--loading span {
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-search-modal__no-results-title {
  color: var(--clr-white);
}
[data-theme=dark] .slrs-search-modal__no-results-text {
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-search-modal__result-item {
  color: var(--clr-white);
  background: rgba(255, 255, 255, 0.015);
  border-color: rgba(255, 255, 255, 0.03);
}
[data-theme=dark] .slrs-search-modal__result-item i {
  background: var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-search-modal__result-item:hover {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-search-modal__shortcuts {
  border-top-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-search-modal__shortcuts kbd {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-search-modal__clear {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-search-modal__clear:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-search-input-wrap {
  background: rgba(15, 23, 42, 0.6);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-search-input-wrap:focus-within {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 10px 30px rgba(var(--clr-primary-rgb), 0.25);
}
[data-theme=dark] .slrs-search-input-wrap .slrs-search-input {
  color: var(--clr-white);
}
[data-theme=dark] .slrs-search-input-wrap .slrs-search-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-search-tag {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-search-tag:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}

.slrs-settings-modal {
  --transition-drawer: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-smooth: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s var(--transition-drawer);
}
.slrs-settings-modal.active {
  visibility: visible;
  pointer-events: all;
  transition: visibility 0s 0s;
}
.slrs-settings-modal.active .slrs-settings-section {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.active .slrs-settings-section:nth-child(1) {
  transition-delay: 0.08s;
}
.slrs-settings-modal.active .slrs-settings-section:nth-child(2) {
  transition-delay: 0.16s;
}
.slrs-settings-modal.active .slrs-settings-section:nth-child(3) {
  transition-delay: 0.24s;
}
.slrs-settings-modal.active .slrs-settings-section:nth-child(4) {
  transition-delay: 0.32s;
}
.slrs-settings-modal.active .slrs-settings-modal__footer {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.38s;
}
.slrs-settings-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transition-drawer);
  will-change: opacity;
}
.slrs-settings-modal.active .slrs-settings-modal__overlay {
  opacity: 1;
}
@media (min-width: 64em) {
  .slrs-settings-modal__overlay {
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
}
.slrs-settings-modal__panel {
  position: relative;
  width: 100%;
  max-width: 25rem;
  height: 100%;
  background: rgba(250, 251, 252, 0.72);
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  z-index: 10;
  transition: transform var(--transition-drawer), opacity var(--transition-drawer);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.slrs-settings-modal__panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  z-index: 1;
}
@media (max-width: 29.98em) {
  .slrs-settings-modal__panel {
    max-width: 100%;
  }
}
.slrs-settings-modal__header {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-settings-modal__header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-settings-modal__header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-settings-modal__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(241, 245, 249, 0.35);
}
.slrs-settings-modal__title {
  font-family: var(--ff-heading, inherit);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-settings-modal__title {
    gap: var(--space-base-10);
  }
}
.slrs-settings-modal__title i {
  color: var(--clr-primary);
}
.slrs-settings-modal__close {
  background: none;
  border: none;
  width: var(--size-base-32);
  height: var(--size-base-32);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full, 9999px);
  color: var(--clr-text-muted);
  font-size: var(--ffs-xl);
  cursor: pointer;
  transition: background var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);
}
.slrs-settings-modal__close:hover {
  background: var(--clr-danger-op-10);
  color: var(--clr-danger);
  transform: rotate(90deg);
}
.slrs-settings-modal__body {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-settings-modal__body {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-settings-modal__body {
    padding: var(--space-base-28);
  }
}
.slrs-settings-modal__body {
  overflow-y: auto;
  flex-grow: 1;
}
.slrs-settings-modal__footer {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-settings-modal__footer {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-settings-modal__footer {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-settings-modal__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-settings-modal__footer {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-settings-modal__footer {
    gap: var(--space-base-16);
  }
}
.slrs-settings-modal__footer {
  background: rgba(241, 245, 249, 0.35);
  flex-shrink: 0;
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slrs-settings-modal.slrs-anim-slide-left .slrs-settings-modal__panel {
  transform: translate3d(100%, 0, 0);
}
.slrs-settings-modal.slrs-anim-slide-left.active .slrs-settings-modal__panel {
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.slrs-anim-slide-right {
  justify-content: flex-start;
}
.slrs-settings-modal.slrs-anim-slide-right .slrs-settings-modal__panel {
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  transform: translate3d(-100%, 0, 0);
  box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
}
.slrs-settings-modal.slrs-anim-slide-right .slrs-settings-modal__panel::before {
  left: auto;
  right: 0;
  background: linear-gradient(to bottom, var(--clr-primary) 0%, var(--clr-accent) 100%);
}
.slrs-settings-modal.slrs-anim-slide-right.active .slrs-settings-modal__panel {
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.slrs-anim-slide-up {
  align-items: flex-end;
  justify-content: center;
}
.slrs-settings-modal.slrs-anim-slide-up .slrs-settings-modal__panel {
  height: auto;
  max-height: 85vh;
  border-left: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  transform: translate3d(0, 100%, 0);
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.slrs-settings-modal.slrs-anim-slide-up .slrs-settings-modal__panel::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-settings-modal.slrs-anim-slide-up.active .slrs-settings-modal__panel {
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.slrs-anim-slide-down {
  align-items: flex-start;
  justify-content: center;
}
.slrs-settings-modal.slrs-anim-slide-down .slrs-settings-modal__panel {
  height: auto;
  max-height: 85vh;
  border-left: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
  transform: translate3d(0, -100%, 0);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.slrs-settings-modal.slrs-anim-slide-down .slrs-settings-modal__panel::before {
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-settings-modal.slrs-anim-slide-down.active .slrs-settings-modal__panel {
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.slrs-anim-fade {
  justify-content: center;
}
.slrs-settings-modal.slrs-anim-fade .slrs-settings-modal__panel {
  height: auto;
  max-height: 80vh;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-2xl);
  opacity: 0;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.slrs-settings-modal.slrs-anim-fade .slrs-settings-modal__panel::before {
  display: none;
}
.slrs-settings-modal.slrs-anim-fade.active .slrs-settings-modal__panel {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-settings-modal.slrs-anim-scale-up {
  justify-content: center;
}
.slrs-settings-modal.slrs-anim-scale-up .slrs-settings-modal__panel {
  height: auto;
  max-height: 80vh;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-2xl);
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.slrs-settings-modal.slrs-anim-scale-up .slrs-settings-modal__panel::before {
  display: none;
}
.slrs-settings-modal.slrs-anim-scale-up.active .slrs-settings-modal__panel {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.slrs-settings-modal.slrs-anim-scale-down {
  justify-content: center;
}
.slrs-settings-modal.slrs-anim-scale-down .slrs-settings-modal__panel {
  height: auto;
  max-height: 80vh;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-2xl);
  opacity: 0;
  transform: scale3d(1.1, 1.1, 1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.slrs-settings-modal.slrs-anim-scale-down .slrs-settings-modal__panel::before {
  display: none;
}
.slrs-settings-modal.slrs-anim-scale-down.active .slrs-settings-modal__panel {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.slrs-settings-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.625rem;
  background: var(--clr-primary-op-5);
  border: 1px solid rgb(var(--clr-primary-rgb)/0.12);
  border-radius: var(--radius-full, 9999px);
  color: var(--clr-text);
  font-size: var(--ffs-lg);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 0;
  z-index: 50;
}
.slrs-settings-btn i {
  transition: transform var(--duration-slow, 300ms) cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-settings-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgb(var(--clr-primary-rgb)/0.12), var(--clr-accent-op-8));
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
.slrs-settings-btn:hover {
  color: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: translateY(-2px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 6px 16px var(--clr-primary-op-20);
}
.slrs-settings-btn:hover::before {
  opacity: 1;
}
.slrs-settings-btn:hover i {
  transform: scale(1.1) rotate(45deg);
}
.slrs-settings-btn:active {
  transform: translateY(0) scale(0.92);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.slrs-settings-btn:focus-visible {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-25);
}

[data-theme=dark] .slrs-settings-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--clr-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.25);
}
[data-theme=dark] .slrs-settings-btn::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), var(--clr-accent-op-5));
}
[data-theme=dark] .slrs-settings-btn:hover {
  color: var(--clr-primary);
  border-color: var(--clr-primary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 10px var(--clr-primary-op-20);
}

.slrs-settings-section {
  position: relative;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-settings-section {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-settings-section {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-settings-section {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slrs-settings-section:nth-child(1) {
  z-index: 3;
}
.slrs-settings-section:nth-child(2) {
  z-index: 2;
}
.slrs-settings-section:nth-child(3) {
  z-index: 1;
}
.slrs-settings-section:last-child {
  margin-bottom: 0;
}
.slrs-settings-section__title {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-settings-section__title {
    margin: 0 0 var(--space-base-8);
  }
}
.slrs-settings-section__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-settings-section__title {
    gap: var(--space-base-10);
  }
}
.slrs-settings-section__title i {
  color: var(--clr-primary);
  font-size: var(--ffs-base);
}
.slrs-settings-section__desc {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin: 0 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-settings-section__desc {
    margin: 0 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-settings-section__desc {
    margin: 0 0 var(--space-base-20);
  }
}
.slrs-settings-section__desc {
  line-height: var(--lh-normal);
}

.slrs-theme-dropdown {
  position: relative;
  width: 100%;
}
.slrs-theme-dropdown__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-md);
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-theme-dropdown__trigger {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-theme-dropdown__trigger {
    padding: var(--space-base-16) var(--space-base-16);
  }
}
.slrs-theme-dropdown__trigger {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  cursor: pointer;
  transition: background var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);
}
.slrs-theme-dropdown__trigger .active-val {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-theme-dropdown__trigger .active-val {
    gap: var(--space-base-10);
  }
}
.slrs-theme-dropdown__trigger .active-val i {
  color: var(--clr-primary);
  font-size: 0.9375rem;
}
.slrs-theme-dropdown__trigger .arrow {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  transition: transform var(--transition-smooth);
}
.slrs-theme-dropdown__trigger:hover {
  background: var(--clr-primary-op-4);
  border-color: var(--clr-primary);
}
.slrs-theme-dropdown__trigger.active {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
}
.slrs-theme-dropdown__trigger.active .arrow {
  transform: rotate(180deg);
}
.slrs-theme-dropdown__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-md);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  z-index: 100;
  padding: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-theme-dropdown__menu {
    padding: var(--space-base-6);
  }
}
.slrs-theme-dropdown__menu {
  display: none;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--transition-smooth), transform var(--transition-smooth);
  will-change: opacity, transform;
}
.slrs-theme-dropdown__menu.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.slrs-theme-dropdown__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-theme-dropdown__item {
    gap: var(--space-base-10);
  }
}
.slrs-theme-dropdown__item {
  background: none;
  border: none;
  padding: 0.625rem var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-theme-dropdown__item {
    padding: 0.625rem var(--space-base-10);
  }
}
.slrs-theme-dropdown__item {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  transition: background var(--transition-smooth), color var(--transition-smooth);
}
.slrs-theme-dropdown__item i {
  font-size: var(--ffs-base);
  width: 1.125rem;
  text-align: center;
}
.slrs-theme-dropdown__item:hover {
  background: var(--clr-primary-op-5);
  color: var(--clr-primary);
}
.slrs-theme-dropdown__item.selected {
  background: var(--clr-primary);
  color: var(--clr-white);
}

.slrs-accessibility-controls {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-accessibility-controls {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-accessibility-controls {
    gap: var(--space-base-16);
  }
}
.slrs-accessibility-controls .slrs-control-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-accessibility-controls .slrs-control-row {
    padding: var(--space-base-10) 0;
  }
}
.slrs-accessibility-controls .slrs-control-row {
  border-bottom: 1px solid var(--clr-neutral-200);
}
.slrs-accessibility-controls .slrs-control-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.slrs-accessibility-controls .slrs-control-row > span {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}

.slrs-font-size-btns {
  display: flex;
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-full, 9999px);
  padding: 0.1875rem;
  gap: 0.125rem;
}
.slrs-font-size-btns .slrs-font-btn {
  background: none;
  border: none;
  padding: 0.375rem 1rem;
  font-size: 0.75rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  border-radius: var(--radius-full, 9999px);
  cursor: pointer;
  transition: all var(--transition-smooth);
}
.slrs-font-size-btns .slrs-font-btn.btn-sm {
  font-size: 0.6875rem;
}
.slrs-font-size-btns .slrs-font-btn.btn-lg {
  font-size: 0.8125rem;
}
.slrs-font-size-btns .slrs-font-btn:hover {
  color: var(--clr-primary);
}
.slrs-font-size-btns .slrs-font-btn.active {
  background: var(--clr-white);
  color: var(--clr-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.slrs-toggle-switch {
  position: relative;
  display: inline-block;
  width: var(--size-base-44);
  height: var(--size-base-24);
}
.slrs-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slrs-toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: var(--clr-neutral-300);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--radius-full, 9999px);
}
.slrs-toggle-switch .slider::before {
  content: "";
  position: absolute;
  height: 1rem;
  width: 1rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: var(--clr-white);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--radius-full, 9999px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.slrs-toggle-switch input:checked + .slider {
  background-color: var(--clr-primary);
  border-color: transparent;
}
.slrs-toggle-switch input:focus-visible + .slider {
  box-shadow: 0 0 0 3px var(--clr-primary-op-25);
}
.slrs-toggle-switch input:checked + .slider::before {
  transform: translate3d(1.25rem, 0, 0);
}

.slrs-callback-form {
  background: var(--clr-bg-alt);
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-callback-form {
    padding: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-callback-form {
    padding: var(--space-base-16);
  }
}
.slrs-callback-form {
  border-radius: var(--radius-lg);
  border: 1px solid var(--clr-neutral-200);
}
.slrs-callback-form .form-control {
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-neutral-300);
  background: var(--clr-bg);
  color: var(--clr-text);
  font-size: var(--ffs-sm);
  height: var(--size-base-36);
  transition: border-color var(--transition-smooth), box-shadow var(--transition-smooth);
}
.slrs-callback-form .form-control:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
  outline: none;
}

.slrs-support-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-support-links {
    gap: var(--space-base-10);
  }
}
.slrs-support-links .support-link-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-support-links .support-link-item {
    gap: var(--space-base-10);
  }
}
.slrs-support-links .support-link-item {
  padding: 0.625rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-neutral-700);
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  transition: all var(--transition-smooth);
}
.slrs-support-links .support-link-item i {
  font-size: var(--ffs-base);
}
.slrs-support-links .support-link-item:hover {
  background: var(--clr-primary-op-5);
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}
.slrs-support-links .support-link-item--whatsapp {
  background: rgba(34, 197, 94, 0.05);
  border-color: rgba(34, 197, 94, 0.15);
  color: #166534;
}
.slrs-support-links .support-link-item--whatsapp:hover {
  background: #166534;
  border-color: #166534;
  color: var(--clr-white);
  box-shadow: 0 4px 12px rgba(22, 101, 52, 0.25);
}

#settingsSaveBtn {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border: none;
  padding: 0.625rem 1.5rem;
  font-size: var(--ffs-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: var(--radius-full, 9999px);
  box-shadow: 0 4px 14px var(--clr-primary-op-25);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#settingsSaveBtn:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 6px 18px var(--clr-primary-op-35);
  filter: brightness(1.05);
}
#settingsSaveBtn:active {
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 6px var(--clr-primary-op-20);
}

#settingsResetBtn {
  background: transparent;
  color: var(--clr-text-muted);
  border: 1px solid var(--clr-neutral-300);
  padding: 0.625rem 1.5rem;
  font-size: var(--ffs-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: var(--radius-full, 9999px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#settingsResetBtn:hover {
  background: var(--clr-danger-op-10);
  color: var(--clr-danger);
  border-color: var(--clr-danger);
  transform: translate3d(0, -2px, 0);
}
#settingsResetBtn:active {
  transform: translate3d(0, 0, 0);
}

[data-theme=dark] .slrs-settings-modal__overlay {
  background: rgba(8, 12, 24, 0.55);
}
[data-theme=dark] .slrs-settings-modal__panel {
  background: rgba(11, 17, 32, 0.82);
  border-left-color: rgba(255, 255, 255, 0.08);
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .slrs-settings-modal__header {
  background: rgba(17, 24, 39, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-settings-modal__footer {
  background: rgba(17, 24, 39, 0.35);
  border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-settings-modal__title {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-settings-modal__close {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-settings-modal__close:hover {
  background: rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .slrs-settings-section__title {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-theme-dropdown__trigger {
  background: var(--clr-neutral-100);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-theme-dropdown__trigger:hover {
  background: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-theme-dropdown__trigger.active {
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-theme-dropdown__menu {
  background: var(--clr-neutral-50);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .slrs-theme-dropdown__item {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-theme-dropdown__item:hover {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-theme-dropdown__item.selected {
  background: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-accessibility-controls .slrs-control-row {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-accessibility-controls .slrs-control-row > span {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-font-size-btns {
  background: var(--clr-neutral-100);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-font-size-btns .slrs-font-btn {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-font-size-btns .slrs-font-btn:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-font-size-btns .slrs-font-btn.active {
  background: var(--clr-neutral-200);
  color: var(--clr-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .slrs-toggle-switch .slider {
  background-color: var(--clr-neutral-300);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-callback-form {
  background: var(--clr-neutral-100);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-callback-form .form-control {
  background: var(--clr-neutral-50);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-callback-form .form-control:focus {
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-support-links .support-link-item {
  background: var(--clr-neutral-100);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-support-links .support-link-item:hover {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-support-links .support-link-item--whatsapp {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}
[data-theme=dark] .slrs-support-links .support-link-item--whatsapp:hover {
  background: #166534;
  color: var(--clr-white);
}
[data-theme=dark] #settingsResetBtn {
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--clr-text-muted);
}
[data-theme=dark] #settingsResetBtn:hover {
  background: rgba(239, 68, 68, 0.15);
  color: #ff7b7b;
  border-color: #ff7b7b;
}

@keyframes slrsPopupFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slrsPopupScaleIn {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.slrs-popup {
  --transition-modal: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-smooth: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  inset: 0;
  z-index: 1070;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--transition-smooth), visibility var(--transition-smooth);
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-popup {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-popup {
    padding: var(--space-base-20);
  }
}
.slrs-popup.active {
  display: flex;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.slrs-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.6);
  cursor: pointer;
}
@media (min-width: 1025px) {
  .slrs-popup__overlay {
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
.slrs-popup__container {
  position: relative;
  width: 100%;
  max-width: 500px;
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl, 24px);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-popup__container {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-popup__container {
    padding: var(--space-base-40);
  }
}
.slrs-popup__container {
  z-index: 10;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.02);
  transform: scale(0.92) translateY(10px);
  transition: transform var(--transition-modal);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.slrs-popup.active .slrs-popup__container {
  transform: scale(1) translateY(0);
}
.slrs-popup__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradient-primary);
  z-index: 1;
}
.slrs-popup__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: 50%;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  transition: background var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);
  z-index: 20;
}
.slrs-popup__close:hover {
  background: var(--clr-danger-op-10);
  border-color: var(--clr-danger);
  color: var(--clr-danger);
  transform: rotate(90deg);
}
.slrs-popup__header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-popup__header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-popup__header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-popup__header {
  padding-right: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-popup__header {
    padding-right: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-popup__header {
    padding-right: var(--space-base-28);
  }
}
.slrs-popup__title {
  font-family: var(--ff-heading, inherit);
  font-size: var(--ffs-xl, 20px);
  font-weight: 700;
  color: var(--clr-text);
  margin: 0;
}
.slrs-popup__body {
  font-size: 14px;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-popup__body {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-popup__body {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-popup__body p {
  margin: 0 0 10px;
}
.slrs-popup__body p:last-child {
  margin-bottom: 0;
}
.slrs-popup__footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid var(--clr-neutral-200);
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-popup__footer {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-popup__footer {
    padding-top: var(--space-base-20);
  }
}

[data-theme=dark] .slrs-popup__overlay {
  background: rgba(8, 12, 24, 0.7);
}
[data-theme=dark] .slrs-popup__container {
  background: var(--clr-neutral-50);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-popup__close {
  background: var(--clr-neutral-100);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-popup__close:hover {
  background: rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .slrs-popup__title {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-popup__body {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-popup__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.universal-accordion-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .universal-accordion-group {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .universal-accordion-group {
    gap: var(--space-base-20);
  }
}
.universal-accordion-group {
  width: 100%;
}

.universal-accordion-item {
  border: 1px solid var(--clr-neutral-200);
  border-radius: 16px;
  background: var(--clr-bg);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.universal-accordion-item.active {
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.universal-accordion-item.active .universal-accordion-header {
  color: var(--clr-primary);
}
.universal-accordion-item.active .universal-accordion-header .universal-accordion-icon {
  transform: rotate(180deg);
  background-color: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}
.universal-accordion-item:hover:not(.active) {
  border-color: var(--clr-primary-op-30);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  transform: translateY(-1px);
}

.universal-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .universal-accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .universal-accordion-header {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.universal-accordion-header {
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: var(--ffs-xl);
  font-weight: var(--fw-semibold);
  text-align: left;
  color: var(--clr-text);
  cursor: pointer;
  outline: none;
  user-select: none;
  transition: color 0.3s ease;
}
.universal-accordion-header:active {
  transform: scale(0.995);
}

.universal-accordion-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .universal-accordion-title {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .universal-accordion-title {
    gap: var(--space-base-20);
  }
}
.universal-accordion-title {
  text-align: left;
}

.universal-accordion-left-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--clr-primary-op-8);
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
  flex-shrink: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.universal-accordion-item.active .universal-accordion-left-icon {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

.universal-accordion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--clr-neutral-100);
  color: var(--clr-text-muted);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
  margin-left: var(--space-base-12);
}
@media (min-width: 48em) {
  .universal-accordion-icon {
    margin-left: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .universal-accordion-icon {
    margin-left: var(--space-base-20);
  }
}
.universal-accordion-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.universal-accordion-panel {
  height: 0;
  overflow: hidden;
  will-change: height;
}

.universal-accordion-content {
  padding: 0 var(--space-base-20) var(--space-base-20) var(--space-base-20);
}
@media (min-width: 48em) {
  .universal-accordion-content {
    padding: 0 var(--space-base-28) var(--space-base-28) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .universal-accordion-content {
    padding: 0 var(--space-base-40) var(--space-base-40) var(--space-base-40);
  }
}
.universal-accordion-content {
  font-size: var(--ffs-base);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
}

[data-theme=dark] .universal-accordion-item {
  border-color: rgba(255, 255, 255, 0.08);
  background: var(--clr-neutral-50);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .universal-accordion-item.active {
  border-color: var(--clr-primary-dark);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .universal-accordion-item.active .universal-accordion-header {
  color: var(--clr-primary-dark);
}
[data-theme=dark] .universal-accordion-item.active .universal-accordion-header .universal-accordion-icon {
  background-color: var(--clr-primary-dark);
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
}
[data-theme=dark] .universal-accordion-item:hover:not(.active) {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .universal-accordion-header {
  color: var(--clr-text);
}
[data-theme=dark] .universal-accordion-icon {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--clr-text-muted);
}
[data-theme=dark] .universal-accordion-left-icon {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--clr-text);
}
[data-theme=dark] .universal-accordion-item.active .universal-accordion-left-icon {
  background-color: var(--clr-primary-dark);
  color: var(--clr-white);
}
[data-theme=dark] .universal-accordion-content {
  color: var(--clr-text-muted);
}

.accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .accordion-wrapper {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .accordion-wrapper {
    gap: var(--space-base-20);
  }
}
.accordion-wrapper {
  width: 100%;
}

.accordion-item {
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  overflow: hidden;
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
}
.accordion-item.active .accordion-header .accordion-icon-toggle {
  transform: rotate(180deg);
}

.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .accordion-header {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.accordion-header {
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  text-align: left;
  color: var(--clr-text);
  cursor: pointer;
  outline: none;
  user-select: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.accordion-header .accordion-title-area {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .accordion-header .accordion-title-area {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .accordion-header .accordion-title-area {
    gap: var(--space-base-16);
  }
}
.accordion-header .accordion-title-area i {
  font-size: var(--ffs-xl);
  color: var(--clr-primary);
}
.accordion-header .accordion-icon-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--clr-neutral-100);
  color: var(--clr-text-muted);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, color 0.3s ease;
  font-size: var(--ffs-2xs);
  flex-shrink: 0;
}

.accordion-content {
  height: 0;
  overflow: hidden;
  will-change: height;
  transition: height var(--accordion-speed, 300ms) cubic-bezier(0.25, 1, 0.5, 1);
}

.accordion-content-inner {
  padding: 0 var(--space-base-20) var(--space-base-20) var(--space-base-20);
}
@media (min-width: 48em) {
  .accordion-content-inner {
    padding: 0 var(--space-base-28) var(--space-base-28) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .accordion-content-inner {
    padding: 0 var(--space-base-40) var(--space-base-40) var(--space-base-40);
  }
}
.accordion-content-inner {
  font-size: var(--ffs-base);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
}
.accordion-content-inner p:last-child {
  margin-bottom: 0;
}

.accordion-variant-arrow .accordion-item.active {
  border-color: var(--clr-primary);
}
.accordion-variant-arrow .accordion-item.active .accordion-header {
  color: var(--clr-primary);
}
.accordion-variant-arrow .accordion-item.active .accordion-header .accordion-icon-toggle {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

.accordion-variant-plus .accordion-item.active .accordion-header .accordion-icon-toggle {
  transform: rotate(180deg);
}
.accordion-variant-plus .accordion-icon-toggle::before {
  content: "\f067";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: 900;
}
.accordion-variant-plus .accordion-item.active .accordion-icon-toggle::before {
  content: "\f068";
}

.accordion-variant-bordered {
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid var(--clr-neutral-200);
}
.accordion-variant-bordered .accordion-item {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--clr-neutral-200);
}
.accordion-variant-bordered .accordion-item:last-child {
  border-bottom: none;
}
.accordion-variant-bordered .accordion-item.active {
  background: var(--clr-neutral-100);
}
.accordion-variant-bordered .accordion-item.active .accordion-header {
  color: var(--clr-primary);
}

.accordion-variant-minimal {
  gap: 0;
}
.accordion-variant-minimal .accordion-item {
  border: none;
  border-radius: 0;
  background: transparent;
  border-bottom: 1.5px solid var(--clr-neutral-200);
}
.accordion-variant-minimal .accordion-item .accordion-header {
  padding: var(--space-base-12) var(--space-base-8);
}
@media (min-width: 48em) {
  .accordion-variant-minimal .accordion-item .accordion-header {
    padding: var(--space-base-16) var(--space-base-8);
  }
}
@media (min-width: 75em) {
  .accordion-variant-minimal .accordion-item .accordion-header {
    padding: var(--space-base-20) var(--space-base-10);
  }
}
.accordion-variant-minimal .accordion-item .accordion-content-inner {
  padding: 0 var(--space-base-8) var(--space-base-16) var(--space-base-8);
}
@media (min-width: 48em) {
  .accordion-variant-minimal .accordion-item .accordion-content-inner {
    padding: 0 var(--space-base-8) var(--space-base-20) var(--space-base-8);
  }
}
@media (min-width: 75em) {
  .accordion-variant-minimal .accordion-item .accordion-content-inner {
    padding: 0 var(--space-base-10) var(--space-base-28) var(--space-base-10);
  }
}
.accordion-variant-minimal .accordion-item.active .accordion-header {
  color: var(--clr-primary);
}

.accordion-variant-shadow .accordion-item {
  border: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.accordion-variant-shadow .accordion-item.active {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.accordion-variant-gradient .accordion-item.active {
  border-color: #8b5cf6;
}
.accordion-variant-gradient .accordion-item.active .accordion-header {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.06) 0%, rgba(236, 72, 153, 0.06) 100%);
  color: #8b5cf6;
}
.accordion-variant-gradient .accordion-item.active .accordion-header .accordion-icon-toggle {
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  color: var(--clr-white);
}

.accordion-variant-accent .accordion-item {
  position: relative;
}
.accordion-variant-accent .accordion-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: transparent;
  transition: background-color 0.3s ease;
}
.accordion-variant-accent .accordion-item.active {
  border-color: var(--clr-primary);
}
.accordion-variant-accent .accordion-item.active::before {
  background: var(--clr-primary);
}
.accordion-variant-accent .accordion-item.active .accordion-header {
  color: var(--clr-primary);
}

.accordion-variant-ghost .accordion-item {
  background: transparent;
  border: 1px dashed var(--clr-neutral-200);
}
.accordion-variant-ghost .accordion-item.active {
  background: var(--clr-primary-op-4);
  border-color: var(--clr-primary);
  border-style: solid;
}

.accordion-animation-smooth .accordion-content {
  transition: height var(--accordion-speed, 300ms) cubic-bezier(0.25, 1, 0.5, 1);
}

.accordion-animation-bounce .accordion-content {
  transition: height var(--accordion-speed, 350ms) cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.accordion-animation-fade .accordion-content {
  transition: height var(--accordion-speed, 300ms) cubic-bezier(0.25, 1, 0.5, 1);
}
.accordion-animation-fade .accordion-content-inner {
  opacity: 0;
  transition: opacity var(--accordion-speed, 300ms) ease;
}
.accordion-animation-fade .accordion-item.active .accordion-content-inner {
  opacity: 1;
}

.universal-tabs-container,
.tabs-section {
  width: 100%;
}

.universal-tabs-nav-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .universal-tabs-nav-wrapper {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .universal-tabs-nav-wrapper {
    margin-bottom: var(--space-base-40);
  }
}
.universal-tabs-nav-wrapper {
  width: 100%;
  border-radius: 30px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.04);
  padding: 6px;
  z-index: 10;
  box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.02);
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.tabs-container,
.universal-tabs-nav {
  position: relative;
  display: flex;
  flex: 1;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .tabs-container,
  .universal-tabs-nav {
    gap: var(--space-base-6);
  }
}
.tabs-container,
.universal-tabs-nav {
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.tabs-container::-webkit-scrollbar,
.universal-tabs-nav::-webkit-scrollbar {
  display: none;
}

.tab-item,
.universal-tab-btn {
  position: relative;
  z-index: 3;
  padding: 10px 24px;
  border-radius: 24px;
  font-family: inherit;
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  user-select: none;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .tab-item,
  .universal-tab-btn {
    gap: var(--space-base-10);
  }
}
.tab-item i, .tab-item svg,
.universal-tab-btn i,
.universal-tab-btn svg {
  font-size: var(--ffs-base);
  pointer-events: none;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}
.tab-item:hover,
.universal-tab-btn:hover {
  color: var(--clr-text);
}
.tab-item:hover i, .tab-item:hover svg,
.universal-tab-btn:hover i,
.universal-tab-btn:hover svg {
  transform: translateY(-1px);
}
.tab-item.active,
.universal-tab-btn.active {
  color: var(--clr-white);
}
.tab-item.active i, .tab-item.active svg,
.universal-tab-btn.active i,
.universal-tab-btn.active svg {
  transform: scale(1.15) translate3d(0, -1px, 0);
  color: var(--clr-accent) !important;
}

.slrs-portfolio__tab-count,
.tab-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: var(--fw-bold, 700);
  padding: 1px 7px;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.05);
  color: var(--clr-text-muted);
  margin-left: 6px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.active .slrs-portfolio__tab-count,
.active .tab-count-badge {
  background: rgba(255, 255, 255, 0.2);
  color: var(--clr-white);
}
.indicator-style-underline .active .slrs-portfolio__tab-count, .indicator-style-highlight .active .slrs-portfolio__tab-count, .indicator-style-dot .active .slrs-portfolio__tab-count,
.indicator-style-underline .active .tab-count-badge,
.indicator-style-highlight .active .tab-count-badge,
.indicator-style-dot .active .tab-count-badge {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}

.universal-tab-indicator {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transition: transform 0.38s cubic-bezier(0.25, 1, 0.5, 1), width 0.38s cubic-bezier(0.25, 1, 0.5, 1), height 0.38s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform, width, height;
}

.indicator-style-underline {
  background: transparent;
  border-bottom: 2px solid rgba(15, 23, 42, 0.06);
  border-radius: 0;
}
.indicator-style-underline .tab-item, .indicator-style-underline .universal-tab-btn {
  border-radius: 0;
  padding-bottom: 12px;
}
.indicator-style-underline .tab-item.active, .indicator-style-underline .universal-tab-btn.active {
  color: var(--clr-primary);
}
.indicator-style-underline .universal-tab-indicator {
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  height: 3px !important;
  border-radius: 2px 2px 0 0;
}

.indicator-style-pill .tab-item.active, .indicator-style-pill .universal-tab-btn.active {
  color: var(--clr-white);
}
.indicator-style-pill .universal-tab-indicator {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  border-radius: 24px;
  box-shadow: 0 4px 15px rgb(var(--clr-primary-rgb)/0.22);
}

.indicator-style-dot .tab-item.active, .indicator-style-dot .universal-tab-btn.active {
  color: var(--clr-primary);
}
.indicator-style-dot .universal-tab-indicator {
  background: var(--clr-accent);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--clr-accent);
}

.indicator-style-highlight .tab-item.active, .indicator-style-highlight .universal-tab-btn.active {
  color: var(--clr-primary);
}
.indicator-style-highlight .universal-tab-indicator {
  background: var(--clr-primary-op-7);
  border: 1px solid var(--clr-primary-op-10);
  border-radius: 24px;
  backdrop-filter: blur(4px);
}

.indicator-style-glow .tab-item.active, .indicator-style-glow .universal-tab-btn.active {
  color: var(--clr-white);
}
.indicator-style-glow .universal-tab-indicator {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  border-radius: 24px;
  box-shadow: 0 0 16px var(--clr-primary-op-45), 0 0 6px var(--clr-primary-op-25);
}

.tabs-nav-prev,
.tabs-nav-next {
  background: transparent;
  border: none;
  color: var(--clr-text-muted);
  font-size: var(--ffs-sm);
  padding: 0 var(--space-base-8);
}
@media (min-width: 75em) {
  .tabs-nav-prev,
  .tabs-nav-next {
    padding: 0 var(--space-base-10);
  }
}
.tabs-nav-prev,
.tabs-nav-next {
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size-sm);
  width: var(--size-sm);
  border-radius: 50%;
  transition: all 0.25s ease;
  user-select: none;
  flex-shrink: 0;
}
.tabs-nav-prev:hover,
.tabs-nav-next:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--clr-text);
}
.tabs-nav-prev:disabled, .tabs-nav-prev.disabled-fade,
.tabs-nav-next:disabled,
.tabs-nav-next.disabled-fade {
  opacity: 0.2;
  cursor: not-allowed;
}

.tab-content-wrapper,
.universal-tab-content-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  overflow-anchor: none;
  transform: translate3d(0, 0, 0);
  will-change: height;
}

.tab-category-content,
.universal-tab-panel {
  display: none;
  opacity: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  will-change: transform, opacity;
}
.tab-category-content.active,
.universal-tab-panel.active {
  display: block;
}
.tab-category-content.active.in,
.universal-tab-panel.active.in {
  opacity: 1;
  transform: translate3d(0, 0, 0) !important;
}

.tab-category-content.tab-fade,
.universal-tab-panel.tab-fade {
  transition: opacity 0.3s ease;
}

.tab-category-content.tab-slide-right,
.universal-tab-panel.tab-slide-right {
  transform: translate3d(20px, 0, 0);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.tab-category-content.tab-bounce-in,
.universal-tab-panel.tab-bounce-in {
  transform: scale(0.96) translate3d(0, 0, 0);
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.tab-category-content.tab-scale-up,
.universal-tab-panel.tab-scale-up {
  transform: scale(0.95) translate3d(0, 0, 0);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.tab-category-content.tab-fade-blur,
.universal-tab-panel.tab-fade-blur {
  filter: blur(4px);
  transition: opacity 0.25s ease, filter 0.25s ease;
}
.tab-category-content.tab-fade-blur.in,
.universal-tab-panel.tab-fade-blur.in {
  filter: blur(0px);
}

.tab-category-content.tab-flip-in,
.universal-tab-panel.tab-flip-in {
  backface-visibility: hidden;
  transform: perspective(600px) rotateY(-15deg);
  transition: opacity 0.3s ease, transform 0.3s ease-out;
}

[data-theme=dark] .universal-tabs-nav-wrapper {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .tab-item,
[data-theme=dark] .universal-tab-btn {
  color: var(--clr-text-muted);
}
[data-theme=dark] .tab-item:hover,
[data-theme=dark] .universal-tab-btn:hover {
  color: var(--clr-white);
}
[data-theme=dark] .tab-item.active,
[data-theme=dark] .universal-tab-btn.active {
  color: var(--clr-white);
}
[data-theme=dark] .tab-item.active i, [data-theme=dark] .tab-item.active svg,
[data-theme=dark] .universal-tab-btn.active i,
[data-theme=dark] .universal-tab-btn.active svg {
  color: var(--clr-accent) !important;
}
[data-theme=dark] .slrs-portfolio__tab-count,
[data-theme=dark] .tab-count-badge {
  background: rgba(255, 255, 255, 0.05);
  color: var(--clr-text-muted);
}
.active [data-theme=dark] .slrs-portfolio__tab-count,
.active [data-theme=dark] .tab-count-badge {
  background: rgba(255, 255, 255, 0.15);
  color: var(--clr-white);
}
.indicator-style-underline .active [data-theme=dark] .slrs-portfolio__tab-count, .indicator-style-highlight .active [data-theme=dark] .slrs-portfolio__tab-count, .indicator-style-dot .active [data-theme=dark] .slrs-portfolio__tab-count,
.indicator-style-underline .active [data-theme=dark] .tab-count-badge,
.indicator-style-highlight .active [data-theme=dark] .tab-count-badge,
.indicator-style-dot .active [data-theme=dark] .tab-count-badge {
  background: var(--clr-primary-op-20);
  color: var(--clr-primary-dark);
}
[data-theme=dark] .tabs-nav-prev,
[data-theme=dark] .tabs-nav-next {
  color: var(--clr-text-muted);
}
[data-theme=dark] .tabs-nav-prev:hover,
[data-theme=dark] .tabs-nav-next:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--clr-white);
}
[data-theme=dark] .indicator-style-underline {
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .indicator-style-underline .tab-item.active, [data-theme=dark] .indicator-style-underline .universal-tab-btn.active {
  color: var(--clr-primary-dark);
}
[data-theme=dark] .indicator-style-underline .universal-tab-indicator {
  background: linear-gradient(90deg, var(--clr-primary-dark) 0%, var(--clr-secondary) 100%);
}
[data-theme=dark] .indicator-style-pill .universal-tab-indicator {
  background: linear-gradient(135deg, var(--clr-primary-dark) 0%, var(--clr-secondary) 100%);
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
[data-theme=dark] .indicator-style-dot .tab-item.active, [data-theme=dark] .indicator-style-dot .universal-tab-btn.active {
  color: var(--clr-primary-dark);
}
[data-theme=dark] .indicator-style-dot .universal-tab-indicator {
  background: var(--clr-primary-dark);
}
[data-theme=dark] .indicator-style-highlight .tab-item.active, [data-theme=dark] .indicator-style-highlight .universal-tab-btn.active {
  color: var(--clr-primary-dark);
}
[data-theme=dark] .indicator-style-highlight .universal-tab-indicator {
  background: var(--clr-primary-op-25);
  border: 1px solid var(--clr-primary-op-30);
}
[data-theme=dark] .indicator-style-glow .universal-tab-indicator {
  background: var(--clr-primary-dark);
  box-shadow: 0 0 16px var(--clr-primary-dark), 0 0 6px var(--clr-primary-op-40);
}

.universal-tabs-container[data-instance=swiper-tabs] .tab-item.active,
.universal-tabs-container[data-instance=swiper-tabs] .universal-tab-btn.active {
  color: var(--clr-neutral-900) !important;
}

:root {
  --swiper-arrow-size: 40px;
  --swiper-arrow-bg: var(--clr-bg);
  --swiper-arrow-shadow: var(--shadow-sm);
  --swiper-arrow-border-radius: var(--radius-full);
  --swiper-arrow-icon-size: 10px;
  --swiper-arrow-icon-thickness: 2px;
  --swiper-arrow-offset: var(--space-base-16);
  --swiper-arrow-offset-inside: var(--space-base-12);
  --swiper-arrow-disabled-opacity: 0.35;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-active-width: 24px;
  --swiper-pagination-spacing: var(--space-base-16);
  --swiper-pagination-gap: var(--space-base-8);
  --swiper-pagination-bottom: 0;
  --swiper-progress-height: 3px;
  --swiper-container-padding: 0;
  --swiper-z-container: var(--z-content, 1);
  --swiper-z-wrapper: var(--z-content, 1);
  --swiper-z-slide: var(--z-content, 1);
  --swiper-z-pagination: var(--z-10, 10);
  --swiper-z-navigation: var(--z-10, 10);
  --swiper-z-scrollbar: var(--z-10, 10);
  --swiper-z-lazy: var(--z-5, 5);
}

.swiper {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: var(--swiper-container-padding);
  z-index: var(--swiper-z-container);
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: var(--swiper-z-wrapper);
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: opacity;
  z-index: var(--swiper-z-slide);
}
.swiper-slide > img,
.swiper-slide > picture > img,
.swiper-slide > a > img,
.swiper-slide > figure > img,
.swiper-slide > a > picture > img,
.swiper-slide > figure > picture > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.swiper-slide.swiper-slide-auto-height {
  height: auto;
}

.swiper-slide-active {
  z-index: 2;
  will-change: auto;
}

.swiper-slide-next,
.swiper-slide-prev {
  z-index: 1;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: var(--swiper-arrow-size) !important;
  height: var(--swiper-arrow-size) !important;
  margin-top: calc(var(--swiper-arrow-size) / -2) !important;
  z-index: var(--swiper-z-navigation);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--swiper-arrow-bg);
  border: none;
  border-radius: var(--swiper-arrow-border-radius);
  box-shadow: var(--swiper-arrow-shadow);
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.swiper-button-next::after, .swiper-button-next:after,
.swiper-button-prev::after,
.swiper-button-prev:after {
  content: none !important;
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  display: none !important;
}
.swiper-button-next::before,
.swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--swiper-arrow-icon-size);
  height: var(--swiper-arrow-icon-size);
  border-top: var(--swiper-arrow-icon-thickness) solid currentColor;
  border-right: var(--swiper-arrow-icon-thickness) solid currentColor;
  transition: border-color 0.3s ease;
}
.swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary);
  box-shadow: 0 6px 20px var(--clr-primary-op-40);
  transform: translateY(-50%) scale(1.1);
}
.swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}
.swiper-button-next:active:not(.swiper-button-disabled),
.swiper-button-prev:active:not(.swiper-button-disabled) {
  transform: translateY(-50%) scale(0.95);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: var(--swiper-arrow-disabled-opacity);
  cursor: not-allowed;
  pointer-events: none;
}
.swiper-button-next.swiper-button-disabled:hover,
.swiper-button-prev.swiper-button-disabled:hover {
  transform: translateY(-50%);
  background: var(--swiper-arrow-bg);
  box-shadow: var(--swiper-arrow-shadow);
}
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
  display: none !important;
}

.swiper-button-next {
  right: var(--swiper-arrow-offset);
}
.swiper-button-next::before {
  transform: translate(-60%, -50%) rotate(45deg);
}

.swiper-button-prev {
  left: var(--swiper-arrow-offset);
}
.swiper-button-prev::before {
  transform: translate(-40%, -50%) rotate(-135deg);
}

.swiper-arrows-circle .swiper-button-next,
.swiper-arrows-circle .swiper-button-prev {
  --swiper-arrow-border-radius: 50%;
}

.swiper-arrows-square .swiper-button-next,
.swiper-arrows-square .swiper-button-prev {
  --swiper-arrow-border-radius: 8px;
}

.swiper-arrows-pill .swiper-button-next,
.swiper-arrows-pill .swiper-button-prev {
  --swiper-arrow-border-radius: 20px;
  width: 50px !important;
}

.swiper-arrows-gradient .swiper-button-next,
.swiper-arrows-gradient .swiper-button-prev {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-primary));
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
.swiper-arrows-gradient .swiper-button-next::before,
.swiper-arrows-gradient .swiper-button-prev::before {
  border-color: #ffffff;
}
.swiper-arrows-gradient .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-gradient .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 6px 25px var(--clr-primary-op-50);
}
.swiper-arrows-gradient .swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-arrows-gradient .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}

.swiper-arrows-outlined .swiper-button-next,
.swiper-arrows-outlined .swiper-button-prev {
  background: transparent;
  border: 2px solid var(--clr-text);
  box-shadow: none;
}
.swiper-arrows-outlined .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-outlined .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  box-shadow: 0 6px 20px var(--clr-primary-op-40);
}
.swiper-arrows-outlined .swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-arrows-outlined .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}

.swiper-arrows-minimal .swiper-button-next,
.swiper-arrows-minimal .swiper-button-prev {
  --swiper-arrow-size: 32px;
  --swiper-arrow-icon-size: 8px;
  --swiper-arrow-icon-thickness: 1.5px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}
.swiper-arrows-minimal .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-minimal .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.swiper-arrows-bold .swiper-button-next,
.swiper-arrows-bold .swiper-button-prev {
  --swiper-arrow-size: 48px;
  --swiper-arrow-icon-size: 12px;
  --swiper-arrow-icon-thickness: 3px;
  background: var(--clr-primary);
  box-shadow: 0 4px 14px var(--clr-primary-op-50);
}
.swiper-arrows-bold .swiper-button-next::before,
.swiper-arrows-bold .swiper-button-prev::before {
  border-color: #ffffff;
}
.swiper-arrows-bold .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-bold .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary-dark);
  box-shadow: 0 6px 24px var(--clr-primary-op-60);
}
.swiper-arrows-bold .swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-arrows-bold .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}

.swiper-arrows-glass .swiper-button-next,
.swiper-arrows-glass .swiper-button-prev {
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.swiper-arrows-glass .swiper-button-next::before,
.swiper-arrows-glass .swiper-button-prev::before {
  border-color: #ffffff;
}
.swiper-arrows-glass .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-glass .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary-op-30);
  border-color: var(--clr-primary-op-50);
  box-shadow: 0 8px 32px var(--clr-primary-op-20);
}
.swiper-arrows-glass .swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-arrows-glass .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}

.swiper-arrows-dark .swiper-button-next,
.swiper-arrows-dark .swiper-button-prev {
  background: rgba(15, 23, 42, 0.9);
}
.swiper-arrows-dark .swiper-button-next::before,
.swiper-arrows-dark .swiper-button-prev::before {
  border-color: #e2e8f0;
}
.swiper-arrows-dark .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-dark .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: rgb(15, 23, 42);
}
.swiper-arrows-dark .swiper-button-next:hover:not(.swiper-button-disabled)::before,
.swiper-arrows-dark .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}

.swiper-arrows-primary .swiper-button-next,
.swiper-arrows-primary .swiper-button-prev {
  background: var(--clr-primary);
  box-shadow: 0 4px 14px var(--clr-primary-op-40);
}
.swiper-arrows-primary .swiper-button-next::before,
.swiper-arrows-primary .swiper-button-prev::before {
  border-color: #ffffff;
}
.swiper-arrows-primary .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-arrows-primary .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary-dark);
  box-shadow: 0 6px 20px var(--clr-primary-op-50);
}

.swiper-nav-inside .swiper-button-next {
  right: var(--swiper-arrow-offset-inside);
}
.swiper-nav-inside .swiper-button-prev {
  left: var(--swiper-arrow-offset-inside);
}

.swiper-nav-outside {
  overflow: visible;
  margin: 0 60px;
}
.swiper-nav-outside .swiper-button-next {
  right: -50px;
}
.swiper-nav-outside .swiper-button-prev {
  left: -50px;
}
@media (max-width: 1024px) {
  .swiper-nav-outside {
    margin: 0 45px;
  }
  .swiper-nav-outside .swiper-button-next {
    right: -40px;
  }
  .swiper-nav-outside .swiper-button-prev {
    left: -40px;
  }
}
@media (max-width: 768px) {
  .swiper-nav-outside {
    margin: 0;
    overflow: hidden;
  }
  .swiper-nav-outside .swiper-button-next {
    right: 10px;
  }
  .swiper-nav-outside .swiper-button-prev {
    left: 10px;
  }
}

.swiper-nav-bottom .swiper-button-next,
.swiper-nav-bottom .swiper-button-prev {
  top: auto;
  bottom: 60px;
  margin-top: 0;
  transform: translateY(0);
}
.swiper-nav-bottom .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-nav-bottom .swiper-button-prev:hover:not(.swiper-button-disabled) {
  transform: scale(1.1);
}
.swiper-nav-bottom .swiper-button-next:active:not(.swiper-button-disabled),
.swiper-nav-bottom .swiper-button-prev:active:not(.swiper-button-disabled) {
  transform: scale(0.95);
}

.swiper-nav-bottom-center .swiper-button-next,
.swiper-nav-bottom-center .swiper-button-prev {
  top: auto;
  bottom: 20px;
  margin-top: 0;
  transform: translateY(0);
}
.swiper-nav-bottom-center .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-nav-bottom-center .swiper-button-prev:hover:not(.swiper-button-disabled) {
  transform: scale(1.1);
}
.swiper-nav-bottom-center .swiper-button-prev {
  left: calc(50% - 50px);
}
.swiper-nav-bottom-center .swiper-button-next {
  right: calc(50% - 50px);
}

.swiper-nav-top .swiper-button-next,
.swiper-nav-top .swiper-button-prev {
  top: 20px;
  bottom: auto;
  margin-top: 0;
  transform: translateY(0);
}
.swiper-nav-top .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-nav-top .swiper-button-prev:hover:not(.swiper-button-disabled) {
  transform: scale(1.1);
}

.swiper-nav-top-right .swiper-button-next,
.swiper-nav-top-right .swiper-button-prev {
  top: 20px;
  bottom: auto;
  margin-top: 0;
  transform: translateY(0);
}
.swiper-nav-top-right .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-nav-top-right .swiper-button-prev:hover:not(.swiper-button-disabled) {
  transform: scale(1.1);
}
.swiper-nav-top-right .swiper-button-next {
  right: 20px;
}
.swiper-nav-top-right .swiper-button-prev {
  right: 70px;
  left: auto;
}

.swiper-nav-vertical .swiper-button-next,
.swiper-nav-vertical .swiper-button-prev {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.swiper-nav-vertical .swiper-button-next:hover:not(.swiper-button-disabled),
.swiper-nav-vertical .swiper-button-prev:hover:not(.swiper-button-disabled) {
  transform: translateX(-50%) scale(1.1);
}
.swiper-nav-vertical .swiper-button-prev {
  top: 20px;
  bottom: auto;
}
.swiper-nav-vertical .swiper-button-prev::before {
  transform: translate(-50%, -40%) rotate(-45deg);
}
.swiper-nav-vertical .swiper-button-next {
  top: auto;
  bottom: 20px;
}
.swiper-nav-vertical .swiper-button-next::before {
  transform: translate(-50%, -60%) rotate(135deg);
}

@media (hover: hover) {
  .universal-swiper-slider:not(.swiper-nav-vertical) .swiper-button-prev {
    opacity: 0 !important;
    transform: translateY(-50%) translateX(-15px) !important;
    pointer-events: none;
  }
  .universal-swiper-slider:not(.swiper-nav-vertical) .swiper-button-next {
    opacity: 0 !important;
    transform: translateY(-50%) translateX(15px) !important;
    pointer-events: none;
  }
  .universal-swiper-slider:not(.swiper-nav-vertical):hover .swiper-button-prev {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
    pointer-events: auto;
  }
  .universal-swiper-slider:not(.swiper-nav-vertical):hover .swiper-button-next {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
    pointer-events: auto;
  }
}
.swiper-pagination {
  position: relative !important;
  bottom: var(--swiper-pagination-bottom) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: var(--swiper-pagination-spacing) auto 0 !important;
  padding: 0.75rem 0;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  text-align: center !important;
  gap: var(--swiper-pagination-gap);
  z-index: var(--swiper-z-pagination);
}
.swiper-pagination.swiper-pagination-lock {
  display: none !important;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-size);
  height: var(--swiper-pagination-bullet-size);
  background: var(--clr-text-muted);
  opacity: 0.4;
  margin: 0 !important;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-radius 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  display: inline-block;
}
.swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  opacity: 0.8;
  transform: scale(1.2);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--clr-primary);
  width: var(--swiper-pagination-bullet-active-width);
  border-radius: calc(var(--swiper-pagination-bullet-size) / 2);
  transform: scale(1);
  box-shadow: 0 0 10px var(--clr-primary-op-40);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
  transform: scale(1.05);
}
.swiper-pagination-bullet:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}

.swiper-pagination-dots .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-size);
  height: var(--swiper-pagination-bullet-size);
  border-radius: 50%;
}
.swiper-pagination-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-active-width);
  border-radius: calc(var(--swiper-pagination-bullet-size) / 2);
}

.swiper-pagination-progress .swiper-pagination {
  gap: 8px;
}
.swiper-pagination-progress .swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-pagination-progress .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 2px 8px var(--clr-primary-op-30);
}

.swiper-pagination-numbered .swiper-pagination {
  counter-reset: swiper-counter;
}
.swiper-pagination-numbered .swiper-pagination-bullet {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.05);
  color: var(--clr-text);
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-increment: swiper-counter;
}
.swiper-pagination-numbered .swiper-pagination-bullet::before {
  content: counter(swiper-counter);
}
.swiper-pagination-numbered .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}

.swiper-pagination-gradient .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.1);
}
.swiper-pagination-gradient .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-primary));
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}

.swiper-pagination-large .swiper-pagination {
  gap: 10px;
}
.swiper-pagination-large .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-bullet-active-width: 32px;
}
.swiper-pagination-large .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 6px;
}

.swiper-pagination-minimal .swiper-pagination {
  gap: 4px;
  padding: 0.5rem 0;
  margin-top: 0.75rem !important;
}
.swiper-pagination-minimal .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-active-width: 20px;
  background: rgba(0, 0, 0, 0.15);
}
.swiper-pagination-minimal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 3px;
}

.swiper-pagination-dashes .swiper-pagination {
  gap: 6px;
}
.swiper-pagination-dashes .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  border-radius: 1.5px;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-pagination-dashes .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background: var(--clr-primary);
}

.swiper-pagination-outline .swiper-pagination-bullet {
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.15);
}
.swiper-pagination-outline .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--clr-primary);
  background: var(--clr-primary);
}
.swiper-pagination-outline .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  border-color: rgba(0, 0, 0, 0.3);
  background: transparent;
}

.swiper-pagination-center .swiper-pagination {
  justify-content: center !important;
}

.swiper-pagination-left .swiper-pagination {
  justify-content: flex-start !important;
  padding-left: 1rem;
}

.swiper-pagination-right .swiper-pagination {
  justify-content: flex-end !important;
  padding-right: 1rem;
}

.swiper-pagination-inside .swiper-pagination {
  position: absolute !important;
  bottom: 15px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.9);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  width: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.swiper-pagination-outside {
  padding-bottom: 50px;
}
.swiper-pagination-outside .swiper-pagination {
  position: absolute !important;
  bottom: 0 !important;
}

.swiper-pagination-vertical,
.swiper-pagination.swiper-pagination-vertical {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--swiper-pagination-gap, 8px) !important;
  z-index: var(--swiper-z-pagination) !important;
  right: 15px !important;
  left: auto !important;
}
.swiper-pagination-vertical .swiper-pagination-bullet,
.swiper-pagination.swiper-pagination-vertical .swiper-pagination-bullet {
  margin: 0 !important;
}
.swiper-pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: var(--swiper-pagination-bullet-active-width, 20px) !important;
  width: var(--swiper-pagination-bullet-size, 8px) !important;
  border-radius: calc(var(--swiper-pagination-bullet-size, 8px) / 2) !important;
}

.swiper-pagination-fraction.swiper-pagination {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin: 1.5rem auto 0 !important;
  padding: 8px 20px !important;
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  font-family: var(--font-primary) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  color: var(--clr-text-muted) !important;
  gap: 6px !important;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .swiper-pagination-fraction.swiper-pagination {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}
.swiper-pagination-fraction.swiper-pagination .swiper-pagination-current {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--clr-primary) !important;
  line-height: 1 !important;
}
.swiper-pagination-fraction.swiper-pagination .swiper-pagination-total {
  font-weight: 500 !important;
  color: var(--clr-text-muted) !important;
  opacity: 0.7 !important;
  line-height: 1 !important;
}

.swiper-pagination-progressbar.swiper-pagination {
  position: relative !important;
  display: block !important;
  height: 6px !important;
  background: var(--clr-primary-op-10) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  width: 80% !important;
  max-width: 400px !important;
  margin: 1.5rem auto 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
}
[data-theme=dark] .swiper-pagination-progressbar.swiper-pagination {
  background: rgba(255, 255, 255, 0.08) !important;
}
.swiper-pagination-progressbar.swiper-pagination .swiper-pagination-progressbar-fill {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent)) !important;
  border-radius: 10px !important;
  height: 100% !important;
  display: block !important;
  transform-origin: left top !important;
}

.swiper-scrollbar {
  position: relative;
  width: 100%;
  height: var(--swiper-scrollbar-height);
  background: rgba(0, 0, 0, 0.08);
  border-radius: var(--swiper-scrollbar-border-radius);
  margin-top: 1rem;
  z-index: var(--swiper-z-scrollbar);
}
.swiper-scrollbar.swiper-scrollbar-lock {
  display: none;
}

.swiper-scrollbar-drag {
  height: 100%;
  background: var(--clr-primary);
  border-radius: var(--swiper-scrollbar-border-radius);
  cursor: grab;
  transition: background 0.2s ease;
}
.swiper-scrollbar-drag:hover {
  background: var(--clr-primary-dark);
}
.swiper-scrollbar-drag:active {
  cursor: grabbing;
}

.swiper-scrollbar-vertical {
  position: absolute;
  right: 10px;
  top: 0;
  width: var(--swiper-scrollbar-height);
  height: 100%;
}
.swiper-scrollbar-vertical .swiper-scrollbar-drag {
  width: 100%;
}

.swiper-scrollbar-gradient .swiper-scrollbar-drag {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
}

.swiper-scrollbar-thin .swiper-scrollbar {
  --swiper-scrollbar-height: 2px;
}

.swiper-scrollbar-thick .swiper-scrollbar {
  --swiper-scrollbar-height: 6px;
}

.swiper-autoplay-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--swiper-progress-height);
  background: rgba(255, 255, 255, 0.15);
  z-index: 15;
  overflow: hidden;
}
.swiper-autoplay-progress .swiper-autoplay-progress-bar {
  height: 100%;
  background: var(--clr-primary);
  width: 0%;
  transition: width 0.1s linear;
}

.swiper-autoplay-progress-circle {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  z-index: 15;
}
.swiper-autoplay-progress-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.swiper-autoplay-progress-circle svg circle {
  fill: none;
  stroke-width: 3;
}
.swiper-autoplay-progress-circle svg circle.bg {
  stroke: rgba(255, 255, 255, 0.2);
}
.swiper-autoplay-progress-circle svg circle.progress {
  stroke: var(--clr-primary);
  stroke-dasharray: 113;
  stroke-dashoffset: 113;
  transition: stroke-dashoffset 0.1s linear;
}
.swiper-autoplay-progress-circle .pause-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}
.swiper-autoplay-progress-circle:hover .pause-icon {
  opacity: 1;
}

.swiper-thumbs {
  margin-top: 10px;
}
.swiper-thumbs .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.swiper-thumbs .swiper-slide:hover {
  opacity: 0.8;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active img {
  border: 2px solid var(--clr-primary);
  border-radius: 4px;
}

.swiper-thumb-gallery .swiper-main {
  margin-bottom: 10px;
}
.swiper-thumb-gallery .swiper-thumbs .swiper-slide {
  width: 80px !important;
  height: 60px;
}
.swiper-thumb-gallery .swiper-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.swiper-thumb-vertical {
  display: flex;
  gap: 10px;
}
.swiper-thumb-vertical .swiper-main {
  flex: 1;
}
.swiper-thumb-vertical .swiper-thumbs {
  width: 100px;
  margin-top: 0;
}
.swiper-thumb-vertical .swiper-thumbs .swiper-wrapper {
  flex-direction: column;
}
.swiper-thumb-vertical .swiper-thumbs .swiper-slide {
  height: 70px !important;
  width: 100% !important;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
  opacity: 0 !important;
}
.swiper-fade .swiper-slide.swiper-slide-active {
  pointer-events: auto;
  opacity: 1 !important;
}

.swiper-cube {
  overflow: visible !important;
}
.swiper-cube .swiper-slide {
  visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-slide.swiper-slide-active, .swiper-cube .swiper-slide.swiper-slide-next, .swiper-cube .swiper-slide.swiper-slide-prev {
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  filter: blur(50px);
  z-index: -1;
}

.swiper-coverflow {
  overflow: visible !important;
}
.swiper-coverflow .swiper-slide {
  transition: opacity 0.3s ease;
}
.swiper-coverflow .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.7;
}

.swiper-cards {
  overflow: visible !important;
}
.swiper-cards .swiper-slide {
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.swiper-cards .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.9;
}

.swiper-flip {
  overflow: visible !important;
}
.swiper-flip .swiper-slide {
  backface-visibility: hidden;
}
.swiper-flip .swiper-slide.swiper-slide-active {
  z-index: 1;
}

.swiper-creative {
  overflow: visible !important;
}
.swiper-creative .swiper-slide {
  transition: opacity 0.4s ease;
  border-radius: 12px;
  overflow: hidden;
}

.swiper-grid .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid .swiper-slide {
  height: auto;
}

.swiper-grid-column .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-free-mode .swiper-wrapper {
  transition-timing-function: ease-out;
}
.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-lazy {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.swiper-lazy.swiper-lazy-loaded {
  opacity: 1;
}

.swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--clr-primary);
  border-radius: 50%;
  animation: swiperLazyPreloader 0.8s linear infinite;
  z-index: var(--swiper-z-lazy);
}

@keyframes swiperLazyPreloader {
  to {
    transform: rotate(360deg);
  }
}
.swiper-lazy-preloader-white {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
}

@media (hover: hover) {
  .swiper-button-next:hover:not(.swiper-button-disabled)::before {
    animation: slrsArrowPulseNext 0.6s ease infinite;
  }
  .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
    animation: slrsArrowPulsePrev 0.6s ease infinite;
  }
}
@keyframes slrsArrowPulseNext {
  0%, 100% {
    transform: translate(-60%, -50%) rotate(45deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes slrsArrowPulsePrev {
  0%, 100% {
    transform: translate(-40%, -50%) rotate(-135deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-135deg);
  }
}
[data-theme=dark] .swiper-button-next,
[data-theme=dark] .swiper-button-prev {
  --swiper-arrow-bg: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .swiper-button-next::before,
[data-theme=dark] .swiper-button-prev::before {
  border-color: #cbd5e1;
}
[data-theme=dark] .swiper-button-next:hover:not(.swiper-button-disabled),
[data-theme=dark] .swiper-button-prev:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary-dark);
  border-color: var(--clr-primary-dark);
}
[data-theme=dark] .swiper-button-next:hover:not(.swiper-button-disabled)::before,
[data-theme=dark] .swiper-button-prev:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff;
}
[data-theme=dark] .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.25);
}
[data-theme=dark] .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--clr-primary-dark);
}
[data-theme=dark] .swiper-pagination-inside .swiper-pagination {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .swiper-scrollbar {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .swiper-scrollbar-drag {
  background: var(--clr-primary-dark);
}

.universal-swiper-slider.has-kenburns .swiper-slide {
  overflow: hidden;
}
.universal-swiper-slider.has-kenburns .swiper-slide .kenburns-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transform: scale(1) translate3d(0, 0, 0);
  will-change: transform;
  transition: transform 12s cubic-bezier(0.16, 1, 0.3, 1);
}
.universal-swiper-slider.has-kenburns .swiper-slide.swiper-slide-active .kenburns-bg {
  transform: scale(1.15) translate3d(0, 0, 0);
}

.universal-swiper-slider.thumbs-gallery-main {
  margin-bottom: 15px;
}

.universal-swiper-slider.thumbs-gallery-thumbs {
  margin-top: 10px;
  padding: 2px 0;
}
.universal-swiper-slider.thumbs-gallery-thumbs .swiper-slide {
  cursor: pointer;
  opacity: 0.5;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  transition: opacity 0.3s ease, border-color 0.3s ease;
}
.universal-swiper-slider.thumbs-gallery-thumbs .swiper-slide img {
  border-radius: 4px;
}
.universal-swiper-slider.thumbs-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--clr-primary);
}
.universal-swiper-slider.thumbs-gallery-thumbs .swiper-slide:hover {
  opacity: 0.85;
}

.swiper-scrollbar {
  position: relative;
  background: rgba(15, 23, 42, 0.06);
  border-radius: var(--radius-sm);
  height: 6px !important;
  width: 100%;
  margin-top: 24px;
  cursor: pointer;
  overflow: hidden;
  opacity: 0.85;
  transition: opacity 0.3s ease, background-color 0.3s ease, height 0.3s ease;
}
.swiper-scrollbar:hover {
  opacity: 1;
  background: rgba(15, 23, 42, 0.1);
  height: 8px !important;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--clr-primary);
  border-radius: var(--radius-sm);
  height: 100%;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  cursor: grab;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.swiper-scrollbar .swiper-scrollbar-drag:active {
  cursor: grabbing;
  background: var(--clr-accent);
  transform: scaleY(1.15);
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: row !important;
}

.universal-swiper-slider[data-grid-rows="2"] {
  height: 390px;
  padding-bottom: 35px;
}
.universal-swiper-slider[data-grid-rows="2"] .swiper-wrapper {
  height: calc(100% - 35px);
}
.universal-swiper-slider[data-grid-rows="2"] .swiper-slide {
  height: calc((100% - 20px) / 2) !important;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  margin-top: 0 !important;
}
.universal-swiper-slider[data-grid-rows="2"] .swiper-slide > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .universal-swiper-slider[data-grid-rows="2"] {
    height: 360px;
  }
  .universal-swiper-slider[data-grid-rows="2"] .swiper-slide {
    height: calc((100% - 15px) / 2) !important;
  }
}
@media (max-width: 575px) {
  .universal-swiper-slider[data-grid-rows="2"] {
    height: 340px;
  }
  .universal-swiper-slider[data-grid-rows="2"] .swiper-slide {
    height: calc((100% - 10px) / 2) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swiper-wrapper,
  .swiper-slide,
  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination-bullet {
    transition: none !important;
    animation: none !important;
  }
}
.slrs-demo {
  padding: var(--space-base-80) 0;
}
@media (min-width: 48em) {
  .slrs-demo {
    padding: var(--space-base-144) 0;
  }
}
@media (min-width: 75em) {
  .slrs-demo {
    padding: var(--space-base-160) 0;
  }
}
.slrs-demo {
  position: relative;
}
.slrs-demo:nth-of-type(even) {
  background-color: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-demo:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.02);
}
.slrs-demo .slrs-section-header {
  text-align: center;
  margin-bottom: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-demo .slrs-section-header {
    margin-bottom: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header {
    margin-bottom: var(--space-base-56);
  }
}
.slrs-demo .slrs-section-header__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header__tag {
    gap: var(--space-base-6);
  }
}
.slrs-demo .slrs-section-header__tag {
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-demo .slrs-section-header__tag {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header__tag {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-demo .slrs-section-header__tag {
  background: var(--clr-primary-op-8);
  border-radius: 20px;
  color: var(--clr-primary);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-demo .slrs-section-header__tag {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header__tag {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-demo .slrs-section-header__tag--accent {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}
.slrs-demo .slrs-section-header__tag--gradient {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.slrs-demo .slrs-section-header__title {
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-demo .slrs-section-header__title {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header__title {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-demo .slrs-section-header__title {
  letter-spacing: -0.01em;
}
.slrs-demo .slrs-section-header__title .text-gradient {
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-demo .slrs-section-header__title .text-accent-gradient {
  background: linear-gradient(90deg, var(--clr-primary-dark) 0%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-demo .slrs-section-header__subtitle {
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  max-width: 650px;
  margin: 0 auto var(--space-base-20) auto;
}
@media (min-width: 48em) {
  .slrs-demo .slrs-section-header__subtitle {
    margin: 0 auto var(--space-base-28) auto;
  }
}
@media (min-width: 75em) {
  .slrs-demo .slrs-section-header__subtitle {
    margin: 0 auto var(--space-base-40) auto;
  }
}
.slrs-demo .slrs-section-header__subtitle {
  line-height: var(--lh-normal);
}
.slrs-demo .slrs-section-header__divider {
  display: block;
  width: 60px;
  height: 4px;
  background: var(--clr-primary);
  margin: 0 auto;
  border-radius: 2px;
}
.slrs-demo .slrs-section-header__divider--accent {
  background: #10b981;
}
.slrs-demo__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-demo__features {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-demo__features {
    gap: var(--space-base-16);
  }
}
.slrs-demo__features {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-demo__features {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-demo__features {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-demo__feature {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-demo__feature {
    gap: var(--space-base-6);
  }
}
.slrs-demo__feature {
  padding: var(--space-base-4) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-demo__feature {
    padding: var(--space-base-4) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-demo__feature {
    padding: var(--space-base-6) var(--space-base-20);
  }
}
.slrs-demo__feature {
  border-radius: 30px;
  font-size: var(--ffs-2xs);
  font-weight: var(--fw-semibold);
}
.slrs-demo__feature--active {
  background: rgba(16, 185, 129, 0.08);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.slrs-demo__feature--inactive {
  background: rgba(239, 68, 68, 0.06);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.15);
  opacity: 0.7;
}
[data-theme=dark] .slrs-demo__feature--active {
  background: rgba(52, 211, 153, 0.1);
  color: #34d399;
}
[data-theme=dark] .slrs-demo__feature--inactive {
  background: rgba(248, 113, 113, 0.08);
  color: #f87171;
}
.slrs-demo__card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--clr-neutral-200);
  border-radius: 24px;
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-demo__card {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-demo__card {
    padding: var(--space-base-56);
  }
}
.slrs-demo__card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px rgba(0, 0, 0, 0.04), 0 24px 48px rgba(0, 0, 0, 0.02);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease;
  overflow: hidden;
}
.slrs-demo__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-primary-light) 40%, var(--clr-primary-dark) 70%, var(--clr-accent) 100%);
  border-radius: 24px 24px 0 0;
  opacity: 0.85;
  transition: opacity 0.3s ease;
}
.slrs-demo__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 16px 40px rgba(0, 0, 0, 0.06), 0 32px 64px rgba(0, 0, 0, 0.03);
  border-color: rgb(var(--clr-primary-rgb)/0.12);
}
.slrs-demo__card:hover::before {
  opacity: 1;
}
@media (max-width: 47.98em) {
  .slrs-demo__card {
    padding: var(--space-base-20) var(--space-base-16);
    border-radius: 20px;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-demo__card {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-demo__card {
    padding: var(--space-base-40) var(--space-base-28);
  }
}
@media (max-width: 47.98em) {
  .slrs-demo__card::before {
    border-radius: 20px 20px 0 0;
  }
}
[data-theme=dark] .slrs-demo__card {
  background: rgba(17, 24, 39, 0.8);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.2), 0 24px 48px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .slrs-demo__card::before {
  opacity: 0.7;
}
[data-theme=dark] .slrs-demo__card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 16px 40px rgba(0, 0, 0, 0.25), 0 32px 64px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-demo__card:hover::before {
  opacity: 1;
}
.slrs-demo__code {
  position: relative;
  margin-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-demo__code {
    margin-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-demo__code {
    margin-top: var(--space-base-40);
  }
}
.slrs-demo__code {
  background: linear-gradient(145deg, #0c1222, #131c31);
  border-radius: 16px;
  padding: 0;
  border: 1px solid rgba(56, 189, 248, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  overflow: hidden;
}
.slrs-demo__code::before {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  background-image: radial-gradient(circle at 20px 50%, #ff5f57 5px, transparent 5px), radial-gradient(circle at 40px 50%, #febc2e 5px, transparent 5px), radial-gradient(circle at 60px 50%, #28c840 5px, transparent 5px);
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.slrs-demo__code::after {
  content: "< / >";
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 0.7rem;
  font-family: "Consolas", "Monaco", monospace;
  color: rgba(148, 163, 184, 0.4);
  letter-spacing: 0.1em;
  font-weight: 600;
  pointer-events: none;
}
.slrs-demo__code code {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7dd3fc;
  background: rgba(56, 189, 248, 0.06);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-family: "Consolas", "Monaco", "Fira Code", monospace;
  font-weight: 500;
  border: 1px solid rgba(56, 189, 248, 0.1);
  white-space: nowrap;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  cursor: default;
  position: relative;
}
.slrs-demo__code code::before {
  content: "›";
  color: rgba(56, 189, 248, 0.5);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}
.slrs-demo__code code:hover {
  background: rgba(56, 189, 248, 0.1);
  border-color: rgba(56, 189, 248, 0.2);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.1);
}
.slrs-demo__code code:nth-child(even) {
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.06);
  border-color: rgba(52, 211, 153, 0.1);
}
.slrs-demo__code code:nth-child(even)::before {
  color: rgba(52, 211, 153, 0.5);
}
.slrs-demo__code code:nth-child(even):hover {
  background: rgba(52, 211, 153, 0.1);
  border-color: rgba(52, 211, 153, 0.2);
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.1);
}
.slrs-demo__code code:nth-child(3n) {
  color: #c4b5fd;
  background: rgba(139, 92, 246, 0.06);
  border-color: rgba(139, 92, 246, 0.1);
}
.slrs-demo__code code:nth-child(3n)::before {
  color: rgba(139, 92, 246, 0.5);
}
.slrs-demo__code code:nth-child(3n):hover {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.2);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.1);
}
@media (max-width: 47.98em) {
  .slrs-demo__code {
    border-radius: 14px;
  }
  .slrs-demo__code::after {
    font-size: 0.65rem;
    right: 12px;
    top: 11px;
  }
}
@media (max-width: 35.98em) {
  .slrs-demo__code {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    mask-image: linear-gradient(to right, black 0%, black calc(100% - 30px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 0%, black calc(100% - 30px), transparent 100%);
  }
}
.slrs-demo__code {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  padding-left: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__code {
    padding-left: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__code {
    padding-left: var(--space-base-28);
  }
}
.slrs-demo__code {
  padding-right: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__code {
    padding-right: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__code {
    padding-right: var(--space-base-28);
  }
}
.slrs-demo__code {
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-demo__code {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-demo__code {
    padding-top: var(--space-base-20);
  }
}
.slrs-demo__code {
  padding-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__code {
    padding-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__code {
    padding-bottom: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-demo__code {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--space-base-12);
    gap: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(56, 189, 248, 0.2) transparent;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-demo__code {
    padding-bottom: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-demo__code {
    padding-bottom: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-demo__code::-webkit-scrollbar {
    height: 4px;
  }
  .slrs-demo__code::-webkit-scrollbar-track {
    background: transparent;
  }
  .slrs-demo__code::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 2px;
  }
}

.tab-category-content h3,
.universal-tab-panel h3 {
  font-size: var(--ffs-3xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .tab-category-content h3,
  .universal-tab-panel h3 {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .tab-category-content h3,
  .universal-tab-panel h3 {
    margin-bottom: var(--space-base-16);
  }
}
.tab-category-content h3,
.universal-tab-panel h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tab-category-content h3 i,
.tab-category-content h3 svg,
.universal-tab-panel h3 i,
.universal-tab-panel h3 svg {
  color: var(--clr-primary);
  font-size: var(--ffs-2xl);
}
.tab-category-content p,
.universal-tab-panel p {
  font-size: var(--ffs-base);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .tab-category-content p,
  .universal-tab-panel p {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .tab-category-content p,
  .universal-tab-panel p {
    margin-bottom: var(--space-base-40);
  }
}
.tab-category-content ul,
.universal-tab-panel ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .tab-category-content ul,
  .universal-tab-panel ul {
    margin: 0 0 var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .tab-category-content ul,
  .universal-tab-panel ul {
    margin: 0 0 var(--space-base-28) 0;
  }
}
.tab-category-content ul li,
.universal-tab-panel ul li {
  position: relative;
  padding-left: var(--space-base-20);
}
@media (min-width: 48em) {
  .tab-category-content ul li,
  .universal-tab-panel ul li {
    padding-left: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .tab-category-content ul li,
  .universal-tab-panel ul li {
    padding-left: var(--space-base-40);
  }
}
.tab-category-content ul li,
.universal-tab-panel ul li {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .tab-category-content ul li,
  .universal-tab-panel ul li {
    margin-bottom: var(--space-base-10);
  }
}
.tab-category-content ul li,
.universal-tab-panel ul li {
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
}
.tab-category-content ul li::before,
.universal-tab-panel ul li::before {
  content: "\f058";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #10b981;
  font-size: var(--ffs-base);
}

.slrs-demo__info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__info-grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__info-grid {
    gap: var(--space-base-28);
  }
}
.slrs-demo__info-grid {
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__info-grid {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__info-grid {
    margin-top: var(--space-base-28);
  }
}

.slrs-demo__info-card {
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: 16px;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__info-card {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__info-card {
    padding: var(--space-base-28);
  }
}
.slrs-demo__info-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.slrs-demo__info-card h4 {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-demo__info-card h4 {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-demo__info-card p {
  font-size: var(--ffs-sm);
  line-height: var(--lh-normal);
  color: var(--clr-text-muted);
  margin-bottom: 0;
}
.slrs-demo__info-card:hover {
  transform: translateY(-3px);
  border-color: var(--clr-primary-op-15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .slrs-demo__info-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-demo__info-card h4 {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-demo__info-card p {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-demo__info-card:hover {
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.slrs-demo__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-demo__list {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-demo__list {
    gap: var(--space-base-16);
  }
}
.slrs-demo__list {
  max-width: 500px;
}

.slrs-demo__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--ffs-base);
}
.slrs-demo__list-item .name {
  color: var(--clr-text);
  font-weight: var(--fw-semibold);
  background: #ffffff;
  padding-right: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-demo__list-item .name {
    padding-right: var(--space-base-10);
  }
}
.slrs-demo__list-item .name {
  z-index: 2;
}
.slrs-demo__list-item .value {
  color: var(--clr-primary);
  font-weight: var(--fw-bold);
  background: #ffffff;
  padding-left: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-demo__list-item .value {
    padding-left: var(--space-base-10);
  }
}
.slrs-demo__list-item .value {
  z-index: 2;
}
.slrs-demo__list-item::after {
  content: "";
  flex: 1;
  border-bottom: 1.5px dotted var(--clr-neutral-200);
  margin: 0 var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-demo__list-item::after {
    margin: 0 var(--space-base-6);
  }
}
.slrs-demo__list-item::after {
  order: 2;
  transform: translateY(4px);
}
.slrs-demo__list-item .name {
  order: 1;
}
.slrs-demo__list-item .value {
  order: 3;
}
[data-theme=dark] .slrs-demo__list-item .name {
  color: var(--clr-text);
  background: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-demo__list-item .value {
  color: var(--clr-primary-dark);
  background: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-demo__list-item::after {
  border-color: var(--clr-neutral-200);
}

.slrs-demo__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-demo__table {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-demo__table {
    margin-top: var(--space-base-20);
  }
}
.slrs-demo__table th,
.slrs-demo__table td {
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-demo__table th,
  .slrs-demo__table td {
    padding: var(--space-base-12) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-demo__table th,
  .slrs-demo__table td {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
.slrs-demo__table th,
.slrs-demo__table td {
  text-align: left;
  font-size: var(--ffs-sm);
}
.slrs-demo__table th {
  background: var(--clr-neutral-100);
  color: var(--clr-text);
  font-weight: var(--fw-bold);
  border-bottom: 2px solid var(--clr-neutral-200);
}
.slrs-demo__table th:first-child {
  border-top-left-radius: 8px;
}
.slrs-demo__table th:last-child {
  border-top-right-radius: 8px;
}
.slrs-demo__table td {
  color: var(--clr-text-muted);
  border-bottom: 1px solid var(--clr-neutral-200);
  font-weight: 500;
}
.slrs-demo__table tbody tr {
  transition: background-color 0.2s ease;
}
.slrs-demo__table tbody tr:hover {
  background-color: var(--clr-primary-op-2);
}
.slrs-demo__table tbody tr:last-child td {
  border-bottom: none;
}
[data-theme=dark] .slrs-demo__table th {
  background: rgba(255, 255, 255, 0.04);
  color: var(--clr-text);
  border-bottom-color: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-demo__table td {
  color: var(--clr-text-muted);
  border-bottom-color: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-demo__table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.01);
}

.slrs-swiper-showcase {
  position: relative;
  padding: 10px 0;
}
.slrs-swiper-showcase .swiper-wrapper {
  align-items: stretch;
}

.slrs-split-slide {
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-split-slide {
    padding: var(--space-base-10) 0;
  }
}
.slrs-split-slide__image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}
.slrs-split-slide__image-wrap img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.slrs-split-slide__image-wrap:hover img {
  transform: scale(1.03);
}
.slrs-split-slide__badge {
  position: absolute;
  top: var(--space-base-16);
  left: var(--space-base-16);
  background: var(--clr-primary);
  color: #ffffff;
  padding: var(--space-base-4) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-split-slide__badge {
    padding: var(--space-base-4) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-split-slide__badge {
    padding: var(--space-base-6) var(--space-base-20);
  }
}
.slrs-split-slide__badge {
  font-size: var(--ffs-2xs);
  font-weight: var(--fw-bold);
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
[data-theme=dark] .slrs-split-slide__badge {
  background: var(--clr-primary-dark);
}
.slrs-split-slide__content {
  padding: 0 var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-split-slide__content {
    padding: 0 var(--space-base-10);
  }
}
.slrs-split-slide__content {
  text-align: left;
}
.slrs-split-slide__tag {
  font-size: var(--ffs-2xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-split-slide__tag {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-split-slide__tag {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-split-slide__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-split-slide__tag {
    gap: var(--space-base-6);
  }
}
.slrs-split-slide__title {
  font-size: var(--ffs-3xl);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-split-slide__title {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-split-slide__title {
    margin-bottom: var(--space-base-20);
  }
}
[data-theme=dark] .slrs-split-slide__title {
  color: var(--clr-text);
}
.slrs-split-slide__text {
  font-size: var(--ffs-base);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-split-slide__text {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-split-slide__text {
    margin-bottom: var(--space-base-28);
  }
}
[data-theme=dark] .slrs-split-slide__text {
  color: var(--clr-text-muted);
}
.slrs-split-slide__list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-split-slide__list {
    margin: 0 0 var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-split-slide__list {
    margin: 0 0 var(--space-base-40) 0;
  }
}
.slrs-split-slide__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-split-slide__list {
    gap: var(--space-base-10);
  }
}
.slrs-split-slide__list li {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-split-slide__list li {
    gap: var(--space-base-10);
  }
}
.slrs-split-slide__list li {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}
.slrs-split-slide__list li i {
  font-size: var(--ffs-base);
}
[data-theme=dark] .slrs-split-slide__list li {
  color: var(--clr-text-muted);
}

.slrs-swiper-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-swiper-controls {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-swiper-controls {
    gap: var(--space-base-28);
  }
}
.slrs-swiper-controls {
  margin-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-swiper-controls {
    margin-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-swiper-controls {
    margin-top: var(--space-base-40);
  }
}
.slrs-swiper-controls {
  position: relative;
  z-index: 5;
}
.slrs-swiper-controls .universal-swiper-prev,
.slrs-swiper-controls .universal-swiper-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-44);
  height: var(--size-base-44);
  border-radius: 50%;
  border: 1px solid var(--clr-neutral-200);
  background: #ffffff;
  color: var(--clr-text-muted);
  cursor: pointer;
  font-size: var(--ffs-sm);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.slrs-swiper-controls .universal-swiper-prev:hover,
.slrs-swiper-controls .universal-swiper-next:hover {
  background: var(--clr-primary);
  color: #ffffff;
  border-color: var(--clr-primary);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px var(--clr-primary-op-25);
}
.slrs-swiper-controls .universal-swiper-prev.swiper-button-disabled,
.slrs-swiper-controls .universal-swiper-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
[data-theme=dark] .slrs-swiper-controls .universal-swiper-prev,
[data-theme=dark] .slrs-swiper-controls .universal-swiper-next {
  background: var(--clr-neutral-200);
  border-color: var(--clr-neutral-200);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-swiper-controls .universal-swiper-prev:hover,
[data-theme=dark] .slrs-swiper-controls .universal-swiper-next:hover {
  background: var(--clr-primary-dark);
  color: #ffffff;
  border-color: var(--clr-primary-dark);
  box-shadow: 0 5px 15px var(--clr-primary-op-30);
}
.slrs-swiper-controls .universal-swiper-pagination {
  width: auto !important;
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-swiper-controls .universal-swiper-pagination {
    gap: var(--space-base-6);
  }
}
.slrs-swiper-controls .universal-swiper-pagination .swiper-pagination-bullet {
  width: var(--size-base-8);
  height: var(--size-base-8);
  background: var(--clr-text-muted);
  opacity: 0.3;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 0 !important;
}
.slrs-swiper-controls .universal-swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--clr-primary);
  width: var(--size-base-20);
  border-radius: 4px;
}
[data-theme=dark] .slrs-swiper-controls .universal-swiper-pagination .swiper-pagination-bullet {
  background: var(--clr-text-muted);
}
[data-theme=dark] .slrs-swiper-controls .universal-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--clr-primary-dark);
}

.slrs-showcase-card {
  position: relative;
  background: var(--clr-white);
  border: 1px solid var(--clr-neutral-200);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.slrs-showcase-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .slrs-showcase-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-showcase-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.slrs-showcase-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
  width: 100%;
  background: var(--clr-neutral-100);
}
.slrs-showcase-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-showcase-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(11, 17, 32, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 2;
}
.slrs-showcase-card__overlay .play-btn {
  position: relative !important;
  inset: auto !important;
  transform: scale(0.85);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-showcase-card:hover .slrs-showcase-card__media img {
  transform: scale(1.05);
}
.slrs-showcase-card:hover .slrs-showcase-card__overlay {
  opacity: 1;
}
.slrs-showcase-card:hover .slrs-showcase-card__overlay .play-btn {
  transform: scale(1);
}
.slrs-showcase-card__info {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slrs-showcase-card__info h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 6px;
}
[data-theme=dark] .slrs-showcase-card__info h4 {
  color: var(--clr-white);
}
.slrs-showcase-card__info p {
  font-size: 0.875rem;
  color: var(--clr-text-muted);
  margin-bottom: 0;
}
[data-theme=dark] .slrs-showcase-card__info p {
  color: rgba(255, 255, 255, 0.5);
}

.slrs-builder-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--clr-neutral-200);
  border-radius: 24px;
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-builder-card {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-builder-card {
    padding: var(--space-base-56);
  }
}
.slrs-builder-card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px rgba(0, 0, 0, 0.04), 0 24px 48px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.slrs-builder-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-primary-light) 40%, var(--clr-primary-dark) 70%, var(--clr-accent) 100%);
  border-radius: 24px 24px 0 0;
}
[data-theme=dark] .slrs-builder-card {
  background: rgba(17, 24, 39, 0.8);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.slrs-builder-controls {
  padding-right: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-builder-controls {
    padding-right: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-builder-controls {
    padding-right: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-builder-controls {
    padding-right: 0;
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-builder-controls {
    margin-bottom: var(--space-base-28);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-builder-controls {
    margin-bottom: var(--space-base-40);
  }
}

.slrs-builder-label {
  display: block;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  margin-top: 10px;
}

.slrs-builder-input,
.slrs-builder-select {
  background-color: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: 10px;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  padding: 10px 14px;
  transition: all 0.2s ease;
}
.slrs-builder-input:focus,
.slrs-builder-select:focus {
  background-color: #ffffff;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
  outline: none;
}
[data-theme=dark] .slrs-builder-input,
[data-theme=dark] .slrs-builder-select {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-builder-input:focus,
[data-theme=dark] .slrs-builder-select:focus {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: var(--clr-primary-dark);
  box-shadow: 0 0 0 3px var(--clr-primary-op-25);
}

.slrs-checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  cursor: pointer;
  user-select: none;
}
.slrs-checkbox-wrap input {
  display: none;
}
.slrs-checkbox-wrap .checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid var(--clr-neutral-300);
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
  background: transparent;
}
.slrs-checkbox-wrap .checkmark::after {
  content: "\f00c";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.slrs-checkbox-wrap input:checked ~ .checkmark {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-checkbox-wrap input:checked ~ .checkmark::after {
  transform: translate(-50%, -50%) scale(1);
}
[data-theme=dark] .slrs-checkbox-wrap .checkmark {
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .slrs-checkbox-wrap input:checked ~ .checkmark {
  background-color: var(--clr-primary-dark);
  border-color: var(--clr-primary-dark);
}

.slrs-builder-preview-box {
  background: var(--clr-neutral-100);
  border: 1px dashed var(--clr-neutral-200);
  border-radius: 16px;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-builder-preview-box {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-builder-preview-box {
    padding: var(--space-base-40);
  }
}
.slrs-builder-preview-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  position: relative;
  background-image: linear-gradient(45deg, var(--clr-neutral-200) 25%, transparent 25%), linear-gradient(-45deg, var(--clr-neutral-200) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--clr-neutral-200) 75%), linear-gradient(-45deg, transparent 75%, var(--clr-neutral-200) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}
[data-theme=dark] .slrs-builder-preview-box {
  background-color: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.06);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.02) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.02) 75%);
}
.slrs-builder-preview-box .preview-label {
  position: absolute;
  top: 10px;
  left: 14px;
  font-size: 0.65rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  letter-spacing: 0.08em;
}
.slrs-builder-preview-box .preview-canvas {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-builder-preview-box .preview-canvas {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-builder-preview-box .preview-canvas {
    padding: var(--space-base-20);
  }
}

.slrs-builder-code-box {
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-builder-code-box {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-builder-code-box {
    margin-top: var(--space-base-28);
  }
}
.slrs-builder-code-box {
  background: #0f172a;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.slrs-builder-code-box .code-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 10px 16px;
  font-size: 0.65rem;
  font-weight: var(--fw-bold);
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.08em;
}
.slrs-builder-code-box .btn-copy-code {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 11px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}
.slrs-builder-code-box .btn-copy-code:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.25);
}
.slrs-builder-code-box .btn-copy-code.copied {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
  border-color: #10b981;
}
.slrs-builder-code-box pre {
  margin: 0;
  padding: 16px;
  max-height: 150px;
  overflow-y: auto;
}
.slrs-builder-code-box code {
  color: #e2e8f0;
  font-family: "Consolas", "Monaco", monospace;
  font-size: 12px;
  white-space: pre-wrap;
  word-break: break-all;
}

.slrs-page-header {
  position: relative;
  padding: 100px 0 120px 0;
  overflow: hidden;
  background-color: #04160a;
  color: #ffffff;
  z-index: 1;
}
.slrs-page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  overflow: hidden;
}
.slrs-page-header__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.15;
  transform: scale(1.05);
  transition: transform 10s ease;
}
.slrs-page-header__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 22, 10, 0.7) 0%, #04160a 100%);
  z-index: -2;
}
.slrs-page-header__mesh {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(at 0% 0%, rgba(22, 101, 52, 0.3) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.2) 0px, transparent 50%);
  z-index: -2;
}
.slrs-page-header__dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
  z-index: -1;
}
.slrs-page-header__orbs {
  display: none !important;
}
.slrs-page-header__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.45;
  mix-blend-mode: screen;
  will-change: transform;
}
.slrs-page-header__orb--1 {
  top: 15%;
  left: 10%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(22, 101, 52, 0.6) 0%, var(--clr-primary-op-10) 70%);
  animation: slrsOrbFloat3d1 25s infinite alternate ease-in-out;
}
.slrs-page-header__orb--2 {
  bottom: 10%;
  right: 15%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.45) 0%, rgba(52, 211, 153, 0.1) 70%);
  animation: slrsOrbFloat3d2 30s infinite alternate ease-in-out;
}
.slrs-page-header__badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  z-index: 2;
  animation: slrsBadgePulse3d 4s infinite ease-in-out;
  will-change: transform, opacity;
}
.slrs-page-header__badge i {
  color: var(--clr-accent);
  font-size: 1rem;
}
.slrs-page-header__badge--tl {
  top: 25%;
  left: 8%;
  animation-delay: 0s;
}
.slrs-page-header__badge--tr {
  top: 35%;
  right: 8%;
  animation-delay: 2s;
}
.slrs-page-header__badge--tr i {
  color: #10b981;
}
@media (max-width: 1200px) {
  .slrs-page-header__badge {
    display: none;
  }
}
.slrs-page-header__content {
  position: relative;
  z-index: 5;
}
.slrs-page-header__inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.slrs-page-header__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-md);
  font-size: var(--ffs-sm);
}
.slrs-page-header__breadcrumb a {
  color: #94a3b8;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--transition-base);
}
.slrs-page-header__breadcrumb a:hover {
  color: var(--clr-primary-light);
}
.slrs-page-header__breadcrumb .separator {
  color: #64748b;
}
.slrs-page-header__breadcrumb .current {
  color: var(--clr-primary-light);
  font-weight: var(--fw-medium);
}
.slrs-page-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xl);
  margin-top: var(--space-xl);
}
.slrs-page-header__meta-item {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.slrs-page-header__meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-full);
  color: var(--clr-primary-light);
  box-shadow: var(--shadow-sm);
}
.slrs-page-header__meta-text {
  display: flex;
  flex-direction: column;
}
.slrs-page-header__meta-text .label {
  color: #94a3b8;
  font-size: var(--ffs-sm);
  margin-bottom: 2px;
  line-height: 1;
}
.slrs-page-header__meta-text .value {
  font-weight: var(--fw-medium);
  color: #ffffff;
  line-height: 1;
}
.slrs-page-header__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: var(--clr-primary-op-15);
  border: 1px solid var(--clr-primary-op-25);
  border-radius: 30px;
  color: var(--clr-primary-light);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px var(--clr-primary-op-10);
}
.slrs-page-header__title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}
.slrs-page-header__title .text-accent {
  color: var(--clr-accent);
  background: linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-page-header__subtitle {
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.6;
  color: #94a3b8;
  margin-bottom: 40px;
  font-weight: 400;
}
.slrs-page-header__subtitle strong {
  color: #ffffff;
  font-weight: 600;
}
.slrs-page-header__stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 20px 40px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
@media (max-width: 61.98em) {
  .slrs-page-header__stats {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.05) !important;
  }
}
@media (max-width: 576px) {
  .slrs-page-header__stats {
    flex-direction: column;
    gap: 20px;
    padding: 25px 20px;
  }
}
.slrs-page-header__stat {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: left;
}
.slrs-page-header__stat i {
  font-size: 1.8rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.slrs-page-header__stat div {
  display: flex;
  flex-direction: column;
}
.slrs-page-header__stat div strong {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}
.slrs-page-header__stat div span {
  font-size: 0.8rem;
  color: #94a3b8;
  font-weight: 500;
}
.slrs-page-header__stat:nth-child(1) i {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
}
.slrs-page-header__stat:nth-child(3) i {
  color: var(--clr-secondary);
  background: var(--clr-secondary-op-10);
}
.slrs-page-header__stat:nth-child(5) i {
  color: var(--clr-accent);
  background: var(--clr-accent-op-10);
}
.slrs-page-header__stat-divider {
  width: 1px;
  height: 35px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 576px) {
  .slrs-page-header__stat-divider {
    width: 50%;
    height: 1px;
  }
}

.slrs-breadcrumb {
  margin-bottom: 25px;
}
.slrs-breadcrumb__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-breadcrumb__item {
  font-size: 0.85rem;
  font-weight: 500;
}
.slrs-breadcrumb__link {
  color: #94a3b8;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease;
}
.slrs-breadcrumb__link i {
  font-size: 0.85rem;
}
.slrs-breadcrumb__link:hover {
  color: var(--clr-primary);
}
.slrs-breadcrumb__separator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}
.slrs-breadcrumb__current {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-breadcrumb__current i {
  color: var(--clr-accent);
  font-size: 0.85rem;
}

@keyframes slrsOrbFloat3d1 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(40px, -60px, 0) scale(1.1);
  }
  100% {
    transform: translate3d(-30px, 20px, 0) scale(0.9);
  }
}
@keyframes slrsOrbFloat3d2 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-50px, 40px, 0) scale(0.9);
  }
  100% {
    transform: translate3d(30px, -30px, 0) scale(1.15);
  }
}
@keyframes slrsBadgePulse3d {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, -6px, 0);
    opacity: 0.9;
  }
}
.slrs-sliders-showcase-section {
  padding: 100px 0;
  position: relative;
}
.slrs-sliders-showcase-section:nth-of-type(even) {
  background-color: var(--clr-bg-alt);
}
[data-theme=dark] .slrs-sliders-showcase-section:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.015);
}
.slrs-sliders-showcase-section .swiper-container {
  width: 100%;
  position: relative;
}

.slrs-services-carousel,
.slrs-portfolio-slider,
.slrs-team-slider,
.slrs-testimonial-frosted,
.slrs-video-gallery-slider,
.slrs-product-slider,
.slrs-coverflow-slider,
.slrs-fade-slider {
  padding-bottom: 70px !important;
}
.slrs-services-carousel .swiper-pagination,
.slrs-portfolio-slider .swiper-pagination,
.slrs-team-slider .swiper-pagination,
.slrs-testimonial-frosted .swiper-pagination,
.slrs-video-gallery-slider .swiper-pagination,
.slrs-product-slider .swiper-pagination,
.slrs-coverflow-slider .swiper-pagination,
.slrs-fade-slider .swiper-pagination {
  bottom: 20px !important;
}

.universal-swiper-slider .swiper-button-prev,
.universal-swiper-slider .swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
  width: 50px !important;
  height: 50px !important;
  background: #ffffff !important;
  color: var(--clr-primary) !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease !important;
  z-index: 10 !important;
}
[data-theme=dark] .universal-swiper-slider .swiper-button-prev,
[data-theme=dark] .universal-swiper-slider .swiper-button-next {
  background: #1e293b !important;
  color: var(--clr-primary-dark) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}
.universal-swiper-slider .swiper-button-prev::after,
.universal-swiper-slider .swiper-button-next::after {
  content: none !important;
  display: none !important;
}
.universal-swiper-slider .swiper-button-prev::before,
.universal-swiper-slider .swiper-button-next::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 2.5px solid currentColor !important;
  border-right: 2.5px solid currentColor !important;
  transition: border-color 0.3s ease !important;
  display: block !important;
}
.universal-swiper-slider .swiper-button-prev:hover:not(.swiper-button-disabled),
.universal-swiper-slider .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary) !important;
  color: #ffffff !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 10px 25px rgba(22, 101, 52, 0.3) !important;
}
.universal-swiper-slider .swiper-button-prev:hover:not(.swiper-button-disabled)::before,
.universal-swiper-slider .swiper-button-next:hover:not(.swiper-button-disabled)::before {
  border-color: #ffffff !important;
}
[data-theme=dark] .universal-swiper-slider .swiper-button-prev:hover:not(.swiper-button-disabled),
[data-theme=dark] .universal-swiper-slider .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary-dark) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 25px rgba(134, 239, 172, 0.4) !important;
}
.universal-swiper-slider .swiper-button-prev.swiper-button-disabled,
.universal-swiper-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.universal-swiper-slider .swiper-button-next {
  right: 16px !important;
}
.universal-swiper-slider .swiper-button-next::before {
  transform: translate(-60%, -50%) rotate(45deg) !important;
}
.universal-swiper-slider .swiper-button-prev {
  left: 16px !important;
}
.universal-swiper-slider .swiper-button-prev::before {
  transform: translate(-40%, -50%) rotate(-135deg) !important;
}
.universal-swiper-slider.swiper {
  --swiper-navigation-size: 20px;
  --swiper-theme-color: var(--clr-primary);
}
[data-theme=dark] .universal-swiper-slider.swiper {
  --swiper-theme-color: var(--clr-primary-dark);
}
.universal-swiper-slider .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: var(--clr-text-muted) !important;
  opacity: 0.35 !important;
  margin: 0 5px !important;
  border-radius: 50% !important;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease, background 0.35s ease, opacity 0.35s ease !important;
}
[data-theme=dark] .universal-swiper-slider .swiper-pagination-bullet {
  background: #9ca3af !important;
}
.universal-swiper-slider .swiper-pagination-bullet-active {
  width: 24px !important;
  border-radius: 6px !important;
  background: var(--clr-primary) !important;
  opacity: 1 !important;
}
[data-theme=dark] .universal-swiper-slider .swiper-pagination-bullet-active {
  background: var(--clr-primary-dark) !important;
}
.universal-swiper-slider .swiper-pagination {
  position: absolute !important;
  bottom: 25px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 10 !important;
}
.universal-swiper-slider:has(.swiper-pagination) {
  padding-bottom: 55px !important;
}
.universal-swiper-slider:has(.swiper-pagination) .swiper-button-prev,
.universal-swiper-slider:has(.swiper-pagination) .swiper-button-next {
  top: calc(50% - 27.5px) !important;
}

.slrs-hero-kb {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 600px;
  background: #0f172a;
  overflow: hidden;
}
.slrs-hero-kb .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.slrs-hero-kb__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.slrs-hero-kb__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 10s ease-out;
}
.swiper-slide-active .slrs-hero-kb__bg img {
  transform: scale(1.08) translateY(0);
}
.slrs-hero-kb__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.5) 100%);
  z-index: 1;
}
.slrs-hero-kb__content {
  position: relative;
  z-index: 2;
  max-width: 650px;
  color: #ffffff;
  padding: 0 20px;
  text-align: left;
}
.slrs-hero-kb__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  color: var(--clr-accent) !important;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50px;
  margin-bottom: 20px;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}
[data-theme=dark] .slrs-hero-kb__tag {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.slrs-hero-kb__title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 20px;
  transform: translateY(35px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-kb__title span {
  color: var(--clr-accent);
}
.slrs-hero-kb__desc {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 30px;
  transform: translateY(45px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-kb__cta {
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.swiper-slide-active .slrs-hero-kb__tag {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
  transition-delay: 0.1s;
}
.swiper-slide-active .slrs-hero-kb__title {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
  transition-delay: 0.25s;
}
.swiper-slide-active .slrs-hero-kb__desc {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
  transition-delay: 0.4s;
}
.swiper-slide-active .slrs-hero-kb__cta {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
  transition-delay: 0.55s;
}
.slrs-hero-kb__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 10;
}
.slrs-hero-kb__progress-bar {
  width: 0%;
  height: 100%;
  background: var(--clr-primary);
  transition: width 50ms linear;
}
@media (min-width: 1400px) {
  .slrs-hero-kb .swiper-button-prev {
    left: calc((100vw - 1320px) / 2 + 20px) !important;
  }
  .slrs-hero-kb .swiper-button-next {
    right: calc((100vw - 1320px) / 2 + 20px) !important;
  }
}

.slrs-hero-split {
  background: #ffffff;
  border-bottom: 1px solid var(--card-border);
  overflow: hidden;
}
[data-theme=dark] .slrs-hero-split {
  background: #0f172a;
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
.slrs-hero-split__slide {
  min-height: 520px;
  padding: 60px 0;
}
.slrs-hero-split__img-panel {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 400px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
}
.slrs-hero-split__img-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.swiper-slide-active .slrs-hero-split__img-panel img {
  transform: scale(1) translateY(0);
}
.slrs-hero-split__content-panel {
  padding-left: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.slrs-hero-split__tag {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transform: translateY(15px);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}
[data-theme=dark] .slrs-hero-split__tag {
  color: #60a5fa;
}
.slrs-hero-split__title {
  font-size: 2.3rem;
  font-weight: 800;
  color: var(--clr-text);
  margin-bottom: 16px;
  line-height: 1.25;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
[data-theme=dark] .slrs-hero-split__title {
  color: #ffffff;
}
.slrs-hero-split__desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin-bottom: 24px;
  transform: translateY(25px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
[data-theme=dark] .slrs-hero-split__desc {
  color: #9ca3af;
}
.slrs-hero-split__features {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-split__features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.slrs-hero-split__features li i {
  color: #10b981;
}
[data-theme=dark] .slrs-hero-split__features li {
  color: #9ca3af;
}
.slrs-hero-split .slrs-btn {
  transform: translateY(35px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.swiper-slide-active .slrs-hero-split__tag {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.swiper-slide-active .slrs-hero-split__title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}
.swiper-slide-active .slrs-hero-split__desc {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.swiper-slide-active .slrs-hero-split__features {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.4s;
}
.slrs-hero-split .swiper-slide-active .slrs-btn {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.5s;
}

.slrs-hero-video {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 600px;
  background: #000;
  overflow: hidden;
}
.slrs-hero-video .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slrs-hero-video__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.slrs-hero-video__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.65;
}
.slrs-hero-video__overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.8) 100%);
  z-index: 1;
}
.slrs-hero-video__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  max-width: 800px;
  padding: 0 20px;
}
.slrs-hero-video__play-btn-wrap {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto 30px auto;
  transform: scale(0.6) translateY(20px);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.8s ease;
}
.slrs-hero-video__play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--clr-primary);
  font-size: 1.6rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, color 0.3s ease;
  z-index: 3;
  position: absolute;
  top: 5px;
  left: 5px;
}
.slrs-hero-video__play-btn:hover {
  background: var(--clr-primary);
  color: #ffffff;
  transform: scale(1.08);
}
.slrs-hero-video__pulse-ring {
  position: absolute;
  inset: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  opacity: 0;
  animation: slrs-video-play-pulse 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  pointer-events: none;
  z-index: 1;
}
.slrs-hero-video__pulse-ring--2 {
  animation-delay: 0.6s;
}
.slrs-hero-video__pulse-ring--3 {
  animation-delay: 1.2s;
}
.slrs-hero-video__title {
  font-size: clamp(2.2rem, 6vw, 3.8rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 20px;
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-video__desc {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(35px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.swiper-slide-active .slrs-hero-video__play-btn-wrap {
  transform: scale(1) translateY(0);
  opacity: 1;
  transition-delay: 0.15s;
}
.swiper-slide-active .slrs-hero-video__title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.swiper-slide-active .slrs-hero-video__desc {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.45s;
}

@keyframes slrs-video-play-pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
.slrs-hero-quote {
  position: relative;
  background: #0f172a;
  padding: 80px 0;
  overflow: hidden;
  min-height: 650px;
}
.slrs-hero-quote__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.slrs-hero-quote__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
}
.slrs-hero-quote__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.8) 100%);
  z-index: 1;
}
.slrs-hero-quote__slide-content {
  position: relative;
  z-index: 5;
  height: 100%;
}
.slrs-hero-quote__left {
  color: #ffffff;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 30px;
}
@media (max-width: 61.98em) {
  .slrs-hero-quote__left {
    padding-right: 0;
    margin-bottom: 40px;
    text-align: center;
  }
}
.slrs-hero-quote__urgency {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  margin-bottom: 20px;
  max-width: fit-content;
  transform: translateX(-30px);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}
@media (max-width: 61.98em) {
  .slrs-hero-quote__urgency {
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-hero-quote__urgency-dot {
  width: 8px;
  height: 8px;
  background: #ef4444;
  border-radius: 50%;
  box-shadow: 0 0 8px #ef4444;
  animation: slrs-blink 1.5s ease infinite;
}
.slrs-hero-quote__urgency-text {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-hero-quote__title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 20px;
  transform: translateX(-40px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-quote__title span {
  color: var(--clr-accent);
}
.slrs-hero-quote__desc {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
  transform: translateX(-45px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-quote__benefits {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-50px);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s ease;
}
.slrs-hero-quote__benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.95rem;
}
.slrs-hero-quote__benefits li i {
  color: #10b981;
  font-size: 1.1rem;
}
@media (max-width: 61.98em) {
  .slrs-hero-quote__benefits {
    align-items: center;
  }
}
.swiper-slide-active .slrs-hero-quote__urgency {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.swiper-slide-active .slrs-hero-quote__title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.25s;
}
.swiper-slide-active .slrs-hero-quote__desc {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.4s;
}
.swiper-slide-active .slrs-hero-quote__benefits {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.55s;
}
.slrs-hero-quote .slrs-quote-form {
  position: relative;
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  z-index: 10;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  padding: 0 !important;
}
@media (max-width: 61.98em) {
  .slrs-hero-quote .slrs-quote-form {
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-hero-quote .slrs-quote-form__badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ef4444;
  color: #ffffff;
  padding: 4px 10px;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);
  z-index: 5;
}
.slrs-hero-quote .slrs-quote-form__header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px 24px 12px 24px !important;
}
.slrs-hero-quote .slrs-quote-form__title {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--clr-white) !important;
  margin-bottom: 2px;
}
.slrs-hero-quote .slrs-quote-form__subtitle {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6) !important;
}
.slrs-hero-quote .slrs-quote-form__body {
  padding: 16px 24px 12px 24px !important;
}
.slrs-hero-quote .slrs-quote-form__footer {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 24px 20px 24px !important;
  border-radius: 0 0 24px 24px !important;
}
.slrs-hero-quote .slrs-quote-form__group {
  margin-bottom: 10px;
  position: relative;
}
.slrs-hero-quote .slrs-quote-form__group label {
  display: block;
  font-size: 11.5px;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin-bottom: 4px;
  text-transform: none;
  letter-spacing: 0;
}
.slrs-hero-quote .slrs-quote-form__group label .required {
  color: #ef4444;
  margin-left: 2px;
}
.slrs-hero-quote .slrs-quote-form__group input,
.slrs-hero-quote .slrs-quote-form__group select {
  width: 100%;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 8px 12px 8px 34px !important;
  font-size: 13px !important;
  height: auto !important;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.slrs-hero-quote .slrs-quote-form__group input:focus,
.slrs-hero-quote .slrs-quote-form__group select:focus {
  border-color: var(--clr-primary) !important;
  box-shadow: 0 0 0 3px rgba(22, 101, 52, 0.25) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.slrs-hero-quote .slrs-quote-form__group input::placeholder,
.slrs-hero-quote .slrs-quote-form__group select::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}
.slrs-hero-quote .slrs-quote-form__group select option {
  background: #0f172a !important;
  color: #ffffff !important;
}
.slrs-hero-quote .slrs-quote-form__input-wrapper {
  position: relative;
}
.slrs-hero-quote .slrs-quote-form__input-wrapper .slrs-quote-form__input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 13px !important;
  pointer-events: none;
  z-index: 10;
}
.slrs-hero-quote .slrs-quote-form .form-check {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 12px 0 0 0 !important;
  padding-left: 0 !important;
}
.slrs-hero-quote .slrs-quote-form .form-check-input {
  margin-left: 0 !important;
  margin-top: 3px !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
}
.slrs-hero-quote .slrs-quote-form .form-check-input:checked {
  background-color: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
.slrs-hero-quote .slrs-quote-form .form-check-label {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
}
.slrs-hero-quote .slrs-quote-form .form-check-label .required {
  color: #ef4444 !important;
}
.slrs-hero-quote .slrs-quote-form__submit-btn {
  width: 100%;
}
.slrs-hero-quote .slrs-quote-form__message {
  margin-top: 15px;
  font-size: 0.85rem;
  font-weight: 600;
  display: none;
  padding: 10px 14px;
  border-radius: 8px;
}
.slrs-hero-quote .slrs-quote-form__message.success {
  display: block;
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.slrs-hero-quote .slrs-quote-form__message.error {
  display: block;
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.slrs-services-carousel .slrs-service-card-v2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  padding: var(--card-padding);
  box-shadow: var(--card-shadow);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
  position: relative;
  overflow: hidden;
}
.slrs-services-carousel .slrs-service-card-v2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-services-carousel .slrs-service-card-v2__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-radius: 12px;
  font-size: 1.5rem;
  margin-bottom: 20px;
  transition: transform 0.4s ease, background-color 0.4s ease, color 0.4s ease;
}
.slrs-services-carousel .slrs-service-card-v2__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 8px;
}
.slrs-services-carousel .slrs-service-card-v2__text {
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin-bottom: 16px;
  flex-grow: 1;
}
.slrs-services-carousel .slrs-service-card-v2__link {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--clr-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease, gap 0.3s ease;
}
.slrs-services-carousel .slrs-service-card-v2__link i {
  font-size: 0.75rem;
  transition: transform 0.3s ease;
}
.slrs-services-carousel .slrs-service-card-v2__link:hover {
  color: var(--clr-primary-dark);
  gap: 10px;
}
.slrs-services-carousel .slrs-service-card-v2__link:hover i {
  transform: translateX(4px);
}
.slrs-services-carousel .slrs-service-card-v2:hover {
  transform: translateY(-8px);
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-20);
}
.slrs-services-carousel .slrs-service-card-v2:hover::after {
  transform: scaleX(1);
}
.slrs-services-carousel .slrs-service-card-v2:hover .slrs-service-card-v2__icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: rotateY(180deg);
}

.slrs-portfolio-slider .slrs-portfolio-card-v2 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 360px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
[data-theme=dark] .slrs-portfolio-slider .slrs-portfolio-card-v2 {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__link-wrap {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__lightbox-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 50px;
  height: 50px;
  background: var(--clr-primary-op-90);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
  box-shadow: 0 8px 20px var(--clr-primary-op-30);
  z-index: 3;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__info-panel {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  z-index: 4;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-portfolio-slider .slrs-portfolio-card-v2__info-panel {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__text-content {
  flex: 1;
  min-width: 0;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__tag {
  display: block;
  font-size: 0.65rem;
  font-weight: 800;
  color: var(--clr-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--clr-text);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=dark] .slrs-portfolio-slider .slrs-portfolio-card-v2__title {
  color: #ffffff;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, color 0.3s ease;
}
.slrs-portfolio-slider .slrs-portfolio-card-v2__btn:hover {
  background: var(--clr-accent);
  color: var(--clr-white);
  transform: scale(1.1) rotate(-45deg);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2:hover {
  transform: translateY(-6px);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .slrs-portfolio-slider .slrs-portfolio-card-v2:hover {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2:hover .slrs-portfolio-card-v2__img {
  transform: scale(1.08);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2:hover .slrs-portfolio-card-v2__lightbox-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.slrs-portfolio-slider .slrs-portfolio-card-v2:hover .slrs-portfolio-card-v2__info-panel {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .slrs-portfolio-slider .slrs-portfolio-card-v2:hover .slrs-portfolio-card-v2__info-panel {
  background: rgba(15, 23, 42, 0.95);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5);
}

.slrs-team-slider .slrs-team-card-v2 {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  overflow: hidden;
  text-align: center;
  padding-bottom: 24px;
  box-shadow: var(--card-shadow);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}
.slrs-team-slider .slrs-team-card-v2__img-wrap {
  position: relative;
  overflow: hidden;
  height: 260px;
  border-radius: 12px 12px 0 0;
}
.slrs-team-slider .slrs-team-card-v2__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-team-slider .slrs-team-card-v2__socials {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slrs-team-slider .slrs-team-card-v2__socials a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--clr-white);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  transform: scale(0.85);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, color 0.3s ease;
}
.slrs-team-slider .slrs-team-card-v2__socials a:hover {
  background: var(--clr-accent);
  color: var(--clr-white);
  transform: scale(1.1);
}
.slrs-team-slider .slrs-team-card-v2__name {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 20px 0 4px 0;
}
.slrs-team-slider .slrs-team-card-v2__role {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.slrs-team-slider .slrs-team-card-v2:hover {
  transform: translateY(-6px);
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-20);
}
.slrs-team-slider .slrs-team-card-v2:hover .slrs-team-card-v2__img-wrap img {
  transform: scale(1.08);
}
.slrs-team-slider .slrs-team-card-v2:hover .slrs-team-card-v2__socials {
  opacity: 1;
}
.slrs-team-slider .slrs-team-card-v2:hover .slrs-team-card-v2__socials a {
  transform: scale(1);
}

.slrs-testimonial-frosted__card {
  max-width: 750px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 24px;
  padding: 50px;
  text-align: center;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .slrs-testimonial-frosted__card {
  background: rgba(17, 24, 39, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
}
@media (max-width: 35.98em) {
  .slrs-testimonial-frosted__card {
    padding: 30px 20px;
  }
}
.slrs-testimonial-frosted__quote-icon {
  font-size: 2.5rem;
  color: var(--clr-primary);
  margin-bottom: 25px;
  opacity: 0.8;
}
[data-theme=dark] .slrs-testimonial-frosted__quote-icon {
  color: #3b82f6;
}
.slrs-testimonial-frosted__stars {
  color: var(--clr-accent);
  font-size: 0.9rem;
  margin-bottom: 20px;
}
.slrs-testimonial-frosted__text {
  font-size: 1.15rem;
  line-height: 1.7;
  font-style: italic;
  color: var(--clr-text);
  margin-bottom: 30px;
}
[data-theme=dark] .slrs-testimonial-frosted__text {
  color: #f3f4f6;
}
.slrs-testimonial-frosted__client {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.slrs-testimonial-frosted__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--clr-primary);
}
.slrs-testimonial-frosted__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-testimonial-frosted__info {
  text-align: left;
}
.slrs-testimonial-frosted__name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 2px;
}
[data-theme=dark] .slrs-testimonial-frosted__name {
  color: #ffffff;
}
.slrs-testimonial-frosted__company {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-testimonial-frosted__company {
  color: #9ca3af;
}

.slrs-logo-marquee .swiper-wrapper {
  transition-timing-function: linear !important;
}
.slrs-logo-marquee__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  padding: 10px;
}
.slrs-logo-marquee__item img {
  max-width: 120px;
  max-height: 45px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.55;
  transition: filter 0.3s ease, opacity 0.3s ease;
}
[data-theme=dark] .slrs-logo-marquee__item img {
  filter: grayscale(1) invert(1);
}
.slrs-logo-marquee__item:hover img {
  filter: grayscale(0);
  opacity: 1;
}
[data-theme=dark] .slrs-logo-marquee__item:hover img {
  filter: grayscale(0) invert(0);
}

.slrs-video-gallery-slider .slrs-video-gallery-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 280px;
}
.slrs-video-gallery-slider .slrs-video-gallery-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 0.5s ease;
}
.slrs-video-gallery-slider .slrs-video-gallery-card__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 2;
}
.slrs-video-gallery-slider .slrs-video-gallery-card__play-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin-bottom: 16px;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, color 0.3s ease;
}
.slrs-video-gallery-slider .slrs-video-gallery-card__play-btn:hover {
  background: var(--clr-primary);
  color: #ffffff;
  transform: scale(1.1);
}
.slrs-video-gallery-slider .slrs-video-gallery-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.slrs-video-gallery-slider .slrs-video-gallery-card:hover .slrs-video-gallery-card__img {
  transform: scale(1.06) translateY(0);
}

.slrs-product-slider .slrs-product-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  padding: var(--card-padding);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: var(--card-shadow);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-product-slider .slrs-product-card__img-wrap {
  border-radius: 12px;
  overflow: hidden;
  height: 200px;
  margin-bottom: 16px;
  background: var(--clr-bg-alt);
}
.slrs-product-slider .slrs-product-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-product-slider .slrs-product-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 8px;
}
.slrs-product-slider .slrs-product-card__price {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--clr-primary);
  margin-bottom: 16px;
}
.slrs-product-slider .slrs-product-card__btn {
  width: 100%;
  margin-top: auto;
}
.slrs-product-slider .slrs-product-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-30);
}
.slrs-product-slider .slrs-product-card:hover .slrs-product-card__img-wrap img {
  transform: scale(1.06);
}

.slrs-vertical-faq-slider {
  max-width: 650px;
  margin: 0 auto;
  padding-left: 45px;
  padding-right: 60px;
  position: relative;
}
.slrs-vertical-faq-slider .swiper-pagination-vertical,
.slrs-vertical-faq-slider .swiper-pagination.swiper-pagination-vertical {
  left: 15px !important;
  right: auto !important;
}
.slrs-vertical-faq-slider .swiper-button-prev,
.slrs-vertical-faq-slider .swiper-button-next {
  left: auto !important;
  right: 10px !important;
  transform: none !important;
}
.slrs-vertical-faq-slider .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-vertical-faq-slider .swiper-button-next:hover:not(.swiper-button-disabled) {
  transform: scale(1.1) !important;
}
.slrs-vertical-faq-slider .swiper-button-prev {
  top: calc(50% - 45px) !important;
  bottom: auto !important;
}
.slrs-vertical-faq-slider .swiper-button-prev::before {
  transform: translate(-50%, -40%) rotate(-45deg) !important;
}
.slrs-vertical-faq-slider .swiper-button-next {
  top: calc(50% + 5px) !important;
  bottom: auto !important;
}
.slrs-vertical-faq-slider .swiper-button-next::before {
  transform: translate(-50%, -60%) rotate(135deg) !important;
}
.slrs-vertical-faq-slider .swiper-container {
  height: 220px;
}
.slrs-vertical-faq-slider__card {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-vertical-faq-slider__card {
  background: #111827;
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-vertical-faq-slider__icon {
  font-size: 1.5rem;
  color: var(--clr-accent);
  margin-bottom: 12px;
}
.slrs-vertical-faq-slider__fact {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-text);
  margin-bottom: 0;
}
[data-theme=dark] .slrs-vertical-faq-slider__fact {
  color: #ffffff;
}

.slrs-coverflow-slider {
  padding: 30px 0;
}
.slrs-coverflow-slider .swiper-slide {
  width: auto !important;
  max-width: 450px;
  height: 400px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
}
.slrs-coverflow-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slrs-coverflow-slider .swiper-slide-active {
  box-shadow: 0 25px 50px rgba(22, 101, 52, 0.3);
}

.slrs-fade-slider {
  max-width: 800px;
  margin: 0 auto;
}
.slrs-fade-slider__card {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-fade-slider__card {
  background: #111827;
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-fade-slider__title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 12px;
}
[data-theme=dark] .slrs-fade-slider__title {
  color: #ffffff;
}
.slrs-fade-slider__text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin-bottom: 0;
}
[data-theme=dark] .slrs-fade-slider__text {
  color: #9ca3af;
}

.slrs-parallax-slider {
  position: relative;
  height: 480px;
  background: #000;
  border-radius: 24px;
  overflow: hidden;
}
.slrs-parallax-slider__slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.slrs-parallax-slider__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10%;
  width: 120%;
  z-index: 0;
}
.slrs-parallax-slider__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05) translateY(0);
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.swiper-slide-active .slrs-parallax-slider__bg img {
  transform: scale(1) translateX(-5%);
}
.slrs-parallax-slider__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  z-index: 1;
}
.slrs-parallax-slider__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
  padding: 0 20px;
}
.slrs-parallax-slider__title {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 12px;
}
.slrs-parallax-slider__desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}

@keyframes slrs-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.solaris-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
}
.solaris-lightbox.is-active {
  opacity: 1;
  visibility: visible;
}
.solaris-lightbox.is-active .solaris-lightbox__content {
  transform: scale(1) translate3d(0, 0, 0);
  opacity: 1;
}

.solaris-lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(11, 17, 32, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: zoom-out;
  z-index: 1;
  transition: opacity 0.35s ease;
}
[data-theme=dark] .solaris-lightbox__overlay {
  background: rgba(7, 10, 19, 0.96);
}

.solaris-lightbox__progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  box-shadow: 0 0 8px var(--clr-primary-op-50);
  z-index: 1000000;
  width: 0%;
  pointer-events: none;
}

.solaris-lightbox__content {
  position: relative;
  width: 90%;
  max-width: 1080px;
  height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
  transform: scale(0.92) translate3d(0, 30px, 0);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__content {
    width: 95%;
    height: 82vh;
  }
}

.solaris-lightbox__media-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  overflow: hidden;
}

.solaris-lightbox__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}
.solaris-lightbox__media.is-dragging {
  transition: none !important;
}

.solaris-lightbox__image {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  border-radius: var(--radius-lg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  cursor: zoom-in;
  user-select: none;
  -webkit-user-drag: none;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-radius 0.3s ease;
  will-change: transform;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__image {
    border-radius: 8px;
    max-height: 62vh;
  }
}
.solaris-lightbox__image.is-zoomed {
  cursor: zoom-out;
  border-radius: 0;
  box-shadow: none;
}

.solaris-lightbox__video {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 920px;
  background: #000000;
  border-radius: var(--radius-lg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__video {
    border-radius: 8px;
  }
}
.solaris-lightbox__video iframe,
.solaris-lightbox__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
}
.solaris-lightbox__video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--clr-primary);
  border-radius: var(--radius-full);
  animation: solaris-lb-spin 0.8s linear infinite;
  z-index: 1;
  pointer-events: none;
}
.solaris-lightbox__video.is-loaded::before {
  display: none;
}

@keyframes solaris-lb-spin {
  to {
    transform: rotate(360deg);
  }
}
.solaris-lightbox__toolbar {
  position: fixed;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: var(--radius-full);
  padding: 6px 12px;
  z-index: 100;
  pointer-events: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 35.98em) {
  .solaris-lightbox__toolbar {
    top: 16px;
    right: 16px;
    padding: 4px 8px;
    gap: 4px;
  }
}

.solaris-lightbox__btn {
  background: transparent;
  border: none;
  color: var(--clr-white);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  cursor: pointer;
  outline: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__btn {
    width: 34px;
    height: 34px;
  }
}
.solaris-lightbox__btn i {
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.solaris-lightbox__btn:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.08);
}
.solaris-lightbox__btn:active {
  transform: scale(0.96);
}
.solaris-lightbox__btn:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}

.solaris-lightbox__nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--clr-white);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  cursor: pointer;
  z-index: 10;
  pointer-events: auto;
  outline: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
@media (max-width: 35.98em) {
  .solaris-lightbox__nav {
    width: 40px;
    height: 40px;
  }
}
.solaris-lightbox__nav i {
  font-size: 1.15rem;
  transition: transform 0.2s ease;
}
.solaris-lightbox__nav:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
}
.solaris-lightbox__nav:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 4px;
}
.solaris-lightbox__nav--prev {
  left: 32px;
}
.solaris-lightbox__nav--prev:hover {
  transform: translateY(-50%) scale(1.08) translateX(-4px);
}
@media (max-width: 35.98em) {
  .solaris-lightbox__nav--prev {
    left: 12px;
  }
  .solaris-lightbox__nav--prev:hover {
    transform: translateY(-50%) scale(1.06);
  }
}
.solaris-lightbox__nav--next {
  right: 32px;
}
.solaris-lightbox__nav--next:hover {
  transform: translateY(-50%) scale(1.08) translateX(4px);
}
@media (max-width: 35.98em) {
  .solaris-lightbox__nav--next {
    right: 12px;
  }
  .solaris-lightbox__nav--next:hover {
    transform: translateY(-50%) scale(1.06);
  }
}

.solaris-lightbox__info {
  margin-top: 20px;
  text-align: center;
  max-width: 650px;
  pointer-events: auto;
  background: rgba(11, 17, 32, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
  padding: 14px 24px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
.solaris-lightbox__info:empty {
  display: none;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__info {
    padding: 10px 16px;
    margin-top: 12px;
    max-width: 90%;
  }
}

.solaris-lightbox__title {
  margin: 0 0 6px;
  font-family: var(--heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--clr-white);
  line-height: 1.4;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__title {
    font-size: 1rem;
    margin-bottom: 4px;
  }
}

.solaris-lightbox__desc {
  margin: 0;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
}
@media (max-width: 35.98em) {
  .solaris-lightbox__desc {
    font-size: 0.8rem;
  }
}

.solaris-lightbox__counter {
  margin-top: 8px;
  font-size: 0.75rem;
  color: var(--clr-primary);
  font-weight: 600;
  letter-spacing: 1px;
}

.solaris-lightbox.is-zoomed .solaris-lightbox__toolbar,
.solaris-lightbox.is-zoomed .solaris-lightbox__nav,
.solaris-lightbox.is-zoomed .solaris-lightbox__info {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  .solaris-lightbox {
    transition: none !important;
  }
  .solaris-lightbox__content {
    transition: none !important;
    transform: none !important;
  }
  .solaris-lightbox__media {
    transition: none !important;
  }
}
.slrs-floating-whatsapp {
  position: fixed;
  bottom: calc(var(--space-base-28) + 60px);
  right: var(--space-base-28);
  z-index: 1030;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-48, 48px);
  height: var(--size-base-48, 48px);
  font-size: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-full, 50px);
  cursor: pointer;
  color: #fff;
  background: rgba(37, 211, 102, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
}
.slrs-floating-whatsapp:hover {
  color: #fff;
  background: rgb(37, 211, 102);
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
@media (max-width: 47.98em) {
  .slrs-floating-whatsapp {
    width: var(--size-base-44, 44px);
    height: var(--size-base-44, 44px);
    font-size: 20px;
    bottom: calc(var(--space-base-20) + 55px);
    right: var(--space-base-20);
  }
}
@media (max-width: 39.98em) {
  .slrs-floating-whatsapp {
    bottom: calc(var(--space-base-72) + 55px);
  }
}

.slrs-support-cta {
  max-width: 800px;
  margin: var(--space-base-64) auto 0;
}
.slrs-support-cta__card {
  background: var(--clr-bg-alt);
  padding: 3rem 2rem;
  border-radius: 24px;
  border: 1px solid var(--clr-border);
  text-align: center;
  transition: all 0.3s ease;
}
.slrs-support-cta__card:hover {
  border-color: var(--clr-primary-op-30);
  box-shadow: 0 10px 30px var(--clr-smoke-op-3);
  transform: translateY(-2px);
}
.slrs-support-cta__icon {
  width: 64px;
  height: 64px;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 2rem;
  margin: 0 auto var(--space-base-16);
}
.slrs-support-cta__title {
  font-family: var(--ff-heading);
  font-weight: 700;
  margin-bottom: var(--space-base-8);
  color: var(--clr-text);
}
.slrs-support-cta__desc {
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-24);
}

/* ==========================================================================
   Search Results (Apple-Style Unified Dashboard)
   ========================================================================== */
/* 0. Search Hero Header */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 var(--clr-primary-op-20), inset 0 0 0 1px var(--clr-primary-op-20);
  }
  70% {
    box-shadow: 0 0 0 24px transparent, inset 0 0 0 1px var(--clr-primary-op-10);
  }
  100% {
    box-shadow: 0 0 0 0 transparent, inset 0 0 0 1px var(--clr-primary-op-20);
  }
}
.slrs-search-hero {
  position: relative;
  padding: var(--space-base-64) 0 var(--space-base-48);
  text-align: center;
}
@media (max-width: 47.98em) {
  .slrs-search-hero {
    padding: var(--space-base-32) 0 var(--space-base-24);
  }
}
.slrs-search-hero {
  background: radial-gradient(ellipse at top center, var(--clr-primary-op-5) 0%, var(--clr-surface-void) 60%);
  z-index: 2;
  overflow: hidden;
}
.slrs-search-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-default), transparent);
}
.slrs-search-hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--space-base-24);
  position: relative;
  z-index: 2;
}
@media (max-width: 35.98em) {
  .slrs-search-hero__inner {
    padding: 0 var(--space-base-16);
  }
}
.slrs-search-hero__icon {
  width: 72px;
  height: 72px;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-20));
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-bottom: var(--space-base-24);
  animation: pulseGlow 3s infinite cubic-bezier(0.16, 1, 0.3, 1);
  border: 4px solid var(--clr-surface-void);
  box-sizing: content-box;
  box-shadow: 0 8px 32px var(--clr-primary-op-10);
}
@media (max-width: 47.98em) {
  .slrs-search-hero__icon {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
    margin-bottom: var(--space-base-16);
  }
}
.slrs-search-hero__title {
  font-family: var(--ff-heading);
  font-size: 2.375rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-search-hero__title {
    font-size: clamp(1.75rem, 1.6413rem + 0.5435vw, 3rem);
  }
}
.slrs-search-hero__title {
  font-weight: var(--fw-black);
  color: var(--clr-text);
  margin-bottom: var(--space-base-16);
  letter-spacing: -1.5px;
  line-height: var(--lh-tight);
}
@media (max-width: 47.98em) {
  .slrs-search-hero__title {
    margin-bottom: var(--space-base-12);
    letter-spacing: -1px;
  }
}
.slrs-search-hero__title span {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-optional, #3b82f6));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-search-hero__desc {
  font-size: 1.125rem;
  color: var(--clr-text-muted);
  max-width: 540px;
  line-height: var(--lh-base);
}
@media (max-width: 47.98em) {
  .slrs-search-hero__desc {
    font-size: 0.9375rem;
    max-width: 100%;
  }
}
.slrs-search-hero__desc strong {
  color: var(--clr-text);
  font-weight: var(--fw-bold);
}

.slrs-search-results-page {
  padding-top: var(--space-base-32);
  padding-bottom: var(--space-base-80);
  position: relative;
  overflow: hidden;
  /* Subtle dot grid pattern for extra premium feel */
  background-image: radial-gradient(var(--border-default) 1px, transparent 1px);
  background-size: 24px 24px;
}
.slrs-search-results-page::before {
  content: "";
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 120vw;
  height: 600px;
  background: radial-gradient(ellipse at top, var(--clr-primary-op-10) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-search-results-page .slrs-search-container {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

/* 1. Top Hit Bento Card (Ultra Premium) */
.slrs-search-top-hit {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
  padding: var(--space-base-24);
  border-radius: var(--radius-2xl);
  background: linear-gradient(145deg, var(--clr-surface-void), var(--clr-surface-frost));
  border: 1px solid var(--border-default);
  box-shadow: inset 0 0 0 1px var(--clr-surface-void), 0 12px 32px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  color: inherit;
  margin-bottom: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-search-top-hit {
    flex-direction: row;
    align-items: center;
    padding: var(--space-base-32);
    gap: var(--space-base-32);
  }
}
.slrs-search-top-hit::before {
  content: "";
  position: absolute;
  bottom: -20%;
  right: -10%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, var(--clr-primary-op-10), transparent 70%);
  opacity: 0.6;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  filter: blur(40px);
  z-index: 0;
}
.slrs-search-top-hit:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.06), inset 0 0 0 1px var(--border-default);
  background: linear-gradient(145deg, var(--clr-surface-void), var(--clr-surface-frost));
}
.slrs-search-top-hit:hover::before {
  opacity: 1;
  transform: scale(1.1) translate(-20px, -20px);
}
.slrs-search-top-hit__image-wrap {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-xl);
  background: var(--clr-surface-frost);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-base-12);
  position: relative;
  z-index: 2;
  box-shadow: inset 0 0 0 1px var(--border-default);
}
@media (min-width: 48em) {
  .slrs-search-top-hit__image-wrap {
    width: 160px;
    height: 160px;
    padding: var(--space-base-16);
  }
}
.slrs-search-top-hit__image-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-search-top-hit:hover .slrs-search-top-hit__image-wrap img {
  transform: scale(1.08) translateY(-4px);
}
.slrs-search-top-hit__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
  z-index: 2;
}
.slrs-search-top-hit__badge {
  align-self: flex-start;
  font-size: 0.6875rem;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary, var(--clr-primary)));
  color: #fff;
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
}
.slrs-search-top-hit__title {
  font-family: var(--ff-heading);
  font-size: 1.75rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-search-top-hit__title {
    font-size: clamp(1.5rem, 1.4565rem + 0.2174vw, 2rem);
  }
}
.slrs-search-top-hit__title {
  font-weight: var(--fw-black);
  margin: 0;
  color: var(--clr-text);
  line-height: var(--lh-tight);
  letter-spacing: -0.5px;
}
.slrs-search-top-hit__specs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
  align-items: center;
}
.slrs-search-top-hit__specs span {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  background: var(--clr-surface-frost);
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-default);
}
.slrs-search-top-hit__price {
  font-family: var(--ff-heading);
  font-size: 1.25rem;
  font-weight: var(--fw-black);
  color: var(--clr-text);
  margin-top: var(--space-base-8);
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-search-top-hit__price::after {
  content: "→"; /* Right Arrow */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--clr-text);
  color: var(--clr-surface-void);
  border-radius: var(--radius-full);
  font-size: 1rem;
  font-weight: var(--fw-regular);
  transition: transform 0.3s ease;
}
.slrs-search-top-hit:hover .slrs-search-top-hit__price::after {
  transform: translateX(4px);
}

/* 2. Bento Group & Modern Header */
.slrs-search-bento-group {
  background: var(--clr-surface-void);
  border-radius: var(--radius-2xl);
  padding: var(--space-base-16);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02), inset 0 0 0 1px var(--border-default);
  margin-bottom: var(--space-base-32);
}
.slrs-search-bento-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-16) var(--space-base-24);
  margin-bottom: var(--space-base-24);
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--clr-primary-op-5), transparent);
  border: 1px solid var(--clr-primary-op-10);
  position: relative;
  overflow: hidden;
}
.slrs-search-bento-group__header::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: radial-gradient(circle at center right, var(--clr-primary-op-10), transparent 70%);
  pointer-events: none;
}
.slrs-search-bento-group__header h3 {
  font-family: var(--ff-heading);
  font-size: 1.25rem;
  font-weight: var(--fw-black);
  color: var(--clr-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  letter-spacing: -0.5px;
  z-index: 2;
}
.slrs-search-bento-group__header h3 i {
  color: var(--clr-primary);
  font-size: 1.5rem;
  padding: var(--space-base-8);
  background: var(--clr-surface-void);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px var(--clr-primary-op-10);
}
.slrs-search-bento-group__header .count {
  font-size: 0.875rem;
  font-weight: var(--fw-black);
  color: var(--clr-primary);
  background: var(--clr-surface-void);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  box-shadow: 0 4px 16px var(--clr-primary-op-20);
  border: 1px solid var(--clr-primary-op-10);
  z-index: 2;
}
.slrs-search-bento-group__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}

/* 3. Product List Item (Mobiles/Laptops) */
.slrs-search-list-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  padding: var(--space-base-12) var(--space-base-16);
  border-radius: var(--radius-xl);
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  border: 1px solid transparent;
}
.slrs-search-list-item:hover {
  background: var(--clr-primary-op-4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--border-default);
  transform: translateY(-1px);
  z-index: 2;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-primary-op-10);
}
.slrs-search-list-item:hover .slrs-search-list-item__thumb {
  transform: scale(1.04);
  background: var(--clr-surface-void);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: var(--border-default);
}
.slrs-search-list-item:hover .slrs-search-list-item__arrow {
  background: var(--clr-primary);
  color: #fff;
  transform: translateX(4px);
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
}
.slrs-search-list-item:hover .slrs-search-list-item__price {
  background: var(--clr-primary);
  color: #fff;
  box-shadow: 0 4px 16px var(--clr-primary-op-20);
}
.slrs-search-list-item__thumb {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-lg);
  background: var(--clr-surface-void);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-base-4);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  border: var(--border-default);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-search-list-item__thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.slrs-search-list-item__details {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
.slrs-search-list-item__title {
  font-family: var(--ff-heading);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.2px;
}
.slrs-search-list-item__meta {
  font-size: 0.75rem;
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-search-list-item__meta .dot {
  width: 4px;
  height: 4px;
  border-radius: var(--radius-full);
  background: var(--clr-text-muted);
  opacity: 0.5;
}
.slrs-search-list-item__action {
  display: flex;
  align-items: center;
  gap: var(--space-base-20);
  flex-shrink: 0;
}
.slrs-search-list-item__price {
  font-family: var(--ff-heading);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  background: var(--clr-surface-frost);
  padding: 6px 12px;
  border-radius: var(--radius-xl);
  transition: all 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-search-list-item__price {
    display: none;
  }
}
.slrs-search-list-item__arrow {
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  background: var(--clr-primary-op-10);
  border: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-search-list-item__arrow i {
  font-size: 0.875rem;
}

/* 4. News Post List Item (Landscape & Premium) */
.slrs-search-post-list-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  padding: var(--space-base-12) var(--space-base-16);
  border-radius: var(--radius-xl);
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  border: 1px solid transparent;
}
.slrs-search-post-list-item:hover {
  background: var(--clr-primary-op-4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--border-default);
  transform: translateY(-1px);
  z-index: 2;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-primary-op-10);
}
.slrs-search-post-list-item:hover .slrs-search-post-list-item__thumb {
  transform: scale(1.02);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: var(--border-default);
}
.slrs-search-post-list-item:hover .slrs-search-post-list-item__thumb img {
  transform: scale(1.05);
}
.slrs-search-post-list-item:hover .slrs-search-post-list-item__read-more {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: var(--radius-full);
}
.slrs-search-post-list-item:hover .slrs-search-post-list-item__read-more i {
  transform: translateX(4px);
}
.slrs-search-post-list-item__thumb {
  width: 80px;
  height: 56px;
  border-radius: var(--radius-md);
  background: var(--clr-surface-void);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: var(--border-default);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (min-width: 36em) {
  .slrs-search-post-list-item__thumb {
    width: 88px;
    height: 60px;
  }
}
.slrs-search-post-list-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.slrs-search-post-list-item__details {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
.slrs-search-post-list-item__title {
  font-family: var(--ff-heading);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
  line-height: var(--lh-base);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-search-post-list-item__meta {
  font-size: 0.75rem;
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-search-post-list-item__meta .badge {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  padding: 2px var(--space-base-8);
  border-radius: var(--radius-full);
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.slrs-search-post-list-item__action {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.slrs-search-post-list-item__read-more {
  font-size: 0.8125rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: var(--radius-full);
}
@media (max-width: 35.98em) {
  .slrs-search-post-list-item__read-more {
    display: none;
  }
}

/* 5. Empty State Bento */
.slrs-empty-bento {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-24);
  padding: 64px var(--space-base-24);
  border-radius: var(--radius-3xl);
  background: var(--clr-surface-void);
  border: 1px dashed var(--border-default);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-1);
  margin-top: var(--space-base-32);
}
.slrs-empty-bento__icon {
  width: 96px;
  height: 96px;
  border-radius: var(--radius-full);
  background: var(--clr-glass-op-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: var(--clr-text-muted);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.05);
}
.slrs-empty-bento__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-8);
  text-align: center;
}
.slrs-empty-bento__content h3 {
  font-family: var(--ff-heading);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
}
.slrs-empty-bento__content p {
  font-size: 0.9375rem;
  color: var(--clr-text-muted);
  margin: 0;
  max-width: 400px;
}
.slrs-empty-bento__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-12);
  justify-content: center;
  margin-top: var(--space-base-16);
}
.slrs-empty-bento__suggestions .pill {
  font-size: 0.875rem;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  background: var(--clr-glass-op-4);
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid var(--border-default);
}
.slrs-empty-bento__suggestions .pill:hover {
  background: var(--clr-primary);
  color: #fff;
  border-color: var(--clr-primary);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px var(--clr-primary-op-30);
}

/* 6. Load More Logic */
.slrs-search-list-item.is-hidden,
.slrs-search-post-list-item.is-hidden {
  display: none !important;
}

.slrs-search-load-more {
  display: flex;
  justify-content: center;
  margin-top: var(--space-base-24);
}
.slrs-search-load-more button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  font-family: var(--ff-body);
  font-size: 0.875rem;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  background: var(--clr-surface-frost);
  padding: var(--space-base-12) var(--space-base-24);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-default);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-search-load-more button:hover {
  background: var(--clr-primary);
  color: #fff;
  border-color: var(--clr-primary);
  box-shadow: 0 8px 24px var(--clr-primary-op-20);
}
.slrs-search-load-more button i {
  transition: transform 0.3s ease;
}
.slrs-search-load-more button:hover i {
  transform: translateY(2px);
}

@keyframes slrs-magic-shimmer {
  0% {
    transform: translateX(-150%) skewX(-45deg);
  }
  100% {
    transform: translateX(150%) skewX(-45deg);
  }
}
.slrs-magic-btn {
  position: fixed;
  bottom: var(--space-base-24);
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-12);
  padding: var(--space-base-14) var(--space-base-28);
  background: rgba(15, 23, 42, 0.9) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--radius-full);
  color: #ffffff !important;
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  text-decoration: none;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
}
.slrs-magic-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-150%) skewX(-45deg);
  animation: slrs-magic-shimmer 2.5s infinite linear;
  pointer-events: none;
  z-index: 1;
}
.slrs-magic-btn i {
  font-size: var(--ffs-xl);
  color: #10b981 !important;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 2;
}
.slrs-magic-btn span {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
}
.slrs-magic-btn:hover {
  transform: translateX(-50%) translateY(-4px) scale(1.02);
  background: rgb(15, 23, 42) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.slrs-magic-btn:hover i {
  transform: scale(1.1) rotate(-5deg);
}
.slrs-magic-btn:hover::after {
  display: none;
}
.slrs-magic-btn:active {
  transform: translateX(-50%) translateY(2px) scale(0.98);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
@media (max-width: 768px) {
  .slrs-magic-btn {
    bottom: var(--space-base-24);
    padding: var(--space-base-12) var(--space-base-24);
  }
  .slrs-magic-btn span {
    font-size: var(--ffs-sm);
  }
  .slrs-magic-btn i {
    font-size: var(--ffs-lg);
  }
}

.slrs-redirect-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding: var(--space-xl) var(--space-md);
}

.slrs-redirect-card {
  background: var(--clr-surface);
  padding: var(--space-2xl);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  text-align: center;
  max-width: 450px;
  width: 100%;
  border: 1px solid var(--clr-border-light);
}
.slrs-redirect-card h2 {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-semibold);
  margin-top: 0;
  margin-bottom: var(--space-sm);
  color: var(--clr-heading);
}
.slrs-redirect-card p {
  font-size: var(--fs-base);
  color: var(--clr-text);
  line-height: var(--lh-relaxed);
  margin-bottom: var(--space-xl);
}
.slrs-redirect-card .slrs-spinner {
  border: 3px solid var(--clr-border-light);
  border-left-color: var(--clr-primary);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: slrs-spin 1s linear infinite;
  margin: 0 auto;
}

@keyframes slrs-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slrs-events-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.slrs-event-card {
  display: flex;
  flex-direction: column;
  background: var(--clr-bg-alt);
  border: var(--border-light);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  transition: var(--transition-default);
  position: relative;
  box-shadow: 0 4px 24px var(--clr-smoke-op-05);
}
@media (min-width: 992px) {
  .slrs-event-card {
    flex-direction: row;
    align-items: stretch;
  }
}
.slrs-event-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border: var(--border-default);
}
.slrs-event-card:hover .slrs-event-card__media img {
  transform: scale(1.05);
}
.slrs-event-card:hover .slrs-event-card__date {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px var(--clr-smoke-op-15);
}
.slrs-event-card__media {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .slrs-event-card__media {
    width: 35%;
    height: 100%;
    min-height: 250px;
  }
}
.slrs-event-card__media a {
  display: block;
  width: 100%;
  height: 100%;
}
.slrs-event-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-default);
}
.slrs-event-card__date {
  position: absolute;
  top: var(--space-md);
  left: var(--space-md);
  background: var(--clr-white);
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  box-shadow: 0 4px 12px var(--clr-smoke-op-10);
  transition: var(--transition-default);
  z-index: 2;
}
.slrs-event-card__date strong {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  line-height: 1;
  margin-bottom: 2px;
}
.slrs-event-card__date small {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  color: var(--clr-neutral-500);
  letter-spacing: 1px;
  line-height: 1;
}
.slrs-event-card__content {
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .slrs-event-card__content {
    padding: var(--space-xl);
  }
}
.slrs-event-card__tag {
  display: inline-flex;
  align-items: center;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-warning);
  margin-bottom: var(--space-sm);
}
.slrs-event-card__tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 6px;
  box-shadow: 0 0 8px currentColor;
}
.slrs-event-card__tag.status-completed {
  color: var(--clr-success);
}
.slrs-event-card__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-heading);
  margin-bottom: var(--space-sm);
  line-height: 1.3;
}
.slrs-event-card__title a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-default);
}
.slrs-event-card__title a:hover {
  color: var(--clr-primary);
}
.slrs-event-card__desc {
  color: var(--clr-neutral-500);
  font-size: var(--fs-md);
  line-height: 1.6;
  margin-bottom: var(--space-md);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-event-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-lg);
  border-bottom: var(--border-divider);
}
.slrs-event-card__meta span {
  display: flex;
  align-items: center;
  font-size: var(--fs-sm);
  color: var(--clr-neutral-500);
  font-weight: var(--fw-medium);
}
.slrs-event-card__meta span i {
  font-size: var(--fs-lg);
  margin-right: 6px;
  color: var(--clr-neutral-400);
}
.slrs-event-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm);
  margin-top: auto;
}
.slrs-event-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  text-decoration: none;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-full);
  transition: var(--transition-default);
}
.slrs-event-card__btn--primary {
  background: var(--clr-primary);
  color: var(--clr-white);
  border: 1px solid var(--clr-primary);
}
.slrs-event-card__btn--primary:hover {
  background: var(--clr-primary-dark);
  color: var(--clr-white);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
}
.slrs-event-card__btn--outline {
  background: var(--clr-bg-alt);
  color: var(--clr-text);
  border: var(--border-default);
}
.slrs-event-card__btn--outline:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
}

.slrs-sidebar-sticky {
  position: sticky;
  top: var(--space-4xl, 100px);
}

.slrs-sidebar-widget {
  background: var(--clr-bg-alt);
  border-radius: var(--radius-2xl);
  padding: var(--space-xl);
  text-align: center;
  margin-bottom: var(--space-lg);
  border: var(--border-light);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slrs-sidebar-widget--primary {
  background: var(--clr-bg-alt);
}
.slrs-sidebar-widget--secondary {
  background: var(--clr-primary-op-05);
  border: none;
}
.slrs-sidebar-widget__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--radius-full);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  margin-bottom: var(--space-md);
}
.slrs-sidebar-widget__icon-wrap i {
  font-size: var(--ffs-3xl);
}
.slrs-sidebar-widget__title {
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  color: var(--clr-heading);
  margin-bottom: var(--space-sm);
  font-size: var(--ffs-xl);
}
.slrs-sidebar-widget__text {
  color: var(--clr-text);
  font-size: var(--ffs-sm);
  margin-bottom: var(--space-lg);
  line-height: var(--lh-relaxed);
}
.slrs-sidebar-widget__btn {
  width: 100%;
  border-radius: var(--radius-full);
}
.slrs-sidebar-widget__btn.slrs-btn--sm {
  width: auto;
}

/*==========================================================================
   Solaris Premium Header Styles (Under slrs- prefix)
   Dual-row design: Header Top Bar + Main Navigation
   Optimized with HSL variables and hardware-accelerated transitions
============================================================================*/
.slrs-header-wrap {
  --transition-header: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-header: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: sticky;
  top: calc(-1 * var(--space-base-44));
  z-index: 1020;
  width: 100%;
  background: var(--clr-bg);
  border-bottom: 1px solid var(--clr-neutral-100);
  min-height: var(--header-height, 80px);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transition: background var(--transition-header), box-shadow var(--transition-header), border-color var(--transition-header);
}
@media (max-width: 61.98em) {
  .slrs-header-wrap {
    top: 0;
    min-height: auto;
  }
  .slrs-header-wrap.is-sticky {
    backdrop-filter: none !important;
    background-color: var(--clr-bg) !important;
  }
}
.slrs-header-wrap.is-sticky, .slrs-header-wrap.slrs-sticky {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  animation: slrs-sticky-reveal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
[data-theme=dark] .slrs-header-wrap.is-sticky, [data-theme=dark] .slrs-header-wrap.slrs-sticky {
  background: rgba(10, 18, 30, 0.82);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.slrs-header-wrap.is-sticky .slrs-header-main, .slrs-header-wrap.slrs-sticky .slrs-header-main {
  padding-block: var(--space-base-12);
  background: transparent;
}
@media (max-width: 61.98em) {
  .slrs-header-wrap.is-sticky .slrs-header-main, .slrs-header-wrap.slrs-sticky .slrs-header-main {
    padding-block: var(--space-base-12);
  }
}
.slrs-header-wrap.is-sticky .slrs-header-top, .slrs-header-wrap.slrs-sticky .slrs-header-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.slrs-header-wrap.is-hidden {
  transform: translateY(-100%) !important;
  opacity: 0 !important;
}

/* ==========================================
   1. HEADER TOP BAR (Desktop Only)
   ========================================== */
.slrs-header-top {
  background: var(--clr-primary);
  height: var(--size-base-44);
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  color: var(--clr-white);
}
[data-theme=dark] .slrs-header-top {
  background: rgb(10, 18, 30);
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 61.98em) {
  .slrs-header-top {
    display: none;
  }
}
.slrs-header-top .container {
  height: 100%;
}
.slrs-header-top__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.slrs-header-top__contact {
  display: flex;
  align-items: center;
  gap: var(--space-base-24);
}
.slrs-header-top__contact-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  color: var(--clr-white);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-header-top__contact-item i {
  color: var(--clr-accent);
  font-size: var(--ffs-base);
}
.slrs-header-top__contact-item:hover {
  color: var(--clr-accent);
}
.slrs-header-top__social {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-header-top__social-label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-white);
}
.slrs-header-top .slrs-social-links {
  display: flex;
  gap: var(--space-base-8);
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-header-top .slrs-social-links li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-28);
  height: var(--size-base-28);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: var(--clr-white);
  font-size: var(--ffs-2xs);
  transition: all 0.3s ease;
  text-decoration: none;
}
.slrs-header-top .slrs-social-links li a:hover {
  background: var(--clr-accent);
  color: var(--clr-primary) !important;
  transform: translateY(-2px);
}

/* ==========================================
   2. MAIN HEADER CONTENT
   ========================================== */
.slrs-header-main {
  padding-block: var(--space-base-12);
  background: var(--clr-bg);
  transition: padding var(--transition-header);
}
@media (max-width: 61.98em) {
  .slrs-header-main {
    padding-block: var(--space-base-8);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-header-main {
    padding-block: var(--space-base-12);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-header-main {
    padding-block: var(--space-base-16);
  }
}
.slrs-header-main .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Mobile Toggler */
.slrs-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-40);
  height: var(--size-base-40);
  background: var(--clr-primary-op-8);
  border: 1px solid rgb(var(--clr-primary-rgb)/0.12);
  border-radius: 8px;
  color: var(--clr-primary);
  font-size: var(--ffs-xl);
  cursor: pointer;
  transition: all 0.25s ease;
}
.slrs-mobile-toggle:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
}
.slrs-mobile-toggle:active {
  transform: scale(0.95);
}
@media (min-width: 62em) {
  .slrs-mobile-toggle {
    display: none;
  }
}

@media (min-width: 62em) {
  .show--mobile {
    display: none;
  }
}

/* Logo styling */
.slrs-logo {
  flex-shrink: 0;
  z-index: 10;
  display: flex;
  align-items: center;
}
.slrs-logo a {
  display: block;
  line-height: 0;
}
.slrs-logo .solaris-logo {
  max-height: var(--size-base-48);
  transition: max-height var(--transition-header);
  color: var(--clr-text);
}

/* ==========================================
   3. DESKTOP NAVIGATION
   ========================================== */
.slrs-nav-container {
  display: flex;
  flex: 1;
  justify-content: center;
  padding-inline: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-nav-container {
    padding-inline: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-nav-container {
    padding-inline: var(--space-base-28);
  }
}
@media (max-width: 61.98em) {
  .slrs-nav-container {
    display: none;
  }
}

.slrs-nav-menu {
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-nav-menu {
    gap: var(--space-base-6);
  }
}
.slrs-nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-nav-menu > li {
  position: relative;
}
.slrs-nav-menu > li.slrs-has-dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 15px;
  background: transparent;
  z-index: 100;
  display: none;
}
.slrs-nav-menu > li.slrs-has-dropdown:hover::after {
  display: block;
}
.slrs-nav-menu > li > a {
  display: flex;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-16);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-transform: capitalize;
  text-decoration: none;
  border-radius: 20px;
  position: relative;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
}
.slrs-nav-menu > li > a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(var(--clr-primary-rgb)/0.05);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.1);
  border-radius: 20px;
  opacity: 0;
  transform: scale(0.92) translate3d(0, 0, 0);
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: -1;
  will-change: transform, opacity;
}
[data-theme=dark] .slrs-nav-menu > li > a::before {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-nav-menu > li > a span {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.slrs-nav-menu > li > a span::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * var(--space-base-6));
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  transform: scaleX(0) translate3d(0, 0, 0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
  border-radius: 10px;
}
.slrs-nav-menu > li:hover > a {
  color: var(--clr-primary);
}
.slrs-nav-menu > li:hover > a::before {
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0);
}
.slrs-nav-menu > li:hover > a span::after {
  transform: scaleX(1) translate3d(0, 0, 0);
}
.slrs-nav-menu > li.active > a {
  color: var(--clr-primary);
}
.slrs-nav-menu > li.active > a::before {
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0);
}
.slrs-nav-menu > li.active > a span::after {
  transform: scaleX(1) translate3d(0, 0, 0);
}
.slrs-nav-menu > li.slrs-has-dropdown > a {
  padding-left: var(--space-base-24);
  padding-right: var(--space-base-24);
}
.slrs-nav-menu > li.slrs-has-dropdown > a::after {
  content: "";
  position: absolute;
  right: var(--space-base-12);
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate3d(0, -60%, 0) rotate(45deg);
  transition: transform var(--transition-header);
}
.slrs-nav-menu > li:hover.slrs-has-dropdown > a::after {
  transform: translate3d(0, -40%, 0) rotate(-135deg);
}

/* ==========================================
   4. DROPDOWN SUBMENU
   ========================================== */
.slrs-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 230px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 3px solid var(--clr-primary);
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  padding: var(--space-base-10) 0;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.3s var(--ease-header), transform 0.3s var(--ease-header), visibility 0.3s;
  z-index: 1000;
  will-change: transform, opacity;
}
[data-theme=dark] .slrs-dropdown {
  background: rgba(20, 28, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  border-top: 3px solid var(--clr-primary);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.slrs-dropdown .slrs-dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-dropdown .slrs-dropdown-menu li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
  opacity: 0;
}
[data-theme=dark] .slrs-dropdown .slrs-dropdown-menu li {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.06);
}
.slrs-dropdown .slrs-dropdown-menu li:last-child {
  border-bottom: none;
}
.slrs-dropdown .slrs-dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  padding: var(--space-base-12) var(--space-base-20);
  padding-left: var(--space-base-16);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  text-decoration: none;
  border-radius: var(--radius-md);
  position: relative;
  transition: all 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-dropdown-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 60%;
  background: var(--clr-primary);
  transform: translateY(-50%);
  border-radius: 0 4px 4px 0;
  transition: width 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-dropdown-menu li a i,
.slrs-dropdown .slrs-dropdown-menu li a .icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-32);
  height: var(--size-base-32);
  background: rgba(var(--clr-primary-rgb)/0.08);
  border-radius: 6px;
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
  flex-shrink: 0;
  transition: all 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-dropdown-menu li a i svg,
.slrs-dropdown .slrs-dropdown-menu li a .icon-svg svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.slrs-dropdown .slrs-dropdown-menu li a.is-active, .slrs-dropdown .slrs-dropdown-menu li a.active {
  color: var(--clr-primary);
  background: rgba(var(--clr-primary-rgb)/0.04);
  padding-left: var(--space-base-24);
}
.slrs-dropdown .slrs-dropdown-menu li a.is-active::before, .slrs-dropdown .slrs-dropdown-menu li a.active::before {
  width: 4px;
}
.slrs-dropdown .slrs-dropdown-menu li a.is-active i,
.slrs-dropdown .slrs-dropdown-menu li a.is-active .icon-svg, .slrs-dropdown .slrs-dropdown-menu li a.active i,
.slrs-dropdown .slrs-dropdown-menu li a.active .icon-svg {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.08);
}
.slrs-dropdown .slrs-dropdown-menu li a:hover {
  color: var(--clr-primary);
  background: rgba(var(--clr-primary-rgb)/0.04);
  padding-left: var(--space-base-24);
}
.slrs-dropdown .slrs-dropdown-menu li a:hover::before {
  width: 4px;
}
.slrs-dropdown .slrs-dropdown-menu li a:hover i,
.slrs-dropdown .slrs-dropdown-menu li a:hover .icon-svg {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.08);
}
.slrs-dropdown .slrs-has-sub-dropdown {
  position: relative;
}
.slrs-dropdown .slrs-has-sub-dropdown > a {
  padding-right: var(--space-base-20) !important;
}
@media (min-width: 48em) {
  .slrs-dropdown .slrs-has-sub-dropdown > a {
    padding-right: var(--space-base-28) !important;
  }
}
@media (min-width: 75em) {
  .slrs-dropdown .slrs-has-sub-dropdown > a {
    padding-right: var(--space-base-40) !important;
  }
}
.slrs-dropdown .slrs-has-sub-dropdown > a::after {
  content: "\f054";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: var(--fw-black);
  position: absolute;
  right: var(--space-base-16);
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: var(--clr-text-muted);
  transition: transform 0.25s var(--ease-header), color 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-has-sub-dropdown > a:hover::after {
  color: var(--clr-primary);
  transform: translateY(-50%) translateX(2px);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown {
  position: absolute;
  top: calc(-1 * var(--space-base-10));
  left: 100%;
  width: 220px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 3px solid var(--clr-primary);
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  padding: var(--space-base-10) 0;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(15px, 0, 0);
  transition: opacity 0.3s var(--ease-header), transform 0.3s var(--ease-header), visibility 0.3s;
  z-index: 1010;
  will-change: transform, opacity;
}
[data-theme=dark] .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown {
  background: rgba(20, 28, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  border-top: 3px solid var(--clr-primary);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition: opacity 0.4s var(--ease-header), transform 0.4s var(--ease-header);
}
[data-theme=dark] .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.06);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li:last-child {
  border-bottom: none;
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  padding: var(--space-base-10) var(--space-base-16);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  text-decoration: none;
  border-radius: var(--radius-md);
  position: relative;
  transition: all 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 60%;
  background: var(--clr-primary);
  transform: translateY(-50%);
  border-radius: 0 4px 4px 0;
  transition: width 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-26);
  height: var(--size-base-26);
  background: rgba(var(--clr-primary-rgb)/0.08);
  border-radius: 6px;
  color: var(--clr-primary);
  font-size: var(--ffs-3xs);
  flex-shrink: 0;
  transition: all 0.25s var(--ease-header);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a:hover, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.is-active, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.active {
  color: var(--clr-primary);
  background: rgba(var(--clr-primary-rgb)/0.04);
  padding-left: var(--space-base-20);
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a:hover::before, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.is-active::before, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.active::before {
  width: 4px;
}
.slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a:hover i, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.is-active i, .slrs-dropdown .slrs-has-sub-dropdown .slrs-sub-dropdown .slrs-sub-dropdown-menu li a.active i {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.08);
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li:nth-child(1) {
  transition-delay: 0.04s;
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li:nth-child(2) {
  transition-delay: 0.08s;
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li:nth-child(3) {
  transition-delay: 0.12s;
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li:nth-child(4) {
  transition-delay: 0.16s;
}
.slrs-dropdown .slrs-has-sub-dropdown:hover .slrs-sub-dropdown .slrs-sub-dropdown-menu li:nth-child(5) {
  transition-delay: 0.2s;
}

.slrs-has-dropdown:hover .slrs-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li {
  animation: slrs-fadeInUp 0.4s var(--ease-header) forwards;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(1) {
  animation-delay: 0.04s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(2) {
  animation-delay: 0.08s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(3) {
  animation-delay: 0.12s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(4) {
  animation-delay: 0.16s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(5) {
  animation-delay: 0.2s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(6) {
  animation-delay: 0.24s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(7) {
  animation-delay: 0.28s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(8) {
  animation-delay: 0.32s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(9) {
  animation-delay: 0.36s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(10) {
  animation-delay: 0.4s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(11) {
  animation-delay: 0.44s;
}
.slrs-has-dropdown:hover .slrs-dropdown .slrs-dropdown-menu li:nth-child(12) {
  animation-delay: 0.48s;
}

.slrs-has-dropdown:not(:hover) .slrs-dropdown .slrs-dropdown-menu li {
  animation: none;
  opacity: 0;
}

/* ==========================================
   5. HEADER ACTIONS
   ========================================== */
.slrs-header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-header-actions {
    gap: var(--space-base-10);
  }
}
.slrs-header-actions {
  z-index: 10;
  margin-left: auto;
}
@media (max-width: 61.98em) {
  .slrs-header-actions {
    margin-left: 0;
  }
}

.slrs-action-items {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-action-items {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-action-items {
    gap: var(--space-base-20);
  }
}
.slrs-action-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-action-items li {
  display: flex;
  align-items: center;
}
.slrs-action-items li.slrs-action-desktop {
  display: none;
}
@media (min-width: 62em) {
  .slrs-action-items li.slrs-action-desktop {
    display: flex;
  }
}
.slrs-action-items li.slrs-action-mobile {
  display: flex;
}
@media (min-width: 62em) {
  .slrs-action-items li.slrs-action-mobile {
    display: none;
  }
}
.slrs-action-items li:not(.slrs-action-cta) button.search-box-outer {
  outline: none !important;
  width: var(--size-base-42) !important;
  height: var(--size-base-42) !important;
}
.slrs-action-items li:not(.slrs-action-cta) button.search-box-outer:focus, .slrs-action-items li:not(.slrs-action-cta) button.search-box-outer:focus-visible, .slrs-action-items li:not(.slrs-action-cta) button.search-box-outer:active {
  background: var(--clr-primary-op-4) !important;
  color: var(--clr-text) !important;
  outline: none !important;
  box-shadow: none !important;
}
.slrs-action-items li:not(.slrs-action-cta) button.search-box-outer:hover {
  background: var(--clr-primary-op-10) !important;
  color: var(--clr-primary) !important;
  border-color: transparent !important;
}
@media (max-width: 61.98em) {
  .slrs-action-items li:not(.slrs-action-cta) button.search-box-outer {
    width: var(--size-base-38) !important;
    height: var(--size-base-38) !important;
  }
}
.slrs-action-items li:not(.slrs-action-cta) a:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate),
.slrs-action-items li:not(.slrs-action-cta) button:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-42);
  height: var(--size-base-42);
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-8);
  border-radius: 12px;
  color: var(--clr-text);
  font-size: var(--ffs-lg);
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
}
.slrs-action-items li:not(.slrs-action-cta) a:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate):hover,
.slrs-action-items li:not(.slrs-action-cta) button:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate):hover {
  background: var(--clr-primary-op-10);
  border-color: transparent;
  color: var(--clr-primary);
  transform: translateY(-2px) translate3d(0, 0, 0);
}
.slrs-action-items li:not(.slrs-action-cta) a:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate):active,
.slrs-action-items li:not(.slrs-action-cta) button:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate):active {
  transform: scale(0.95);
}
@media (max-width: 61.98em) {
  .slrs-action-items li:not(.slrs-action-cta) a:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate),
  .slrs-action-items li:not(.slrs-action-cta) button:not(.theme-cycle):not(.slrs-cta-btn):not(.slrs-btn-donate) {
    width: var(--size-base-38);
    height: var(--size-base-38);
    font-size: var(--ffs-xs);
  }
}
.slrs-action-items li button.sidebar-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-base-4);
}
.slrs-action-items li button.sidebar-btn span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--clr-text);
  border-radius: 2px;
  transition: all 0.3s ease;
}
.slrs-action-items li button.sidebar-btn span:nth-child(1) {
  width: 12px;
  margin-left: calc(-1 * var(--space-base-6));
}
.slrs-action-items li button.sidebar-btn span:nth-child(3) {
  width: 12px;
  margin-right: calc(-1 * var(--space-base-6));
}
.slrs-action-items li button.sidebar-btn:hover span {
  width: 18px;
  margin: 0;
  background: var(--clr-primary);
}
.slrs-action-items li.slrs-action-donate {
  display: flex;
  margin-left: var(--space-base-8);
}
.slrs-action-items li.slrs-action-donate .slrs-btn-donate {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  background: var(--clr-accent);
  color: var(--clr-white);
  padding: var(--space-base-10) var(--space-base-24);
  border-radius: 30px;
  font-family: var(--ff-primary);
  font-weight: var(--fw-bold);
  font-size: var(--ffs-sm);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 15px rgba(238, 115, 37, 0.2);
}
[data-theme=dark] .slrs-action-items li.slrs-action-donate .slrs-btn-donate {
  box-shadow: 0 4px 15px rgba(238, 115, 37, 0.15);
}
.slrs-action-items li.slrs-action-donate .slrs-btn-donate i {
  font-size: var(--ffs-base);
  transition: transform 0.3s ease;
}
.slrs-action-items li.slrs-action-donate .slrs-btn-donate:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(238, 115, 37, 0.4);
}
.slrs-action-items li.slrs-action-donate .slrs-btn-donate:hover i {
  transform: scale(1.15);
}
.slrs-action-items li.slrs-action-donate .slrs-btn-donate:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(238, 115, 37, 0.3);
}
.slrs-action-items li.slrs-action-cta a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-10);
  padding: var(--space-base-10) var(--space-base-26);
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  color: #ffffff !important;
  font-weight: var(--fw-bold);
  font-size: var(--ffs-base);
  border-radius: 30px;
  box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.25), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform, box-shadow;
  letter-spacing: 0.03em;
}
.slrs-action-items li.slrs-action-cta a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease;
}
.slrs-action-items li.slrs-action-cta a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  z-index: 2;
  animation: slrsCtaShimmer 6s infinite ease-in-out;
  pointer-events: none;
}
.slrs-action-items li.slrs-action-cta a span {
  position: relative;
  z-index: 3;
}
.slrs-action-items li.slrs-action-cta a i {
  font-size: var(--ffs-base);
  color: #ffffff;
  animation: slrsFloat 2.5s ease-in-out infinite;
  transition: color 0.3s ease, transform 0.3s ease;
  position: relative;
  z-index: 3;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2));
}
.slrs-action-items li.slrs-action-cta a:hover {
  transform: translate3d(0, -3px, 0);
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(238, 115, 37, 0.4), 0 0 15px rgba(245, 158, 11, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
  border-color: rgba(255, 255, 255, 0.35);
}
.slrs-action-items li.slrs-action-cta a:hover::before {
  opacity: 1;
}
.slrs-action-items li.slrs-action-cta a:hover::after {
  animation: slrsCtaShimmerHover 0.8s ease-out forwards;
}
.slrs-action-items li.slrs-action-cta a:hover i {
  color: #ffffff;
  animation: slrsPhoneWiggle 0.6s ease-in-out infinite;
}
.slrs-action-items li.slrs-action-cta a:active {
  transform: translate3d(0, -1px, 0);
  box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.2);
}
.slrs-action-items li.slrs-action-primary a {
  width: var(--size-base-38) !important;
  height: var(--size-base-38) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-accent-dark) 100%) !important;
  border: none !important;
  color: var(--clr-neutral-900) !important;
  box-shadow: 0 4px 10px rgba(238, 115, 37, 0.3);
  animation: slrs-mobile-action-pulse 2s infinite;
  transition: all 0.25s ease !important;
}
.slrs-action-items li.slrs-action-primary a i {
  font-size: var(--ffs-base, 1rem) !important;
  color: var(--clr-neutral-900) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.slrs-action-items li.slrs-action-primary a:hover {
  box-shadow: 0 6px 14px rgba(238, 115, 37, 0.4);
  transform: scale(1.08) translate3d(0, 0, 0) !important;
}
.slrs-action-items li.slrs-action-primary a:active {
  transform: scale(0.92) translate3d(0, 0, 0) !important;
}

/* Float Animation */
@keyframes slrsFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
/* Phone Wiggle Animation */
@keyframes slrsPhoneWiggle {
  0%, 100% {
    transform: rotate(0deg) scale(1.1);
  }
  15% {
    transform: rotate(-15deg) scale(1.1);
  }
  30% {
    transform: rotate(15deg) scale(1.1);
  }
  45% {
    transform: rotate(-10deg) scale(1.1);
  }
  60% {
    transform: rotate(10deg) scale(1.1);
  }
  75% {
    transform: rotate(-5deg) scale(1.1);
  }
  85% {
    transform: rotate(5deg) scale(1.1);
  }
}
/* Sticky Header Reveal Animation */
@keyframes slrs-sticky-reveal {
  0% {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* Staggered Dropdown Fade In Animation (GPU Accelerated) */
@keyframes slrs-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/* Mobile Quick Action Glow Pulse Animation */
@keyframes slrs-mobile-action-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(238, 115, 37, 0.5), 0 4px 10px rgba(238, 115, 37, 0.3);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(238, 115, 37, 0), 0 4px 10px rgba(238, 115, 37, 0.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(238, 115, 37, 0), 0 4px 10px rgba(238, 115, 37, 0.3);
  }
}
/* Top Bar Edge Shimmer Flow Animation */
@keyframes slrsShimmerFlow {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(50%, 0, 0);
  }
}
/* CTA Idle Automatic Shimmer Sweep Animation */
@keyframes slrsCtaShimmer {
  0% {
    left: -150%;
  }
  35% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
/* CTA Quick Shimmer Sweep Animation on Hover */
@keyframes slrsCtaShimmerHover {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
/* ==========================================
   MEGA MENU (Compare)
   ========================================== */
.compare-mega-menu {
  width: auto !important;
  min-width: 300px;
  max-width: 800px;
  padding: 0 !important;
  overflow: hidden;
}
.compare-mega-menu.compare-mega-menu-2-col .mega-menu-grid {
  grid-template-columns: repeat(2, 1fr);
}
.compare-mega-menu.compare-mega-menu-1-col .mega-menu-grid {
  grid-template-columns: 1fr;
}
.compare-mega-menu .mega-menu-grid {
  display: grid;
  gap: var(--space-base-1);
  background: rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .compare-mega-menu .mega-menu-grid {
  background: rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-grid .mega-menu-col {
  background: rgba(255, 255, 255, 0.85);
  padding: var(--space-base-20);
}
[data-theme=dark] .compare-mega-menu .mega-menu-grid .mega-menu-col {
  background: rgba(20, 28, 42, 0.9);
}
.compare-mega-menu .mega-menu-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-16);
  letter-spacing: 0.5px;
}
.compare-mega-menu .mega-menu-title i {
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
}
.compare-mega-menu .mega-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
.compare-mega-menu .mega-menu-list li {
  border: none;
  opacity: 1;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  padding: var(--space-base-10) var(--space-base-14);
  border-radius: var(--radius-md);
  text-decoration: none;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(var(--clr-primary-rgb)/0.08);
  color: var(--clr-accent);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link .icon-box {
  background: rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .link-text {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  transition: color 0.3s ease;
  line-height: 1.4;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .link-text span {
  color: var(--clr-text-muted);
  font-weight: var(--fw-regular);
  font-size: 0.9em;
  margin: 0 var(--space-base-4);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover {
  background: rgba(var(--clr-primary-rgb)/0.04);
  border-color: rgba(var(--clr-primary-rgb)/0.1);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover .icon-box {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.1);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover .link-text {
  color: var(--clr-primary);
}
.compare-mega-menu .mega-menu-footer {
  padding: var(--space-base-16) var(--space-base-20);
  background: rgba(var(--clr-primary-rgb)/0.03);
  border-top: 1px solid rgba(var(--clr-primary-rgb)/0.1);
  display: flex;
  justify-content: center;
}
[data-theme=dark] .compare-mega-menu .mega-menu-footer {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  padding: var(--space-base-10) var(--space-base-24);
  border-radius: 30px;
  background: var(--clr-primary);
  color: var(--clr-white);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.25);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action i {
  font-size: var(--ffs-sm);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action:hover {
  background: var(--clr-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(var(--clr-primary-rgb)/0.35);
}

.compare-mega-menu-wrapper {
  position: static !important;
}
.compare-mega-menu-wrapper .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
}
.compare-mega-menu-wrapper .compare-mega-menu.compare-mega-menu-1-col {
  min-width: 350px;
}
.compare-mega-menu-wrapper .compare-mega-menu.compare-mega-menu-2-col {
  min-width: 700px;
}
.compare-mega-menu-wrapper:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 700px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col {
  position: relative !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col .compare-mega-menu {
  left: 0 !important;
  transform: translate3d(0, 15px, 0);
  min-width: 450px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col:hover .compare-mega-menu {
  transform: translate3d(0, 0, 0);
}

.compare-mega-menu.compare-mega-menu-3-col .mega-menu-grid {
  grid-template-columns: repeat(3, 1fr);
}
.compare-mega-menu.compare-mega-menu-4-col .mega-menu-grid {
  grid-template-columns: repeat(4, 1fr);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 900px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 1100px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

@keyframes slrs-mobileMenuSlideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slrs-mobileMenuFadeInUp {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-mobile-menu {
  display: none;
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-modal);
    background: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    outline: none;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s 0.35s;
  }
  .slrs-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(15, 23, 42, 0.5);
    opacity: 0;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    pointer-events: none;
    will-change: opacity;
  }
  .slrs-mobile-menu-panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 320px;
    z-index: 2;
    background: rgba(250, 251, 252, 0.72);
    backdrop-filter: blur(24px) saturate(1.2);
    -webkit-backdrop-filter: blur(24px) saturate(1.2);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: none;
    transform: translateX(-100%);
    will-change: transform;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    pointer-events: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  }
  .slrs-mobile-menu-panel::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    box-shadow: 4px 0 16px rgba(15, 23, 42, 0.08), 12px 0 48px rgba(15, 23, 42, 0.12);
    opacity: 0;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
  }
  .slrs-mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-base-12) var(--space-base-16);
    background-color: rgba(241, 245, 249, 0.35);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-logo {
    display: flex;
    align-items: center;
  }
  .slrs-mobile-menu-logo svg, .slrs-mobile-menu-logo img {
    max-width: 140px;
    max-height: 40px;
    height: auto;
    width: auto;
    object-fit: contain;
  }
  .slrs-mobile-menu-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-base-36);
    height: var(--size-base-36);
    background: none;
    border: none;
    border-radius: var(--radius-full, 9999px);
    color: var(--clr-text);
    font-size: 24px;
    cursor: pointer;
    transition: background-color var(--transition-smooth), color var(--transition-smooth), transform var(--transition-smooth);
  }
  .slrs-mobile-menu-close:hover {
    background-color: var(--clr-danger-op-10);
    color: var(--clr-danger);
    transform: rotate(90deg);
  }
  .slrs-mobile-menu-close:active {
    transform: rotate(90deg) scale(0.9);
  }
  .slrs-mobile-menu-close:focus-visible {
    outline: 2px solid #dc3545;
    outline-offset: 2px;
  }
  .slrs-mobile-menu-body, .slrs-mobile-menu-nav {
    flex: 1;
    padding: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .slrs-mobile-menu-body::-webkit-scrollbar, .slrs-mobile-menu-nav::-webkit-scrollbar {
    width: 4px;
  }
  .slrs-mobile-menu-body::-webkit-scrollbar-track, .slrs-mobile-menu-nav::-webkit-scrollbar-track {
    background: var(--clr-neutral-100);
  }
  .slrs-mobile-menu-body::-webkit-scrollbar-thumb, .slrs-mobile-menu-nav::-webkit-scrollbar-thumb {
    background: var(--clr-neutral-300);
    border-radius: var(--radius-xs);
  }
  .slrs-mobile-menu-body::-webkit-scrollbar-thumb:hover, .slrs-mobile-menu-nav::-webkit-scrollbar-thumb:hover {
    background: var(--clr-neutral-400);
  }
  .slrs-mobile-menu-body, .slrs-mobile-menu-nav {
    scrollbar-width: thin;
    scrollbar-color: var(--clr-neutral-300) var(--clr-neutral-100);
  }
  .slrs-mobile-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .slrs-mobile-menu-item {
    position: relative;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .slrs-mobile-menu-item:last-child {
    border-bottom: none;
  }
  .slrs-mobile-menu-item.is-active > .slrs-mobile-menu-link {
    background-color: var(--clr-primary-op-8);
    color: var(--clr-primary);
    font-weight: var(--fw-semibold);
    border-left: var(--size-base-3) solid var(--clr-primary);
    padding-left: 20px;
  }
  .slrs-mobile-menu-item.has-submenu > .slrs-mobile-menu-link {
    padding-right: 56px;
  }
  .slrs-mobile-menu-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-base-8);
    padding: 14px 20px;
    font-size: var(--ffs-sm);
    font-weight: var(--fw-semibold);
    color: var(--clr-text);
    text-decoration: none;
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-link {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-link i {
    width: var(--size-base-20);
    font-size: var(--ffs-sm);
    text-align: center;
    flex-shrink: 0;
    color: var(--clr-primary);
  }
  .slrs-mobile-menu-link:hover {
    background-color: var(--clr-primary-op-4);
    color: var(--clr-primary);
    text-decoration: none !important;
    padding-left: 24px;
  }
  .slrs-mobile-menu-link:focus-visible {
    outline: 2px solid var(--clr-primary);
    outline-offset: -2px;
  }
  .slrs-mobile-menu-toggle {
    position: absolute;
    top: var(--space-base-8);
    right: var(--space-base-12);
    width: var(--size-base-28);
    height: var(--size-base-28);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-primary-op-8);
    color: var(--clr-primary);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background-color 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6), color 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6), transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    z-index: 2;
    font-size: 0.625rem;
  }
  .slrs-mobile-menu-toggle i {
    font-size: inherit;
    transition: transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  }
  .slrs-mobile-menu-toggle:hover {
    transform: scale(1.05);
  }
  .slrs-mobile-menu-toggle:active {
    transform: scale(0.95);
  }
  .slrs-mobile-menu-toggle:focus-visible {
    outline: 2px solid var(--clr-primary);
    outline-offset: 2px;
  }
  .slrs-mobile-menu .submenu-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
  }
  .slrs-mobile-menu .submenu {
    overflow: hidden;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--clr-neutral-50);
  }
  .slrs-mobile-menu .submenu li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-bottom: 1px dashed var(--clr-neutral-100);
  }
  .slrs-mobile-menu .submenu li:last-child {
    border-bottom: none;
  }
  .slrs-mobile-menu .submenu li a {
    display: flex;
    align-items: center;
    gap: var(--space-base-8);
    padding: var(--space-base-8) var(--space-base-16) var(--space-base-8) var(--space-base-20);
    font-size: var(--ffs-xs);
    font-weight: var(--fw-medium);
    color: var(--clr-text);
    text-decoration: none;
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: transparent;
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu .submenu li a {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu .submenu li a {
    padding: var(--space-base-8) var(--space-base-20) var(--space-base-8) var(--space-base-28);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu .submenu li a {
    padding: var(--space-base-10) var(--space-base-28) var(--space-base-10) var(--space-base-40);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu .submenu li a i {
    width: var(--size-base-16);
    font-size: var(--ffs-2xs);
    flex-shrink: 0;
    color: var(--clr-primary);
  }
  .slrs-mobile-menu .submenu li a:hover {
    background-color: var(--clr-primary-op-4);
    color: var(--clr-primary);
    padding-left: 36px;
  }
  .slrs-mobile-menu .submenu li a:focus-visible {
    outline: 2px solid var(--clr-primary);
    outline-offset: -2px;
  }
  .slrs-mobile-menu .submenu li a.is-active {
    color: var(--clr-primary);
    font-weight: 600;
    padding-left: 36px;
  }
  .slrs-mobile-menu .submenu li a:active {
    transform: scale(0.98);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu {
    position: relative;
    border-bottom: 1px dashed var(--clr-neutral-100);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu:last-child {
    border-bottom: none;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-active > .slrs-mobile-menu-link {
    color: var(--clr-primary);
    font-weight: 600;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu .slrs-mobile-submenu-toggle {
    position: absolute;
    top: var(--space-base-8);
    right: var(--space-base-12);
    width: var(--size-base-28);
    height: var(--size-base-28);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-primary-op-8);
    border-radius: var(--radius-sm);
    border: none;
    font-size: 0.625rem;
    cursor: pointer;
    transition: background-color 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6), color 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6), transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    z-index: 2;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu .slrs-mobile-submenu-toggle i {
    font-size: inherit;
    transition: transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu .slrs-mobile-submenu-toggle:hover {
    transform: scale(1.05);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu .slrs-mobile-submenu-toggle:active {
    transform: scale(0.95);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu .slrs-mobile-submenu-toggle:focus-visible {
    outline: 2px solid var(--clr-primary);
    outline-offset: 2px;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .slrs-mobile-submenu-toggle {
    background-color: var(--clr-primary);
    color: #ffffff;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .slrs-mobile-submenu-toggle i {
    transform: rotate(180deg);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper {
    grid-template-rows: 1fr;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li {
    opacity: 1;
    transform: translateY(0);
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li:nth-child(1) {
    transition-delay: 0.03s;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li:nth-child(2) {
    transition-delay: 0.06s;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li:nth-child(3) {
    transition-delay: 0.09s;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li:nth-child(4) {
    transition-delay: 0.12s;
  }
  .slrs-mobile-menu .submenu .has-sub-submenu.is-open > .sub-submenu-wrapper .sub-submenu li:nth-child(5) {
    transition-delay: 0.15s;
  }
  .slrs-mobile-menu .sub-submenu-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
  }
  .slrs-mobile-menu .sub-submenu {
    overflow: hidden;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--clr-neutral-100);
  }
  .slrs-mobile-menu .sub-submenu li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-bottom: 1px dashed var(--clr-neutral-200);
  }
  .slrs-mobile-menu .sub-submenu li:last-child {
    border-bottom: none;
  }
  .slrs-mobile-menu .sub-submenu li a {
    display: flex;
    align-items: center;
    gap: var(--space-base-8);
    padding: var(--space-base-8) var(--space-base-20) var(--space-base-8) var(--space-base-36); /* Indent sub-submenu link content */
    font-size: var(--ffs-2xs);
    font-weight: var(--fw-medium);
    color: var(--clr-text);
    text-decoration: none;
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: transparent;
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu .sub-submenu li a {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu .sub-submenu li a i {
    width: var(--size-base-16);
    font-size: var(--ffs-3xs);
    flex-shrink: 0;
    color: var(--clr-primary);
  }
  .slrs-mobile-menu .sub-submenu li a:hover {
    background-color: var(--clr-primary-op-4);
    color: var(--clr-primary);
    padding-left: 46px;
  }
  .slrs-mobile-menu .sub-submenu li a:focus-visible {
    outline: 2px solid var(--clr-primary);
    outline-offset: -2px;
  }
  .slrs-mobile-menu .sub-submenu li a.is-active {
    color: var(--clr-primary);
    font-weight: 600;
    padding-left: 46px;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .slrs-mobile-menu-toggle {
    background-color: var(--clr-primary);
    color: #ffffff;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .slrs-mobile-menu-toggle i {
    transform: rotate(180deg);
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper {
    grid-template-rows: 1fr;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li {
    opacity: 1;
    transform: translateY(0);
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(1) {
    transition-delay: 0.03s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(2) {
    transition-delay: 0.06s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(3) {
    transition-delay: 0.09s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(4) {
    transition-delay: 0.12s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(5) {
    transition-delay: 0.15s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(6) {
    transition-delay: 0.18s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(7) {
    transition-delay: 0.21s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(8) {
    transition-delay: 0.24s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(9) {
    transition-delay: 0.27s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(10) {
    transition-delay: 0.3s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(11) {
    transition-delay: 0.33s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(12) {
    transition-delay: 0.36s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(13) {
    transition-delay: 0.39s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(14) {
    transition-delay: 0.42s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item.is-open > .submenu-wrapper .submenu li:nth-child(15) {
    transition-delay: 0.45s;
  }
  .slrs-mobile-menu .slrs-mobile-menu-item:not(.is-open) > .submenu-wrapper .submenu li {
    transition-delay: 0s;
  }
  .slrs-mobile-menu-footer {
    padding: var(--space-base-12) var(--space-base-16);
    background-color: rgba(241, 245, 249, 0.35);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu-footer {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta {
    display: flex;
    flex-direction: column;
    gap: var(--space-base-8);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-base-8);
    padding: var(--space-base-8) var(--space-base-16);
    font-size: var(--ffs-sm);
    font-weight: var(--fw-bold);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta a {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta a {
    padding: var(--space-base-8) var(--space-base-20);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta a {
    padding: var(--space-base-10) var(--space-base-28);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-footer .slrs-mobile-cta a i {
    font-size: var(--ffs-sm);
  }
  .slrs-mobile-menu-footer .slrs-mobile-cta a.slrs-btn--primary {
    background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-accent-dark) 100%);
    color: var(--clr-neutral-900);
    box-shadow: 0 4px 10px rgba(238, 115, 37, 0.3);
  }
  .slrs-mobile-menu-footer .slrs-mobile-cta a.slrs-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(238, 115, 37, 0.4);
  }
  .slrs-mobile-menu-footer .slrs-mobile-cta a:focus-visible {
    outline: 2px solid var(--clr-primary-dark);
    outline-offset: 2px;
  }
  .slrs-mobile-menu-footer .slrs-mobile-cta a:active {
    transform: translateY(0) scale(0.98);
  }
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    display: flex;
    flex-direction: column;
    gap: var(--space-base-4);
    margin-top: var(--space-base-12);
    padding-top: var(--space-base-12);
    border-top: 1px solid var(--clr-neutral-200);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    gap: var(--space-base-6);
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    margin-top: var(--space-base-16);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    margin-top: var(--space-base-20);
  }
}
@media (max-width: 63.98em) and (min-width: 48em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    padding-top: var(--space-base-16);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact {
    padding-top: var(--space-base-20);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact a {
    display: flex;
    align-items: center;
    gap: var(--space-base-8);
    font-size: var(--ffs-sm);
    color: var(--clr-text-muted);
    text-decoration: none;
    transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (max-width: 63.98em) and (min-width: 75em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact a {
    gap: var(--space-base-10);
  }
}
@media (max-width: 63.98em) {
  .slrs-mobile-menu-footer .slrs-mobile-contact a i {
    width: var(--size-base-16);
    text-align: center;
    color: var(--clr-primary);
    flex-shrink: 0;
  }
  .slrs-mobile-menu-footer .slrs-mobile-contact a:hover {
    color: var(--clr-primary);
  }
  .slrs-mobile-menu.is-open {
    visibility: visible;
    pointer-events: auto;
    transition: visibility 0s 0s;
  }
  .slrs-mobile-menu.is-open .slrs-mobile-menu-overlay {
    background-color: rgba(15, 23, 42, 0.55);
    opacity: 1;
    pointer-events: auto;
  }
  .slrs-mobile-menu.is-open .slrs-mobile-menu-panel {
    transform: translateX(0);
  }
  .slrs-mobile-menu.is-open .slrs-mobile-menu-panel::after {
    opacity: 1;
  }
}

@media (max-width: 1024px) {
  [data-theme=dark] .slrs-mobile-menu-overlay {
    background-color: rgba(0, 0, 0, 0.65);
  }
  [data-theme=dark] .slrs-mobile-menu-panel {
    background: rgba(11, 17, 32, 0.82);
    border-right-color: rgba(255, 255, 255, 0.08);
  }
  [data-theme=dark] .slrs-mobile-menu-panel::after {
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.3), 12px 0 48px rgba(0, 0, 0, 0.4);
  }
  [data-theme=dark] .slrs-mobile-menu-header {
    background-color: rgba(17, 24, 39, 0.35);
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  [data-theme=dark] .slrs-mobile-menu-item {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  [data-theme=dark] .slrs-mobile-menu .submenu, [data-theme=dark] .slrs-mobile-menu .sub-submenu {
    background-color: transparent;
  }
  [data-theme=dark] .slrs-mobile-menu .submenu li, [data-theme=dark] .slrs-mobile-menu .sub-submenu li {
    border-bottom-color: rgba(255, 255, 255, 0.05);
  }
  [data-theme=dark] .slrs-mobile-menu-footer {
    background-color: rgba(17, 24, 39, 0.35);
    border-top-color: rgba(255, 255, 255, 0.06);
  }
  [data-theme=dark] .slrs-mobile-menu-footer .slrs-mobile-contact {
    border-top-color: rgba(255, 255, 255, 0.06);
  }
}

@media (max-width: 22.48em) {
  .slrs-mobile-menu-panel {
    max-width: 100%;
  }
  .slrs-mobile-menu-header {
    padding: var(--space-base-8) var(--space-base-12);
  }
}
@media (max-width: 22.48em) and (min-width: 48em) {
  .slrs-mobile-menu-header {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 22.48em) and (min-width: 75em) {
  .slrs-mobile-menu-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 22.48em) {
  .slrs-mobile-menu-logo svg {
    max-width: 100px;
  }
  .slrs-mobile-menu-close {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
  .slrs-mobile-menu-link {
    font-size: var(--ffs-sm);
    padding: var(--space-base-8) var(--space-base-12);
  }
}
@media (max-width: 22.48em) and (min-width: 48em) {
  .slrs-mobile-menu-link {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 22.48em) and (min-width: 75em) {
  .slrs-mobile-menu-link {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 22.48em) {
  .slrs-mobile-menu-toggle {
    top: 8px;
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 25em) and (max-width: 64em) {
  .slrs-mobile-menu-panel {
    max-width: 340px;
  }
}
@media (min-width: 48em) and (max-width: 63.98em) {
  .slrs-mobile-menu-panel {
    max-width: 380px;
  }
}
@media (min-width: 64em) {
  .slrs-mobile-menu {
    display: none !important;
  }
}
.slrs-menu-open {
  overflow: hidden;
}
@supports (-webkit-touch-callout: none) {
  .slrs-menu-open {
    position: fixed;
    width: 100%;
    height: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slrs-mobile-menu,
  .slrs-mobile-menu-panel,
  .slrs-mobile-menu-panel::after,
  .slrs-mobile-menu-overlay,
  .slrs-mobile-menu-close,
  .slrs-mobile-menu-toggle,
  .slrs-mobile-menu-link,
  .slrs-mobile-menu .submenu-wrapper,
  .slrs-mobile-menu .submenu,
  .slrs-mobile-menu .submenu li,
  .slrs-mobile-menu .submenu li a,
  .slrs-mobile-menu-footer .slrs-mobile-cta a {
    transition: none !important;
    animation: none !important;
  }
  .slrs-mobile-menu-close:hover,
  .slrs-mobile-menu-toggle:hover,
  .slrs-mobile-menu-toggle:active {
    transform: none !important;
  }
}
/* ======================
19. Search popup
====================== */
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 1050;
  margin-top: -33.75rem;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.95);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  border: none;
  margin: 0 auto;
  margin-top: -12.5rem;
  border-radius: var(--radius-full, 9999px);
  text-align: center;
  background: var(--clr-primary);
  width: 3.125rem;
  height: 3.125rem;
  color: var(--clr-white);
  font-size: var(--ffs-2xl);
  cursor: pointer;
  padding: 0;
  box-shadow: var(--shadow-md, var(--box-shadow));
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}
.search-popup form {
  position: absolute;
  max-width: 43.75rem;
  top: 50%;
  left: var(--space-base-16);
  right: var(--space-base-16);
  margin: -2.1875rem auto 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: all 300ms ease;
}
.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}
.search-popup .form-group .form-control {
  position: relative;
  width: 100%;
  height: 4.375rem;
  outline: none;
  border-radius: 0px;
  border: none;
  border-bottom: 2px solid var(--clr-white);
  background-color: transparent;
  color: var(--clr-white);
  font-size: var(--ffs-4xl, 40px);
  padding: 0 4.375rem 0 var(--space-base-20);
  transition: all 500ms ease;
  text-transform: capitalize;
}
.search-popup .form-group .form-control::placeholder {
  color: var(--clr-white);
  font-size: var(--ffs-4xl, 40px);
}
.search-popup .form-group button {
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  border-radius: var(--radius-full, 9999px);
  background: transparent;
  text-align: center;
  font-size: var(--ffs-3xl, 30px);
  color: var(--clr-white);
  height: 3.125rem;
  width: 3.125rem;
  border: none;
  cursor: pointer;
  transition: all 500ms ease;
}
.search-popup .form-group button:hover {
  color: var(--clr-primary);
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}
.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  transition-delay: 1500ms;
}
.search-active .search-popup .close-search span {
  transition: var(--transition-default, var(--transition));
}
.search-active .search-popup .close-search:hover span {
  transform: rotate(180deg);
}
.search-active .search-popup form {
  transform: scaleX(1);
  transition-delay: 1200ms;
}

/*=========================================================================
20. Hero Banner css (Premium Dashboard/Bento Banner for Home 2)
=========================================================================*/
.slrs-hero-banner {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #0b0f19;
  padding: 160px 0 100px 0;
  z-index: 1;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner {
    min-height: auto;
    padding-top: 140px;
    padding-bottom: 80px;
  }
}
.slrs-hero-banner .slrs-hero-banner__bg {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -2;
  transform: scale(1.02);
}
.slrs-hero-banner .slrs-hero-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(11, 15, 25, 0.98) 0%, rgba(11, 15, 25, 0.85) 60%, rgba(11, 15, 25, 0.95) 100%);
  z-index: -1;
}
.slrs-hero-banner .slrs-hero-banner__decorations {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.slrs-hero-banner .slrs-hero-banner__decorations .slrs-hero-banner__bg-mesh {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.12;
}
.slrs-hero-banner .slrs-hero-banner__decorations .slrs-hero-banner__bg-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.18;
}
.slrs-hero-banner .slrs-hero-banner__decorations .slrs-hero-banner__bg-orb--1 {
  top: -10%;
  right: 10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--clr-primary) 0%, transparent 70%);
}
.slrs-hero-banner .slrs-hero-banner__decorations .slrs-hero-banner__bg-orb--2 {
  bottom: 10%;
  left: 5%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, var(--clr-accent) 0%, transparent 70%);
}
.slrs-hero-banner .slrs-hero-banner__content {
  position: relative;
  z-index: 2;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__content {
    text-align: center;
  }
}
.slrs-hero-banner .slrs-hero-banner__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__tag {
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-hero-banner .slrs-hero-banner__tag i {
  font-size: 14px;
}
.slrs-hero-banner .slrs-hero-banner__tag .slrs-tag-pulse {
  width: 8px;
  height: 8px;
  background: var(--clr-primary);
  border-radius: 50%;
  position: relative;
}
.slrs-hero-banner .slrs-hero-banner__tag .slrs-tag-pulse::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px solid var(--clr-primary);
  border-radius: 50%;
  animation: slrs-tag-pulse-ring 1.5s infinite ease-out;
}
.slrs-hero-banner .slrs-hero-banner__title {
  font-size: clamp(34px, 5.2vw, 76px);
  font-weight: 900;
  line-height: 1.1;
  color: var(--clr-white);
  margin-bottom: 20px;
  text-transform: none;
  letter-spacing: -0.025em;
}
.slrs-hero-banner .slrs-hero-banner__title div, .slrs-hero-banner .slrs-hero-banner__title span {
  display: inline-block;
}
.slrs-hero-banner .slrs-hero-banner__title span.text-gradient {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-hero-banner .slrs-hero-banner__title span.text-gradient div, .slrs-hero-banner .slrs-hero-banner__title span.text-gradient span {
  background: inherit;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-hero-banner__title {
    font-size: 32px;
    line-height: 1.2;
  }
}
.slrs-hero-banner .slrs-hero-banner__desc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 30px;
  max-width: 580px;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__desc {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-hero-banner__desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
.slrs-hero-banner .slrs-hero-banner__ctas {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 45px;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__ctas {
    justify-content: center;
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-hero-banner__ctas {
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-hero-banner .slrs-hero-banner__ctas a {
  text-decoration: none;
  min-height: 48px;
}
.slrs-hero-banner .slrs-hero-banner__cta-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background: var(--clr-primary);
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(22, 101, 52, 0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-hero-banner__cta-primary {
    width: 100%;
  }
}
.slrs-hero-banner .slrs-hero-banner__cta-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
}
.slrs-hero-banner .slrs-hero-banner__cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(22, 101, 52, 0.45), 0 0 0 4px rgba(22, 101, 52, 0.15);
}
.slrs-hero-banner .slrs-hero-banner__cta-primary:hover::before {
  animation: slrs-hero-banner-shimmer 0.6s ease forwards;
}
.slrs-hero-banner .slrs-hero-banner__cta-secondary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-hero-banner__cta-secondary {
    width: 100%;
  }
}
.slrs-hero-banner .slrs-hero-banner__cta-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}
.slrs-hero-banner .slrs-hero-banner__metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__metrics {
    justify-content: center;
  }
}
.slrs-hero-banner .slrs-hero-banner__metrics .slrs-hero-banner__metric {
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--clr-primary);
  padding-left: 12px;
}
.slrs-hero-banner .slrs-hero-banner__metrics .slrs-hero-banner__metric h4 {
  color: var(--clr-white);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 4px;
}
.slrs-hero-banner .slrs-hero-banner__metrics .slrs-hero-banner__metric span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-hero-banner .slrs-hero-banner__bento {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 2;
  height: 500px;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-hero-banner__bento {
    margin-top: 50px;
    justify-content: center;
    height: auto;
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-hero-banner .slrs-bento-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
  transition: transform 0.4s ease, border-color 0.4s ease;
}
.slrs-hero-banner .slrs-bento-item:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.25);
}
.slrs-hero-banner .slrs-bento-item--main {
  flex: 1;
  position: relative;
  min-height: 300px;
}
.slrs-hero-banner .slrs-bento-item--main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.slrs-hero-banner .slrs-bento-item--main:hover img {
  opacity: 1;
  transform: scale(1.03);
}
.slrs-hero-banner .slrs-bento-item--main .slrs-bento-item__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 50%);
}
.slrs-hero-banner .slrs-bento-item--main .slrs-bento-item__play {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slrs-hero-banner .slrs-bento-item--main .slrs-bento-item__play:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: scale(1.1);
}
.slrs-hero-banner .slrs-bento-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 220px;
}
@media (max-width: 61.98em) {
  .slrs-hero-banner .slrs-bento-side {
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-banner .slrs-bento-side {
    flex-direction: column;
  }
}
.slrs-hero-banner .slrs-bento-item--stat {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 20px;
  flex: 1;
}
.slrs-hero-banner .slrs-bento-item--stat .slrs-bento-stat__icon {
  width: 48px;
  height: 48px;
  background: rgba(22, 101, 52, 0.2);
  color: var(--clr-primary);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.slrs-hero-banner .slrs-bento-item--stat .slrs-bento-stat__info h5 {
  color: #fff;
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 700;
}
.slrs-hero-banner .slrs-bento-item--stat .slrs-bento-stat__info p {
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.slrs-hero-banner .slrs-bento-item--chart {
  padding: 24px 20px;
  flex: 1.5;
  display: flex;
  flex-direction: column;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__header span:first-child {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__header span:last-child {
  font-size: 13px;
  font-weight: 700;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 60px;
  gap: 10px;
  margin-top: auto;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__bars .bar {
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  transition: height 1s ease-out;
}
.slrs-hero-banner .slrs-bento-item--chart .slrs-bento-chart__bars .bar.active {
  background: var(--clr-primary);
  box-shadow: 0 0 15px rgba(22, 101, 52, 0.6);
}

@keyframes slrs-hero-banner-shimmer {
  0% {
    transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    transform: translateX(250%) skewX(-15deg);
  }
}
@keyframes slrs-tag-pulse-ring {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.slrs-hero-slider-1 {
  --hero-min-height: var(--size-base-448);
  --hero-content-max-width: var(--size-base-640);
  --hero-content-padding-x: var(--space-base-48);
  --hero-overlay-start: rgba(15, 23, 42, 0.75);
  --hero-overlay-mid: rgba(15, 23, 42, 0.5);
  --hero-overlay-end: rgba(15, 23, 42, 0.65);
  --hero-entrance-duration: 0.7s;
  --hero-entrance-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --hero-ken-burns-duration: 12s;
  --hero-stagger: 0.14s;
  --hero-img-position: center center;
}

.slrs-hero-slider-1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--clr-neutral-900);
  border-radius: var(--radius-xl);
}
.slrs-hero-slider-1--edge-to-edge {
  border-radius: var(--radius-none) !important;
}
.slrs-hero-slider-1--height-full {
  --hero-min-height: 100vh;
}
.slrs-hero-slider-1--height-large {
  --hero-min-height: var(--size-base-600);
}
.slrs-hero-slider-1--height-compact {
  --hero-min-height: var(--size-base-320);
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-1 {
    --hero-min-height: var(--size-base-320);
  }
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1 {
    --hero-min-height: var(--size-base-384);
    --hero-content-padding-x: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1 {
    --hero-min-height: var(--size-base-320);
    --hero-img-position: center 25%;
  }
}
@media (max-width: var(--size-base-384)) {
  .slrs-hero-slider-1 {
    --hero-min-height: var(--size-base-320);
    --hero-content-padding-x: var(--space-base-12);
  }
}
@media (orientation: landscape) and (max-height: var(--size-base-512)) {
  .slrs-hero-slider-1 {
    --hero-min-height: var(--size-base-384);
  }
}

.slrs-hero-slider-1__decorations {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 5;
}

.slrs-hero-slider-1__bg-mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 50% at 15% 30%, var(--clr-glass-op-6) 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 85% 70%, var(--clr-accent-op-8) 0%, transparent 50%);
  opacity: 0.7;
}

.slrs-hero-slider-1__bg-orb {
  position: absolute;
  border-radius: var(--radius-full);
  background: transparent;
  opacity: 0.25;
}
.slrs-hero-slider-1__bg-orb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  filter: var(--blur-2xl);
}
.slrs-hero-slider-1__bg-orb--1 {
  top: -120px;
  right: -80px;
  width: var(--size-base-448);
  height: var(--size-base-448);
}
.slrs-hero-slider-1__bg-orb--1::after {
  background: radial-gradient(circle at 30% 30%, var(--clr-primary-op-25), var(--clr-primary-op-5));
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__bg-orb--1 {
    width: var(--size-base-256);
    height: var(--size-base-256);
    top: -60px;
    right: -40px;
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__bg-orb--1 {
    width: var(--size-base-176);
    height: var(--size-base-176);
  }
}
.slrs-hero-slider-1__bg-orb--2 {
  bottom: -100px;
  left: -60px;
  width: var(--size-base-384);
  height: var(--size-base-384);
  animation-direction: reverse;
  animation-delay: -8s;
}
.slrs-hero-slider-1__bg-orb--2::after {
  background: radial-gradient(circle at 70% 70%, var(--clr-accent-op-20), var(--clr-accent-op-5));
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__bg-orb--2 {
    width: var(--size-base-224);
    height: var(--size-base-224);
    bottom: -50px;
    left: -30px;
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__bg-orb--2 {
    width: var(--size-base-150);
    height: var(--size-base-150);
  }
}
@media (max-width: 991.98px) {
  .slrs-hero-slider-1__bg-orb {
    animation: none;
    opacity: 0.15;
  }
  .slrs-hero-slider-1__bg-orb::after {
    filter: none;
  }
}

.slrs-hero-slider-1__bg-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--clr-glass-op-6) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: 0.08;
  pointer-events: none;
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__bg-grid {
    background-size: 35px 35px;
    opacity: 0.05;
  }
}

.slrs-hero-slider-1__slider {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.slrs-hero-slider-1__slider .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.slrs-hero-slider-1__slider .swiper-button-prev,
.slrs-hero-slider-1__slider .swiper-button-next {
  --swiper-arrow-size: 40px;
  --swiper-arrow-icon-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--swiper-arrow-size);
  height: var(--swiper-arrow-size);
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-20);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  color: var(--clr-white);
  border-radius: var(--radius-lg);
  transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  z-index: 20;
  transform: translateY(-50%) translate3d(0, 0, 0) scale(1);
  box-shadow: 0 8px 32px var(--clr-smoke-op-15);
}
.slrs-hero-slider-1__slider .swiper-button-prev::after, .slrs-hero-slider-1__slider .swiper-button-prev:after, .slrs-hero-slider-1__slider .swiper-button-prev::before, .slrs-hero-slider-1__slider .swiper-button-prev:before,
.slrs-hero-slider-1__slider .swiper-button-next::after,
.slrs-hero-slider-1__slider .swiper-button-next:after,
.slrs-hero-slider-1__slider .swiper-button-next::before,
.slrs-hero-slider-1__slider .swiper-button-next:before {
  content: none !important;
  display: none !important;
}
.slrs-hero-slider-1__slider .swiper-button-prev svg,
.slrs-hero-slider-1__slider .swiper-button-next svg {
  display: none !important;
}
.slrs-hero-slider-1__slider .swiper-button-prev i,
.slrs-hero-slider-1__slider .swiper-button-next i {
  font-size: var(--swiper-arrow-icon-size);
  color: var(--clr-white);
  transition: all 0.3s ease;
}
.slrs-hero-slider-1__slider .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-25);
  border-color: var(--clr-glass-op-50);
  box-shadow: 0 12px 40px var(--clr-smoke-op-30);
  transform: translateY(-50%) translate3d(0, 0, 0) scale(1.08);
}
.slrs-hero-slider-1__slider .swiper-button-prev:hover:not(.swiper-button-disabled).swiper-button-next i,
.slrs-hero-slider-1__slider .swiper-button-next:hover:not(.swiper-button-disabled).swiper-button-next i {
  transform: translateX(3px);
}
.slrs-hero-slider-1__slider .swiper-button-prev:hover:not(.swiper-button-disabled).swiper-button-prev i,
.slrs-hero-slider-1__slider .swiper-button-next:hover:not(.swiper-button-disabled).swiper-button-prev i {
  transform: translateX(-3px);
}
.slrs-hero-slider-1__slider .swiper-button-prev:active:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider .swiper-button-next:active:not(.swiper-button-disabled) {
  transform: translateY(-50%) translate3d(0, 0, 0) scale(0.95);
}
.slrs-hero-slider-1__slider .swiper-button-prev.swiper-button-disabled,
.slrs-hero-slider-1__slider .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__slider .swiper-button-prev,
  .slrs-hero-slider-1__slider .swiper-button-next {
    --swiper-arrow-size: 34px;
    --swiper-arrow-icon-size: 15px;
    border-radius: var(--radius-lg);
  }
}
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-prev,
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-next {
  border-radius: var(--radius-full);
  background: var(--clr-glass-op-20);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--clr-glass-op-10);
  box-shadow: 0 4px 12px var(--clr-smoke-op-10), inset 0 0 0 1px var(--clr-glass-op-20);
}
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-40);
  border-color: var(--clr-glass-op-40);
  transform: translateY(-50%) scale(1.05);
}
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-prev,
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-next {
  border-radius: var(--radius-md);
  background: var(--clr-glass-op-20);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--clr-glass-op-10);
  box-shadow: 0 4px 12px var(--clr-smoke-op-10), inset 0 0 0 1px var(--clr-glass-op-20);
}
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-40);
  border-color: var(--clr-glass-op-40);
  transform: translateY(-50%) scale(1.05);
}
.slrs-hero-slider-1__slider.slrs-pagination-lines .swiper-pagination-bullet {
  width: var(--size-base-24);
  height: var(--size-base-4);
  border-radius: var(--radius-sm);
}
.slrs-hero-slider-1__slider.slrs-pagination-lines .swiper-pagination-bullet-active {
  width: var(--size-base-48);
}
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-prev,
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-next {
  border-radius: var(--radius-full);
  background: var(--clr-neutral-900-op-80);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider.slrs-arrows-circle .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-prev,
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-next {
  border-radius: var(--radius-sm);
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-1__slider.slrs-arrows-square .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-20);
  border-color: var(--clr-glass-op-40);
}
.slrs-hero-slider-1__slider.slrs-pagination-lines .swiper-pagination-bullet {
  width: var(--size-base-24);
  height: var(--size-base-4);
  border-radius: var(--radius-sm);
}
.slrs-hero-slider-1__slider.slrs-pagination-lines .swiper-pagination-bullet-active {
  width: var(--size-base-48);
}
.slrs-hero-slider-1__slider .swiper-pagination {
  position: absolute !important;
  bottom: var(--space-base-36) !important;
  margin: 0 !important;
}
.slrs-hero-slider-1__slider .swiper-pagination .swiper-pagination-bullet {
  width: var(--size-base-10);
  height: var(--size-base-10);
  background: var(--clr-glass-op-40);
  opacity: 0.4;
  border-radius: var(--radius-full);
  transition: background 0.3s ease, width 0.3s ease, border-radius 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  margin: 0 var(--space-base-6);
  cursor: pointer;
}
.slrs-hero-slider-1__slider .swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.8;
  transform: scale(1.2);
}
.slrs-hero-slider-1__slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: var(--size-base-30);
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  box-shadow: 0 0 10px var(--clr-primary-op-50);
}
.slrs-hero-slider-1__slider .swiper-pagination .swiper-pagination-bullet-active:hover {
  transform: scale(1);
}

.slrs-hero-slider-1__slide {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  min-height: var(--hero-min-height);
  --hero-anim: slrs-hero-fade-up;
}
.slrs-hero-slider-1__slide[data-animation="Fade Up"] {
  --hero-anim: slrs-hero-fade-up;
}
.slrs-hero-slider-1__slide[data-animation="Fade Right"] {
  --hero-anim: slrs-hero-fade-right;
}
.slrs-hero-slider-1__slide[data-animation="Zoom In Reveal"] {
  --hero-anim: slrs-hero-zoom-in;
}
.slrs-hero-slider-1__slide[data-animation="Blur Focus"] {
  --hero-anim: slrs-hero-blur-focus;
}
.slrs-hero-slider-1__slide[data-animation="3D Flip Up"] {
  --hero-anim: slrs-hero-3d-flip;
}
.slrs-hero-slider-1__slide[data-animation=None] {
  --hero-anim: none;
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__slide[data-mobile-animation="Fade Up"] {
    --hero-anim: slrs-hero-fade-up;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Fade Right"] {
    --hero-anim: slrs-hero-fade-right;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Zoom In Reveal"] {
    --hero-anim: slrs-hero-zoom-in;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Blur Focus"] {
    --hero-anim: slrs-hero-blur-focus;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="3D Flip Up"] {
    --hero-anim: slrs-hero-3d-flip;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation=None] {
    --hero-anim: none;
  }
}
.slrs-hero-slider-1__slide {
  --hero-anim: slrs-hero-fade-up;
}
.slrs-hero-slider-1__slide[data-animation="Fade Up"] {
  --hero-anim: slrs-hero-fade-up;
}
.slrs-hero-slider-1__slide[data-animation="Fade Right"] {
  --hero-anim: slrs-hero-fade-right;
}
.slrs-hero-slider-1__slide[data-animation="Zoom In Reveal"] {
  --hero-anim: slrs-hero-zoom-in;
}
.slrs-hero-slider-1__slide[data-animation="Blur Focus"] {
  --hero-anim: slrs-hero-blur-focus;
}
.slrs-hero-slider-1__slide[data-animation="3D Flip Up"] {
  --hero-anim: slrs-hero-3d-flip;
}
.slrs-hero-slider-1__slide[data-animation=None] {
  --hero-anim: none;
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__slide[data-mobile-animation="Fade Up"] {
    --hero-anim: slrs-hero-fade-up;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Fade Right"] {
    --hero-anim: slrs-hero-fade-right;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Zoom In Reveal"] {
    --hero-anim: slrs-hero-zoom-in;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="Blur Focus"] {
    --hero-anim: slrs-hero-blur-focus;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation="3D Flip Up"] {
    --hero-anim: slrs-hero-3d-flip;
  }
  .slrs-hero-slider-1__slide[data-mobile-animation=None] {
    --hero-anim: none;
  }
}
@media (orientation: landscape) and (max-height: var(--size-base-512)) {
  .slrs-hero-slider-1__slide {
    align-items: flex-start;
  }
  @supports (min-height: 1svh) {
    .slrs-hero-slider-1__slide {
      min-height: max(var(--hero-min-height), 90svh);
    }
  }
}

.slrs-hero-slider-1__bg {
  position: absolute;
  inset: -2px;
  z-index: 0;
  overflow: hidden;
}

.slrs-hero-slider-1__bg-image {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--hero-img-position);
  transform: scale(1);
}
.swiper-slide-active .slrs-hero-slider-1__bg-image {
  animation: slrs-hero-slider-1-ken-burns var(--hero-ken-burns-duration) ease-out forwards;
}

.swiper-slide-active .slrs-hero-slider-1__bg-image--zoom-out {
  animation-name: slrs-hero-slider-1-ken-burns-out;
}

.swiper-slide-active .slrs-hero-slider-1__bg-image--pan {
  animation-name: slrs-hero-slider-1-ken-burns-pan;
}

.slrs-hero-slider-1__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(135deg, var(--hero-overlay-start) 0%, var(--hero-overlay-mid) 50%, var(--hero-overlay-end) 100%);
  pointer-events: none;
}

.slrs-hero-slider-1__slide--branded .slrs-hero-slider-1__overlay {
  background: linear-gradient(135deg, var(--clr-primary-op-90) 0%, var(--clr-primary-op-70) 50%, var(--clr-neutral-900-op-80) 100%);
}

.slrs-hero-slider-1__content-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: var(--space-base-48) var(--hero-content-padding-x);
  padding-left: max(var(--hero-content-padding-x), env(safe-area-inset-left));
  padding-right: max(var(--hero-content-padding-x), env(safe-area-inset-right));
}
.slrs-hero-slider-1__content-wrapper .container {
  position: relative;
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-1__content-wrapper {
    padding-top: var(--space-base-40);
    padding-bottom: var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__content-wrapper {
    padding-top: var(--space-base-48);
    padding-bottom: var(--space-base-64);
  }
}

.slrs-hero-slider-1__content {
  max-width: var(--hero-content-max-width);
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__content {
    max-width: 100%;
  }
}

.slrs-hero-slider-1__content--center {
  max-width: var(--size-base-768);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.slrs-hero-slider-1__content--center .slrs-hero-slider-1__badges {
  justify-content: center;
}
.slrs-hero-slider-1__content--center .slrs-hero-slider-1__usps {
  justify-content: center;
}
.slrs-hero-slider-1__content--center .slrs-hero-slider-1__ctas {
  justify-content: center;
}
.slrs-hero-slider-1__content--center .slrs-hero-slider-1__trust {
  justify-content: center;
}
.slrs-hero-slider-1__content--center .slrs-hero-slider-1__subtitle {
  margin-left: auto;
  margin-right: auto;
}

.slrs-hero-slider-1__badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-12);
  margin-bottom: var(--space-base-16);
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__badges {
    margin-bottom: var(--space-base-12);
    gap: var(--space-base-8);
  }
}

.slrs-hero-slider-1__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  padding: var(--space-base-6) var(--space-base-16);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-wide);
  color: var(--clr-white);
  background: var(--clr-glass-op-15);
  border: 1px solid var(--clr-glass-op-20);
  border-radius: var(--radius-full);
  white-space: nowrap;
}
.slrs-hero-slider-1__badge i {
  font-size: var(--ffs-xs);
  flex-shrink: 0;
}
.slrs-hero-slider-1__badge--accent {
  color: var(--clr-accent);
  background: var(--clr-accent-op-15);
  border-color: var(--clr-accent-op-25);
}
.slrs-hero-slider-1__badge--success {
  color: var(--clr-success);
  background: var(--clr-success-op-15);
  border-color: var(--clr-success-op-25);
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__badge {
    font-size: var(--ffs-xs);
    padding: var(--space-base-4) var(--space-base-12);
    gap: var(--space-base-6);
  }
}

.slrs-hero-slider-1__title {
  margin: 0 0 var(--space-base-12) 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-5xl);
  font-weight: var(--fw-bold) !important;
  line-height: var(--lh-h1);
  color: var(--clr-white);
  text-wrap: balance;
  letter-spacing: var(--ls-tight);
  text-shadow: 0 4px 24px var(--clr-smoke-op-40);
}
.slrs-hero-slider-1__title span {
  position: relative;
}
.slrs-hero-slider-1__title .text-accent {
  background: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}
.slrs-hero-slider-1__title .text-accent::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: var(--size-base-4);
  background: linear-gradient(90deg, transparent, #fbbf24, #f97316, transparent);
  border-radius: var(--radius-sm);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.6s;
}
.swiper-slide-active .slrs-hero-slider-1__title .text-accent::after {
  transform: scaleX(1);
}
.slrs-hero-slider-1__title .text-gradient {
  background: linear-gradient(135deg, #fbbf24 0%, var(--clr-white) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__title {
    margin-bottom: var(--space-base-16);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
  }
}

.slrs-hero-slider-1__subtitle {
  margin: 0 0 var(--space-base-24) 0;
  font-size: var(--ffs-lg);
  font-weight: var(--fw-medium);
  line-height: var(--lh-p);
  color: var(--clr-glass-op-85);
  max-width: var(--size-base-560);
  text-wrap: pretty;
}
.slrs-hero-slider-1__subtitle strong {
  color: var(--clr-accent);
  font-weight: var(--fw-bold);
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.15);
  padding: var(--space-base-2) var(--space-base-8);
  border-radius: var(--radius-md);
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-1__subtitle {
    font-size: var(--ffs-base);
    max-width: var(--size-base-480);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__subtitle {
    font-size: var(--ffs-sm);
    max-width: 100%;
    margin-bottom: var(--space-base-20);
  }
}

.slrs-hero-slider-1__usps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-16) var(--space-base-28);
  margin-bottom: var(--space-base-28);
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__usps {
    gap: var(--space-base-12) var(--space-base-20);
    margin-bottom: var(--space-base-20);
  }
}

.slrs-hero-slider-1__usp {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-glass-op-90);
}
.slrs-hero-slider-1__usp i {
  width: var(--size-base-20);
  height: var(--size-base-20);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-xs);
  color: var(--clr-white);
  background: var(--clr-success);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__usp {
    font-size: var(--ffs-xs);
  }
  .slrs-hero-slider-1__usp i {
    width: var(--size-base-18);
    height: var(--size-base-18);
    font-size: var(--ffs-xs);
  }
}

.slrs-hero-slider-1__ctas {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-12);
  margin-bottom: var(--space-base-16);
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__ctas {
    flex-direction: column;
    width: 100%;
    margin-bottom: var(--space-base-20);
  }
}

.slrs-hero-slider-1__cta-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
  padding: var(--space-base-10) var(--space-base-28);
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: #1a1a1a;
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  border: 2px solid transparent;
  border-radius: var(--radius-full);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  min-height: var(--size-base-46);
  box-shadow: 0 4px 15px var(--clr-accent-op-40);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-hero-slider-1__cta-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, var(--clr-glass-op-30) 50%, transparent 100%);
  transform: translateX(-100%) skewX(-15deg);
  pointer-events: none;
  text-shadow: none !important;
  display: none !important;
}
.slrs-hero-slider-1__cta-primary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 25px var(--clr-accent-op-50), 0 0 0 4px var(--clr-accent-op-20);
}
.slrs-hero-slider-1__cta-primary:hover::before {
  animation: slrs-hero-slider-1-shimmer-sweep 0.6s ease forwards;
  display: none !important;
}
.slrs-hero-slider-1__cta-primary:hover i {
  transform: rotate(-12deg) scale(1.1);
}
.slrs-hero-slider-1__cta-primary:active {
  transform: translateY(1px);
  box-shadow: 0 2px 10px var(--clr-accent-op-40);
}
.slrs-hero-slider-1__cta-primary i {
  font-size: var(--ffs-lg);
  flex-shrink: 0;
  transition: transform 0.2s ease;
  animation: slrs-hero-slider-1-ring 2s ease-in-out infinite;
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__cta-primary {
    width: 100%;
    padding: var(--space-base-12) var(--space-base-24);
    font-size: var(--ffs-sm);
  }
}

.slrs-hero-slider-1__cta-secondary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
  padding: var(--space-base-10) var(--space-base-28);
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-white);
  background: transparent;
  border: 2px solid var(--clr-glass-op-45);
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  min-height: var(--size-base-46);
  transition: all 0.3s ease;
}
.slrs-hero-slider-1__cta-secondary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--clr-white);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  text-shadow: none !important;
  display: none !important;
}
.slrs-hero-slider-1__cta-secondary:hover {
  color: #1a1a1a !important;
  background: var(--clr-white) !important;
  border-color: var(--clr-white);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px var(--clr-glass-op-20);
}
.slrs-hero-slider-1__cta-secondary:hover i {
  transform: translateX(3px);
}
.slrs-hero-slider-1__cta-secondary:active {
  transform: translateY(1px);
}
.slrs-hero-slider-1__cta-secondary i {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  transition: transform 0.25s ease;
}
.slrs-hero-slider-1__cta-secondary span {
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-1__cta-secondary {
    width: 100%;
    padding: var(--space-base-12) var(--space-base-24);
    font-size: var(--ffs-sm);
  }
}

.slrs-hero-slider-1__trust {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  margin-top: var(--space-base-16);
}

.slrs-hero-slider-1__rating {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  font-size: var(--ffs-sm);
  color: var(--clr-glass-op-85);
}
.slrs-hero-slider-1__rating .stars {
  color: var(--clr-accent);
  font-size: var(--ffs-sm);
}

.slrs-hero-slider-1__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--size-base-4);
  background: var(--clr-glass-op-10);
  z-index: 20;
}

.slrs-hero-slider-1__progress-bar {
  width: 0%;
  height: 100%;
  background: var(--clr-primary);
  transition: width 50ms linear;
}

.slrs-hero-slider-1__badges,
.slrs-hero-slider-1__title,
.slrs-hero-slider-1__subtitle,
.slrs-hero-slider-1__usps,
.slrs-hero-slider-1__ctas,
.slrs-hero-slider-1__trust {
  opacity: 0;
  transform: translateY(20px);
}

.swiper-slide-active .slrs-hero-slider-1__badges {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 1);
}
.swiper-slide-active .slrs-hero-slider-1__title {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 2);
}
.swiper-slide-active .slrs-hero-slider-1__subtitle {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 3);
}
.swiper-slide-active .slrs-hero-slider-1__usps {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 4);
}
.swiper-slide-active .slrs-hero-slider-1__ctas {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 5);
}
.swiper-slide-active .slrs-hero-slider-1__trust {
  animation: var(--hero-anim) var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 6);
}

@keyframes slrs-hero-slider-1-mesh-drift {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-5%, 8%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slrs-hero-slider-1-float {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(8%, -12%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slrs-hero-slider-1-ken-burns {
  0% {
    transform: scale3d(1.08, 1.08, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1.15, 1.15, 1) translate3d(0, 0, 0);
  }
}
@keyframes slrs-hero-slider-1-ken-burns-out {
  0% {
    transform: scale3d(1.15, 1.15, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1.08, 1.08, 1) translate3d(0, 0, 0);
  }
}
@keyframes slrs-hero-slider-1-ken-burns-pan {
  0% {
    transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1.18, 1.18, 1) translate3d(-2%, 1.5%, 0);
  }
}
@keyframes slrs-hero-slider-1-shimmer-sweep {
  0% {
    transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    transform: translateX(250%) skewX(-15deg);
  }
}
@keyframes slrs-hero-slider-1-ring {
  0%, 100% {
    transform: rotate(0deg);
  }
  10%, 30% {
    transform: rotate(-10deg);
  }
  20%, 40% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes slrs-hero-fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slrs-hero-fade-right {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slrs-hero-zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes slrs-hero-blur-focus {
  0% {
    opacity: 0;
    transform: translateY(20px);
    filter: var(--blur-sm);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes slrs-hero-3d-flip {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateX(45deg) translateY(30px);
  }
  100% {
    opacity: 1;
    transform: perspective(1000px) rotateX(0deg) translateY(0);
  }
}
@keyframes slrs-hero-fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slrs-hero-fade-right {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slrs-hero-zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes slrs-hero-blur-focus {
  0% {
    opacity: 0;
    transform: translateY(20px);
    filter: var(--blur-sm);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes slrs-hero-3d-flip {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateX(45deg) translateY(30px);
  }
  100% {
    opacity: 1;
    transform: perspective(1000px) rotateX(0deg) translateY(0);
  }
}
@keyframes slrs-hero-slider-1-entrance {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slrs-live-pulse {
  0% {
    opacity: 0.4;
    transform: scale3d(0.8, 0.8, 1);
  }
  100% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1);
  }
}
.slrs-hero-slider-1__video-card {
  border-radius: var(--radius-2xl);
  background: var(--clr-glass-op-5);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--clr-glass-op-10);
  padding: var(--space-base-8);
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.4s var(--hero-entrance-ease), box-shadow 0.4s var(--hero-entrance-ease);
}
.slrs-hero-slider-1__video-card:hover {
  transform: translateY(-5px) translate3d(0, 0, 0);
  box-shadow: 0 20px 40px var(--clr-smoke-op-35);
}
.slrs-hero-slider-1__video-card:hover .slrs-hero-slider-1__video-img {
  transform: scale(1.06) translate3d(0, 0, 0);
}
.slrs-hero-slider-1__video-card:hover .slrs-hero-slider-1__video-play-btn {
  background: var(--clr-accent);
  transform: translate3d(-50%, -50%, 0) scale(1.12);
  box-shadow: 0 0 30px var(--clr-accent-op-60);
}
.slrs-hero-slider-1__video-card:hover .slrs-hero-slider-1__video-play-btn .pulse-ring {
  animation-duration: 1.2s;
}

.slrs-hero-slider-1__video-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.slrs-hero-slider-1__video-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.slrs-hero-slider-1__video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(15, 23, 42, 0.05), rgba(15, 23, 42, 0.5));
  pointer-events: none;
}

.slrs-hero-slider-1__video-tag {
  position: absolute;
  top: var(--space-base-16);
  left: var(--space-base-16);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  padding: var(--space-base-5) var(--space-base-12);
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid var(--clr-glass-op-12);
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
  border-radius: var(--radius-full);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
}
.slrs-hero-slider-1__video-tag .dot {
  width: var(--size-base-6);
  height: var(--size-base-6);
  background-color: #ef4444;
  border-radius: var(--radius-full);
  display: inline-block;
  box-shadow: 0 0 8px #ef4444;
  animation: slrs-live-pulse 1.5s infinite alternate;
}

.slrs-hero-slider-1__video-duration {
  position: absolute;
  bottom: var(--space-base-16);
  right: var(--space-base-16);
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
  padding: var(--space-base-5) var(--space-base-10);
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid var(--clr-glass-op-12);
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
  border-radius: var(--radius-full);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-glass-op-95);
}
.slrs-hero-slider-1__video-duration i {
  font-size: var(--ffs-xs);
  color: var(--clr-accent);
}

.slrs-hero-slider-1__video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  width: var(--size-base-64);
  height: var(--size-base-64);
  border-radius: var(--radius-full);
  background: var(--clr-primary);
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 10;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: slrs-btn-pulse 3s ease-in-out infinite;
}
.slrs-hero-slider-1__video-play-btn i {
  font-size: var(--ffs-xl);
  margin-left: var(--space-base-3);
  transition: transform 0.3s ease;
}
.slrs-hero-slider-1__video-play-btn:hover {
  animation: none;
}
.slrs-hero-slider-1__video-play-btn .pulse-ring {
  position: absolute;
  inset: -12px;
  border-radius: var(--radius-full);
  border: 2px solid var(--clr-primary-op-40);
  animation: slrs-video-play-pulse 2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
  pointer-events: none;
  transition: animation-duration 0.3s ease;
}
.slrs-hero-slider-1__video-play-btn .pulse-ring--2 {
  inset: -24px;
  animation-delay: 0.5s;
  border-color: var(--clr-primary-op-20);
}

.slrs-hero-slider-1__features-card {
  position: relative;
  border-radius: var(--radius-2xl);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.72) 0%, rgba(30, 41, 59, 0.45) 100%);
  backdrop-filter: var(--blur-lg) saturate(180%);
  -webkit-backdrop-filter: var(--blur-lg) saturate(180%);
  border: 1px solid var(--clr-glass-op-8);
  padding: var(--space-base-24);
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.4s var(--hero-entrance-ease), box-shadow 0.4s var(--hero-entrance-ease), border-color 0.4s ease;
  box-shadow: 0 30px 60px var(--clr-smoke-op-35), inset 0 1px 0 var(--clr-glass-op-10), inset 0 -1px 0 var(--clr-smoke-op-20);
  overflow: hidden;
}
.slrs-hero-slider-1__features-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--size-base-4);
  background: linear-gradient(to bottom, var(--clr-primary) 0%, var(--clr-accent) 100%);
  z-index: 10;
}
.slrs-hero-slider-1__features-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 0% 0%, rgba(var(--clr-primary-rgb), 0.12) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
  transition: background 0.4s ease;
  display: none !important;
}
.slrs-hero-slider-1__features-card:hover {
  transform: translateY(-8px) translate3d(0, 0, 0);
  box-shadow: 0 40px 80px var(--clr-smoke-op-50), inset 0 1px 0 var(--clr-glass-op-15), inset 0 -1px 0 var(--clr-smoke-op-20);
  border-color: rgba(var(--clr-accent-rgb), 0.3);
}
.slrs-hero-slider-1__features-card:hover::before {
  background: radial-gradient(circle at 0% 0%, rgba(var(--clr-accent-rgb), 0.18) 0%, transparent 60%);
  display: none !important;
}

.slrs-hero-slider-1__feature-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  padding: var(--space-base-16) var(--space-base-20);
  padding-right: var(--space-base-42);
  border-radius: var(--radius-xl);
  background: var(--clr-glass-op-3);
  border: 1px solid var(--clr-glass-op-6);
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-hero-slider-1__feature-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-8), transparent);
  transform: skewX(-20deg) translate3d(0, 0, 0);
  pointer-events: none;
  z-index: 2;
}
.slrs-hero-slider-1__feature-item:hover {
  background-color: var(--clr-glass-op-6);
  border-color: rgba(var(--clr-primary-rgb), 0.3);
  transform: translateY(-3px) translateX(4px) translate3d(0, 0, 0);
  box-shadow: 0 10px 20px var(--clr-smoke-op-20);
}
.slrs-hero-slider-1__feature-item:hover::after {
  left: 200%;
  transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-hero-slider-1__feature-item:hover .icon-wrap {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  transform: scale(1.08) rotate(8deg) translate3d(0, 0, 0);
  box-shadow: 0 8px 20px rgba(22, 101, 52, 0.35);
}
.slrs-hero-slider-1__feature-item:hover .icon-wrap i {
  color: var(--clr-white);
}
.slrs-hero-slider-1__feature-item:hover .slrs-hero-slider-1__feature-chevron {
  transform: translate3d(3px, -50%, 0);
  opacity: 1;
  color: var(--clr-accent);
}
.slrs-hero-slider-1__feature-item .icon-wrap {
  width: var(--size-base-52);
  height: var(--size-base-52);
  border-radius: var(--radius-lg);
  background: var(--clr-glass-op-4);
  border: 1px solid var(--clr-glass-op-8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-hero-slider-1__feature-item .icon-wrap img {
  width: var(--size-base-24);
  height: var(--size-base-24);
  filter: brightness(0) invert(1);
}
.slrs-hero-slider-1__feature-item .icon-wrap svg {
  width: var(--size-base-24);
  height: var(--size-base-24);
  color: var(--clr-white);
  display: block;
}
.slrs-hero-slider-1__feature-item .icon-wrap i {
  font-size: var(--ffs-xl);
  color: var(--clr-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.4s ease;
}
.slrs-hero-slider-1__feature-item .content-wrap h4 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  margin-bottom: var(--space-base-4);
}
.slrs-hero-slider-1__feature-item .content-wrap p {
  font-size: var(--ffs-sm);
  color: var(--clr-glass-op-65);
  line-height: var(--lh-h6);
  margin: 0;
}
.slrs-hero-slider-1__feature-item .slrs-hero-slider-1__feature-chevron {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  opacity: 0.3;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, color 0.3s ease;
  color: var(--clr-glass-op-40);
  font-size: var(--ffs-base);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

@keyframes slrs-video-play-pulse {
  0% {
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0.8;
  }
  100% {
    transform: scale3d(1.4, 1.4, 1);
    opacity: 0;
  }
}
@keyframes slrs-btn-pulse {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  50% {
    transform: translate3d(-50%, -50%, 0) scale(1.06);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
.swiper-slide-active .slrs-hero-slider-1__video-card {
  animation: slrs-hero-slider-1-entrance var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 6.5);
}
.swiper-slide-active .slrs-hero-slider-1__features-card {
  animation: slrs-hero-slider-1-entrance var(--hero-entrance-duration) var(--hero-entrance-ease) forwards;
  animation-delay: calc(var(--hero-stagger) * 7.5);
}

.slrs-hero-slider-2 {
  position: relative;
  overflow: hidden;
  background-color: #0f172a;
}
.slrs-hero-slider-2 .hero-slider {
  width: 100%;
  height: auto;
  position: relative;
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-prev,
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-next {
  border-radius: var(--radius-full);
  background: var(--clr-neutral-900-op-80);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-prev,
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-next {
  border-radius: var(--radius-sm);
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-20);
  border-color: var(--clr-glass-op-40);
}
.slrs-hero-slider-2 .hero-slider.slrs-pagination-lines .swiper-pagination-bullet {
  width: var(--size-base-24);
  height: var(--size-base-4);
  border-radius: var(--radius-sm);
}
.slrs-hero-slider-2 .hero-slider.slrs-pagination-lines .swiper-pagination-bullet-active {
  width: var(--size-base-48);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-prev,
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-next {
  border-radius: var(--radius-full);
  background: var(--clr-neutral-900-op-80);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-2 .hero-slider.slrs-arrows-circle .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-prev,
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-next {
  border-radius: var(--radius-sm);
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-20);
}
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-prev:hover:not(.swiper-button-disabled),
.slrs-hero-slider-2 .hero-slider.slrs-arrows-square .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: var(--clr-glass-op-20);
  border-color: var(--clr-glass-op-40);
}
.slrs-hero-slider-2 .hero-slider.slrs-pagination-lines .swiper-pagination-bullet {
  width: var(--size-base-24);
  height: var(--size-base-4);
  border-radius: var(--radius-sm);
}
.slrs-hero-slider-2 .hero-slider.slrs-pagination-lines .swiper-pagination-bullet-active {
  width: var(--size-base-48);
}
.slrs-hero-slider-2 .hero-slider .swiper-pagination {
  position: absolute !important;
  bottom: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  margin: 0 !important;
  z-index: 12 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--space-base-8) !important;
  background: transparent !important;
  padding: 0 !important;
}
.slrs-hero-slider-2 .hero-slider .swiper-pagination .swiper-pagination-bullet {
  width: var(--size-base-10) !important;
  height: var(--size-base-10) !important;
  background: var(--clr-glass-op-30) !important;
  border: none !important;
  opacity: 0.35 !important;
  margin: 0 !important;
  border-radius: var(--radius-full) !important;
  transition: background-color 0.3s ease, width 0.3s ease, border-radius 0.3s ease, transform 0.3s ease, opacity 0.3s ease !important;
  cursor: pointer !important;
}
.slrs-hero-slider-2 .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--clr-primary) !important;
  opacity: 1 !important;
  width: var(--size-base-28) !important;
  border-radius: var(--radius-sm) !important;
}
.slrs-hero-slider-2 .hero-slider .swiper-pagination .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  opacity: 0.8 !important;
  background: var(--clr-glass-op-30) !important;
}
.slrs-hero-slider-2 .hero-single {
  min-height: var(--size-base-720);
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: var(--space-base-140);
  padding-bottom: var(--space-base-100);
}
.slrs-hero-slider-2 .hero-single::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 60%, rgba(15, 23, 42, 0.8) 100%);
  z-index: 1;
  display: none !important;
}
.slrs-hero-slider-2 .hero-single .container {
  position: relative;
  z-index: 2;
}
.slrs-hero-slider-2 .hero-single .slrs-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.slrs-hero-slider-2 .hero-single .slrs-hero__bg .slrs-hero__bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 7s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-hero-slider-2 .hero-single .slrs-hero-sub_heading,
.slrs-hero-slider-2 .hero-single .hero-title,
.slrs-hero-slider-2 .hero-single p,
.slrs-hero-slider-2 .hero-single .hero-specs,
.slrs-hero-slider-2 .hero-single .hero-btn {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-hero-slider-2 .swiper-slide-active .slrs-hero__bg-image {
  transform: scale(1.09) translate3d(0, 0, 0);
}
.slrs-hero-slider-2 .swiper-slide-active .slrs-hero-sub_heading {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}
.slrs-hero-slider-2 .swiper-slide-active .hero-title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.25s;
}
.slrs-hero-slider-2 .swiper-slide-active p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.slrs-hero-slider-2 .swiper-slide-active .hero-specs {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.48s;
}
.slrs-hero-slider-2 .swiper-slide-active .hero-btn {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.55s;
}
.slrs-hero-slider-2 .hero-content .slrs-hero-sub_heading {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  color: var(--clr-accent);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-widest);
  padding: var(--space-base-6) var(--space-base-16);
  background: var(--clr-accent-op-8);
  border: 1px solid rgb(var(--clr-accent-rgb)/0.18);
  border-radius: var(--radius-full);
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
  box-shadow: 0 4px 15px var(--clr-accent-op-10), inset 0 1px 0 var(--clr-glass-op-30);
}
.slrs-hero-slider-2 .hero-content .slrs-hero-sub_heading i {
  font-size: var(--ffs-base);
}
.slrs-hero-slider-2 .hero-content .slrs-hero-sub_heading .slrs-tag-pulse {
  width: var(--size-base-8);
  height: var(--size-base-8);
  background: var(--clr-success);
  border-radius: var(--radius-full);
  position: relative;
  margin-right: var(--space-base-4);
  display: inline-block;
}
.slrs-hero-slider-2 .hero-content .slrs-hero-sub_heading .slrs-tag-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-full);
  border: 2px solid var(--clr-success);
  animation: slrs-tag-pulse-ring 1.5s infinite ease-out;
}
.slrs-hero-slider-2 .hero-content .hero-title {
  font-size: var(--ffs-6xl);
  font-weight: var(--fw-black);
  line-height: var(--lh-h1);
  color: var(--clr-white);
  margin-bottom: var(--space-base-24);
  text-transform: none;
  letter-spacing: var(--ls-tight);
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-2 .hero-content .hero-title {
    font-size: var(--ffs-5xl);
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-2 .hero-content .hero-title {
    font-size: var(--ffs-4xl);
    margin-bottom: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-2 .hero-content .hero-title {
    font-size: var(--ffs-xl);
    line-height: var(--lh-h2);
    margin-bottom: var(--space-base-12);
  }
}
.slrs-hero-slider-2 .hero-content .hero-title span {
  background: linear-gradient(135deg, var(--clr-accent), #fb923c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  position: relative;
  font-weight: var(--fw-black);
}
.slrs-hero-slider-2 .hero-content .hero-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: var(--size-base-2);
  background: linear-gradient(90deg, var(--clr-accent), transparent);
  border-radius: var(--radius-sm);
}
.slrs-hero-slider-2 .hero-content p {
  color: var(--clr-glass-op-85);
  font-size: var(--ffs-lg);
  line-height: var(--lh-taller);
  margin-bottom: var(--space-base-24);
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-2 .hero-content p {
    font-size: var(--ffs-base);
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-2 .hero-content p {
    font-size: var(--ffs-base);
    line-height: var(--lh-p);
    margin-bottom: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-2 .hero-content p {
    font-size: var(--ffs-sm);
    line-height: var(--lh-normal);
    margin-bottom: var(--space-base-12);
  }
}
.slrs-hero-slider-2 .hero-content .hero-specs {
  display: flex;
  gap: var(--space-base-20);
  margin-bottom: var(--space-base-30);
  flex-wrap: wrap;
}
@media (max-width: 47.98em) {
  .slrs-hero-slider-2 .hero-content .hero-specs {
    gap: var(--space-base-12);
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-hero-slider-2 .hero-content .hero-specs {
    gap: var(--space-base-8);
    margin-bottom: var(--space-base-16);
  }
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item {
  background: var(--clr-glass-op-3);
  border: 1px solid var(--clr-glass-op-8);
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
  padding: var(--space-base-10) var(--space-base-18);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-base-3);
  min-width: var(--size-base-128);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item:hover {
  background: var(--clr-glass-op-7);
  border-color: var(--clr-accent);
  transform: translateY(-2px);
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-label {
  font-size: var(--ffs-xs);
  color: var(--clr-glass-op-50);
  text-transform: uppercase;
  letter-spacing: var(--ls-widest);
  font-weight: var(--fw-semibold);
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-value {
  font-size: var(--ffs-base);
  color: var(--clr-white);
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--ls-snug);
}
@keyframes slrs-tag-pulse-ring {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.slrs-hero-slider-2 .swiper-button-prev,
.slrs-hero-slider-2 .swiper-button-next {
  color: var(--clr-white);
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-15);
}
.slrs-hero-slider-2 .swiper-button-prev::after,
.slrs-hero-slider-2 .swiper-button-next::after {
  display: none !important;
}
.slrs-hero-slider-2 .swiper-button-prev::before,
.slrs-hero-slider-2 .swiper-button-next::before {
  display: none !important;
  display: none !important;
}
.slrs-hero-slider-2 .swiper-button-prev:hover,
.slrs-hero-slider-2 .swiper-button-next:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-hero-slider-2 .hero-form-container {
  background: transparent;
  z-index: 10;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 62em) {
  .slrs-hero-slider-2 .hero-form-container {
    position: absolute;
    right: calc((100% - 960px) / 2 + 15px);
    top: 50%;
    transform: translateY(-50%);
    width: var(--size-base-400);
    max-width: 100%;
  }
  .slrs-hero-slider-2 .hero-form-container:hover {
    transform: translateY(calc(-50% - 4px));
  }
}
@media (min-width: 75em) {
  .slrs-hero-slider-2 .hero-form-container {
    right: calc((100% - 1140px) / 2 + 15px);
  }
}
@media (min-width: 90em) {
  .slrs-hero-slider-2 .hero-form-container {
    right: calc((100% - 1320px) / 2 + 15px);
  }
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-2 .hero-single {
    min-height: auto;
    padding-top: var(--space-base-150);
    padding-bottom: var(--space-base-140);
  }
  .slrs-hero-slider-2 .hero-single::before {
    background: rgba(15, 23, 42, 0.85);
    display: none !important;
  }
  .slrs-hero-slider-2 .hero-content {
    text-align: center;
  }
  .slrs-hero-slider-2 .hero-content .hero-btn {
    justify-content: center;
    margin-top: var(--space-base-25);
  }
}
@media (max-width: 61.98em) and (max-width: 47.98em) {
  .slrs-hero-slider-2 .hero-content .hero-btn {
    margin-top: var(--space-base-20);
    flex-direction: column;
    align-items: center;
    gap: var(--space-base-10);
    width: 100%;
    max-width: var(--size-base-320);
    margin: var(--space-base-20) auto 0 auto;
  }
  .slrs-hero-slider-2 .hero-content .hero-btn .slrs-btn {
    width: 100%;
    justify-content: center;
    padding: var(--space-base-12) var(--space-base-20);
    font-size: var(--ffs-sm);
  }
}
@media (max-width: 61.98em) {
  .slrs-hero-slider-2 .hero-form-container {
    margin: var(--space-base-40) auto var(--space-base-40) auto;
    width: calc(100% - 30px);
    max-width: var(--size-base-480);
  }
  .slrs-hero-slider-2 .hero-form-container:hover {
    transform: translateY(-4px);
  }
}

.slrs-hero-slider-2 .hero-slide-overlay-fx {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(ellipse at 20% 80%, rgba(234, 179, 8, 0.08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(37, 99, 235, 0.06) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 1.2s ease;
}

.slrs-hero-slider-2 .swiper-slide-active .hero-slide-overlay-fx {
  opacity: 1;
}

.slrs-hero-slider-2 .hero-content .hero-specs .spec-item {
  background: var(--clr-glass-op-4);
  border: 1px solid var(--clr-glass-op-10);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  padding: var(--space-base-14) var(--space-base-20);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-base-12);
  min-width: var(--size-base-150);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  overflow: hidden;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.08) 0%, rgba(37, 99, 235, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: inherit;
  display: none !important;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item:hover::before {
  opacity: 1;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item:hover {
  background: var(--clr-glass-op-8);
  border-color: rgba(234, 179, 8, 0.4);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(234, 179, 8, 0.12);
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-icon {
  width: var(--size-base-38);
  height: var(--size-base-38);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.15), rgba(234, 179, 8, 0.05));
  border: 1px solid rgba(234, 179, 8, 0.2);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-icon i {
  font-size: var(--ffs-base);
  color: var(--clr-accent);
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-2);
  position: relative;
  z-index: 1;
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-label {
  font-size: var(--ffs-xs);
  color: var(--clr-glass-op-50);
  text-transform: uppercase;
  letter-spacing: var(--ls-widest);
  font-weight: var(--fw-semibold);
}
.slrs-hero-slider-2 .hero-content .hero-specs .spec-item .spec-value {
  font-size: var(--ffs-base);
  color: var(--clr-white);
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--ls-snug);
}

.slrs-btn--hero-cta {
  position: relative;
  overflow: hidden;
}
.slrs-btn--hero-cta .btn-text {
  position: relative;
  z-index: 1;
}
.slrs-btn--hero-cta i {
  position: relative;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-btn--hero-cta:hover i {
  transform: translateX(4px);
}
.slrs-btn--hero-cta .btn-shimmer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-15), transparent);
  transition: none;
  z-index: 0;
}
.slrs-btn--hero-cta:hover .btn-shimmer {
  animation: slrs-btn-shimmer 0.8s ease forwards;
}

@keyframes slrs-btn-shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.slrs-hero-slider-2 .slrs-hero2-controls {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--clr-glass-op-10);
  border-radius: var(--radius-full);
  padding: var(--space-base-8) var(--space-base-12);
}
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev,
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next {
  position: static;
  width: var(--size-base-36);
  height: var(--size-base-36);
  margin: 0;
  background: var(--clr-glass-op-8);
  border: 1px solid var(--clr-glass-op-12);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-white);
  transition: all 0.3s ease;
  cursor: pointer;
}
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev::after,
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next::after {
  display: none !important;
}
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev::before,
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next::before {
  display: none !important;
  display: none !important;
}
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev i,
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next i {
  font-size: var(--ffs-xs);
}
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev:hover,
.slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: scale(1.08);
}

.slrs-hero2-progress {
  display: flex;
  align-items: center;
  gap: var(--space-base-10);
}

.slrs-hero2-slide-current,
.slrs-hero2-slide-total {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-glass-op-90);
  font-family: var(--ff-heading);
  min-width: var(--size-base-18);
  text-align: center;
}

.slrs-hero2-slide-total {
  color: var(--clr-glass-op-40);
}

.slrs-hero2-progress-bar {
  width: var(--size-base-60);
  height: var(--size-base-2);
  background: var(--clr-glass-op-12);
  border-radius: var(--radius-sm);
  overflow: hidden;
  position: relative;
}

.slrs-hero2-progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-primary));
  border-radius: var(--radius-sm);
  transition: width 0.3s ease;
}

.slrs-hero-slider-2 .hero-slider > .swiper-pagination {
  bottom: 16px !important;
}

@media (max-width: 35.98em) {
  .slrs-hero-slider-2 .hero-single {
    padding-top: var(--space-base-130);
    padding-bottom: var(--space-base-120);
  }
  .slrs-hero-slider-2 .slrs-hero2-controls {
    bottom: 20px;
    padding: var(--space-base-6) var(--space-base-10);
    gap: var(--space-base-10);
  }
  .slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-prev,
  .slrs-hero-slider-2 .slrs-hero2-controls .swiper-button-next {
    width: var(--size-base-30);
    height: var(--size-base-30);
  }
  .slrs-hero2-progress-bar {
    width: var(--size-base-40);
  }
  .slrs-hero-slider-2 .hero-content .hero-specs {
    justify-content: center;
  }
  .slrs-hero-slider-2 .hero-content .hero-specs .spec-item {
    min-width: var(--size-base-128);
    padding: var(--space-base-10) var(--space-base-14);
  }
}
/* Solid White */
.slrs-btn--solid-white {
  background: var(--clr-white) !important;
  color: #1a1a1a !important;
  border-color: transparent !important;
}

.slrs-btn--solid-white:hover {
  background: #f1f1f1 !important;
}

/* Outline Light */
.slrs-btn--outline-light {
  background: transparent !important;
  color: var(--clr-white) !important;
  border-color: var(--clr-glass-op-40) !important;
}

.slrs-btn--outline-light:hover {
  background: var(--clr-glass-op-10) !important;
  border-color: var(--clr-white) !important;
}

/* Premium Glass */
.slrs-btn--glass {
  background: var(--clr-glass-op-10) !important;
  backdrop-filter: var(--blur-md) !important;
  -webkit-backdrop-filter: var(--blur-md) !important;
  color: var(--clr-white) !important;
  border-color: var(--clr-glass-op-20) !important;
}

.slrs-btn--glass:hover {
  background: var(--clr-glass-op-20) !important;
}

/* Text Link (Apple Style) */
.slrs-btn--text-link {
  background: transparent !important;
  border: none !important;
  color: var(--clr-white) !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: var(--ffs-base) !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.slrs-btn--text-link:hover {
  text-decoration: none !important;
  opacity: 0.8;
  background: transparent !important;
  box-shadow: none !important;
}

.slrs-btn--text-link i {
  font-size: var(--ffs-sm);
  transition: transform 0.2s ease;
  margin-left: var(--space-base-4);
}

.slrs-btn--text-link:hover i {
  transform: translateX(4px);
}

/* Ultra-Specific Override for Text Link to strip ALL cta-primary effects */
a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link,
a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link:hover,
a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link:active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--clr-white) !important;
  text-shadow: none !important;
}

a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link::before,
a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link:hover::before {
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
}

a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link:hover {
  text-decoration: none !important;
  opacity: 0.8;
  transform: none !important;
}

a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link:hover i {
  transform: translateX(4px) !important;
}

/* Ultra-Specific Override for Text Link to strip ALL cta-secondary effects */
a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link,
a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link:hover,
a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link:active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--clr-white) !important;
  text-shadow: none !important;
}

a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link::before,
a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link:hover::before {
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
}

a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link:hover {
  text-decoration: none !important;
  opacity: 0.8;
  transform: none !important;
}

a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link:hover i {
  transform: translateX(4px) !important;
}

/* Fix for smooth icon transition on Text Link (Disable ring animation) */
a.slrs-hero-slider-1__cta-primary.slrs-btn--text-link i,
a.slrs-hero-slider-1__cta-secondary.slrs-btn--text-link i {
  animation: none !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Edge-to-edge layout container */
.slrs-edge-to-edge-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   ABOUT SECTION LAYOUT WRAPPER
   Unified premium container namespace for Solaris About Us layouts
   ========================================================================== */
.slrs-brand-narrative {
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   ABOUT STYLE 1 — Premium Reimagined (Homepage 1)
   GPU-accelerated, zero-jitter, glassmorphic bento design
   ========================================================================== */
.slrs-about-v1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 90px 0;
}
@media (max-width: 61.98em) {
  .slrs-about-v1 {
    padding: 70px 0;
  }
}
.slrs-about-v1__gallery {
  position: relative;
  padding: 20px 20px 40px 0;
  min-height: 480px;
}
@media (max-width: 61.98em) {
  .slrs-about-v1__gallery {
    padding: 10px 0 60px 0;
    min-height: 400px;
    margin-bottom: var(--space-base-20);
  }
}
.slrs-about-v1__img-primary {
  position: relative;
  width: 75%;
  aspect-ratio: 4/5;
  border-radius: 30px 8px 30px 30px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--clr-glass-op-8);
  z-index: 2;
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-about-v1__img-primary:hover {
  transform: translate3d(0, -6px, 0) scale(1.01);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18);
}
.slrs-about-v1__img-primary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-about-v1__img-primary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0;
  display: block;
}
.slrs-about-v1__img-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(22, 101, 52, 0.12) 100%);
  pointer-events: none;
  z-index: 2;
}
.slrs-about-v1__img-shine {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transform: translateX(-150%) skewX(-20deg);
  z-index: 3;
  animation: slrs-v1-shine-gpu 6s ease-in-out infinite;
  pointer-events: none;
}
.slrs-about-v1__img-secondary {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 48%;
  aspect-ratio: 1/1;
  border-radius: 24px 24px 8px 24px;
  overflow: hidden;
  border: 5px solid var(--clr-bg);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
  z-index: 3;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-about-v1__img-secondary:hover {
  transform: translate3d(0, -8px, 0) scale(1.03);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}
.slrs-about-v1__img-secondary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-about-v1__img-secondary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0;
  display: block;
}
[data-theme=dark] .slrs-about-v1__img-secondary {
  border-color: #0f172a;
}
.slrs-about-v1__img-tertiary {
  position: absolute;
  top: 10%;
  right: 4%;
  width: 26%;
  aspect-ratio: 3/4;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid var(--clr-bg);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  z-index: 4;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-about-v1__img-tertiary:hover {
  transform: translate3d(0, -5px, 0) scale(1.04);
}
.slrs-about-v1__img-tertiary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-about-v1__img-tertiary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0;
  display: block;
}
[data-theme=dark] .slrs-about-v1__img-tertiary {
  border-color: #0f172a;
}
@media (max-width: 47.98em) {
  .slrs-about-v1__img-tertiary {
    display: none;
  }
}
.slrs-about-v1__exp-badge {
  position: absolute;
  top: 30%;
  left: -20px;
  z-index: 6;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-primary-700) 100%);
  border-radius: 50%;
  box-shadow: 0 12px 30px var(--clr-primary-op-35), 0 0 20px var(--clr-accent-op-15), inset 0 2px 0 rgba(255, 255, 255, 0.25);
  animation: slrs-v1-badge-float 5s ease-in-out infinite;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 47.98em) {
  .slrs-about-v1__exp-badge {
    left: 5px;
    top: 38%;
    width: 100px;
    height: 100px;
  }
}
.slrs-about-v1__exp-ring {
  position: absolute;
  inset: -8px;
  border: 2px dashed var(--clr-accent);
  border-radius: inherit;
  animation: slrs-v1-ring-spin 18s linear infinite;
  opacity: 0.7;
  pointer-events: none;
}
.slrs-about-v1__exp-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2px;
}
.slrs-about-v1__exp-num {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.slrs-about-v1__exp-num sup {
  font-size: 0.5em;
  color: var(--clr-accent);
}
.slrs-about-v1__exp-label {
  font-size: 8px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.3;
}
@media (max-width: 47.98em) {
  .slrs-about-v1__exp-num {
    font-size: 1.6rem;
  }
  .slrs-about-v1__exp-label {
    font-size: 7px;
  }
}
.slrs-about-v1__float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: var(--clr-glass-op-82);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v1__float-card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v1__float-card {
  border: 1px solid var(--clr-glass-op-25);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  z-index: 5;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.slrs-about-v1__float-card:hover {
  transform: translate3d(0, -4px, 0) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}
[data-theme=dark] .slrs-about-v1__float-card {
  background: rgba(15, 23, 42, 0.78);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}
.slrs-about-v1__float-card--panels {
  bottom: 25px;
  right: -20px;
  animation: slrs-v1-card-float 6s ease-in-out infinite;
}
.slrs-about-v1__float-card--satisfaction {
  top: 6%;
  left: 10%;
  animation: slrs-v1-card-float 7s ease-in-out infinite 1s;
}
@media (max-width: 47.98em) {
  .slrs-about-v1__float-card--panels {
    right: 0;
    bottom: -10px;
  }
  .slrs-about-v1__float-card--satisfaction {
    left: 0;
    top: 0;
  }
}
.slrs-about-v1__float-icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 16px;
  flex-shrink: 0;
  transition: transform 0.4s ease;
}
.slrs-about-v1__float-icon--accent {
  background: rgba(245, 158, 11, 0.12);
  color: var(--clr-accent);
}
.slrs-about-v1__float-card:hover .slrs-about-v1__float-icon {
  transform: scale(1.1) rotate(5deg);
}
.slrs-about-v1__float-data {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1px;
}
.slrs-about-v1__float-data strong {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1;
}
.slrs-about-v1__float-sfx {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--clr-accent);
}
.slrs-about-v1__float-label {
  display: block;
  width: 100%;
  font-size: 9px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 1px;
}
.slrs-about-v1__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  z-index: 7;
  box-shadow: 0 8px 25px var(--clr-primary-op-40);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  text-decoration: none;
}
.slrs-about-v1__video-btn:hover {
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 12px 30px var(--clr-primary-op-50);
  color: #fff;
}
.slrs-about-v1__video-btn i {
  margin-left: 3px;
}
@media (max-width: 47.98em) {
  .slrs-about-v1__video-btn {
    width: 50px;
    height: 50px;
    font-size: 14px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.slrs-about-v1__video-pulse {
  position: absolute;
  inset: -6px;
  border: 2px solid var(--clr-primary-op-30);
  border-radius: 50%;
  animation: slrs-v1-pulse 2.5s ease-out infinite;
  pointer-events: none;
}
.slrs-about-v1__video-pulse--2 {
  inset: -14px;
  animation-delay: 0.8s;
}
.slrs-about-v1__content {
  position: relative;
}
@media (max-width: 61.98em) {
  .slrs-about-v1__content {
    margin-top: var(--space-base-16);
  }
}
.slrs-about-v1__desc {
  position: relative;
  padding-left: 18px;
  margin-bottom: 24px;
}
.slrs-about-v1__desc-line {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
}
.slrs-about-v1__desc p {
  font-size: var(--ffs-base, 1rem);
  color: var(--clr-text-muted);
  line-height: 1.7;
  margin: 0;
}
.slrs-about-v1__desc p strong {
  color: var(--clr-text);
  font-weight: 600;
}
[data-theme=dark] .slrs-about-v1__desc p strong {
  color: rgba(255, 255, 255, 0.9);
}
.slrs-about-v1__stats {
  margin-bottom: 20px;
}
.slrs-about-v1__stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 35.98em) {
  .slrs-about-v1__stats-row {
    grid-template-columns: 1fr;
  }
}
.slrs-about-v1__stat-item {
  padding: 12px 16px;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v1__stat-item {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v1__stat-item {
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-about-v1__stat-item:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .slrs-about-v1__stat-item {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-about-v1__stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.slrs-about-v1__stat-label {
  font-size: var(--ffs-xs, 0.8rem);
  font-weight: 600;
  color: var(--clr-text);
}
.slrs-about-v1__stat-val {
  font-size: var(--ffs-xs, 0.8rem);
  font-weight: 800;
  color: var(--clr-primary);
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
.slrs-about-v1__stat-bar {
  height: 6px;
  background: var(--clr-neutral-200);
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
[data-theme=dark] .slrs-about-v1__stat-bar {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-about-v1__stat-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  border-radius: 50px;
  width: 0%;
  animation: slrs-v1-fill-bar 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-about-v1__bento {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
@media (max-width: 35.98em) {
  .slrs-about-v1__bento {
    grid-template-columns: 1fr;
  }
}
.slrs-about-v1__bento-card {
  position: relative;
  padding: 18px;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v1__bento-card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v1__bento-card {
  border: 1px solid var(--clr-glass-op-8);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-about-v1__bento-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 16px 16px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-about-v1__bento-card:hover::before {
  transform: scaleX(1);
}
.slrs-about-v1__bento-card:hover {
  transform: translate3d(0, -5px, 0);
  border-color: var(--clr-primary-op-20);
  background: var(--clr-glass-op-80);
  box-shadow: 0 12px 30px var(--clr-primary-op-10);
}
.slrs-about-v1__bento-card--wide {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
@media (max-width: 35.98em) {
  .slrs-about-v1__bento-card--wide {
    flex-direction: column;
  }
}
.slrs-about-v1__bento-card:not(.slrs-about-v1__bento-card--wide) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme=dark] .slrs-about-v1__bento-card {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-about-v1__bento-card:hover {
  background: rgba(15, 23, 42, 0.7);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}
.slrs-about-v1__bento-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 18px;
  flex-shrink: 0;
  transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-about-v1__bento-icon--accent {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.15);
  color: var(--clr-accent);
}
.slrs-about-v1__bento-icon--success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.15);
  color: var(--clr-success);
}
.slrs-about-v1__bento-card:hover .slrs-about-v1__bento-icon {
  transform: scale(1.1) rotate(6deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: #fff;
  border-color: transparent !important;
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}
.slrs-about-v1__bento-body {
  flex: 1;
}
.slrs-about-v1__bento-body h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 0 0 4px 0;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-about-v1__bento-body h4 {
  color: #fff;
}
.slrs-about-v1__bento-body p {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  line-height: 1.5;
  margin: 0;
}
.slrs-about-v1__bento-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-success);
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 4px;
}
.slrs-about-v1__bento-badge i {
  animation: slrs-v1-badge-pulse 2s infinite ease-in-out;
}
.slrs-about-v1__bento-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--clr-success);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.slrs-about-v1__bento-dot {
  width: 6px;
  height: 6px;
  background: var(--clr-success);
  border-radius: 50%;
  animation: slrs-v1-dot-blink 1.5s infinite;
  flex-shrink: 0;
}
.slrs-about-v1__bento-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-success);
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  margin-top: 6px;
}
.slrs-about-v1__bento-glow {
  position: absolute;
  top: -50%;
  right: -20%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-about-v1__bento-card:hover .slrs-about-v1__bento-glow {
  opacity: 1;
}
.slrs-about-v1__checklist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.slrs-about-v1__check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-md, 8px);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.slrs-about-v1__check-item:hover {
  transform: translate3d(4px, 0, 0);
  background: var(--clr-glass-op-80);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.slrs-about-v1__check-item p {
  font-size: var(--ffs-xs, 0.82rem);
  color: var(--clr-text);
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
[data-theme=dark] .slrs-about-v1__check-item {
  background: rgba(15, 23, 42, 0.3);
  border-color: rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-about-v1__check-item p {
  color: rgba(255, 255, 255, 0.85);
}
[data-theme=dark] .slrs-about-v1__check-item:hover {
  background: rgba(15, 23, 42, 0.5);
}
.slrs-about-v1__check-icon {
  color: var(--clr-success);
  font-size: 0.9rem;
  flex-shrink: 0;
  line-height: 1;
}
.slrs-about-v1__ctas {
  display: flex;
  gap: var(--space-base-16);
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.slrs-about-v1__trust {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-lg, 12px);
}
[data-theme=dark] .slrs-about-v1__trust {
  background: rgba(15, 23, 42, 0.4);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-about-v1__trust-label {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary);
  white-space: nowrap;
  flex-shrink: 0;
}
.slrs-about-v1__trust-marquee {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}
.slrs-about-v1__trust-track {
  display: flex;
  gap: 20px;
  animation: slrs-v1-trust-scroll 25s linear infinite;
  width: max-content;
  will-change: transform;
}
.slrs-about-v1__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--clr-text-muted);
  white-space: nowrap;
}
.slrs-about-v1__trust-item i {
  color: var(--clr-primary);
  font-size: 0.8rem;
}

/* ==========================================================================
   ABOUT STYLE 2 — Premium Redesign (Homepage 2)
   GPU-accelerated, zero-jitter bento grid design
   ========================================================================== */
.slrs-about-v2 {
  position: relative;
  overflow: hidden;
}
.slrs-about-v2__gallery {
  position: relative;
  padding: 20px;
  z-index: 1;
}
.slrs-about-v2__img-main {
  position: relative;
  border-radius: 24px 24px 24px 80px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  transform: translateZ(0);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-about-v2__img-main:hover {
  transform: translateY(-6px) translateZ(0);
}
.slrs-about-v2__img-main img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
}
@media (max-width: 47.98em) {
  .slrs-about-v2__img-main img {
    height: 320px;
  }
}
.slrs-about-v2__img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45), transparent);
  pointer-events: none;
}
.slrs-about-v2__img-inset {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 200px;
  height: 200px;
  border-radius: 20px;
  overflow: hidden;
  border: 5px solid var(--clr-bg);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  z-index: 3;
  transform: translateZ(0);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-about-v2__img-inset:hover {
  transform: scale(1.05) translateZ(0);
}
.slrs-about-v2__img-inset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-theme=dark] .slrs-about-v2__img-inset {
  border-color: #0f172a;
}
@media (max-width: 47.98em) {
  .slrs-about-v2__img-inset {
    width: 140px;
    height: 140px;
    bottom: -5px;
    right: 0;
  }
}
.slrs-about-v2__exp-badge {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%) translateZ(0);
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--clr-primary), var(--clr-primary-dark));
  border-radius: 50%;
  z-index: 5;
  box-shadow: 0 15px 40px var(--clr-primary-op-35), inset 0 2px 0 rgba(255, 255, 255, 0.2);
  animation: slrs-about-v2-float 5s ease-in-out infinite;
}
@media (max-width: 47.98em) {
  .slrs-about-v2__exp-badge {
    width: 95px;
    height: 95px;
    left: 10px;
    top: auto;
    bottom: 60px;
    transform: translateZ(0);
    animation-name: slrs-about-v2-float-mob;
  }
}
.slrs-about-v2__exp-ring {
  position: absolute;
  inset: -10px;
  border: 2px dashed var(--clr-accent);
  border-radius: 50%;
  animation: slrs-v1-ring-spin 18s linear infinite;
  opacity: 0.6;
}
@media (max-width: 47.98em) {
  .slrs-about-v2__exp-ring {
    inset: -7px;
  }
}
.slrs-about-v2__exp-num {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.slrs-about-v2__exp-num sup {
  font-size: 0.5em;
  color: var(--clr-accent);
}
@media (max-width: 47.98em) {
  .slrs-about-v2__exp-num {
    font-size: 1.8rem;
  }
}
.slrs-about-v2__exp-label {
  font-size: 9px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
  line-height: 1.3;
  margin-top: 2px;
}
@media (max-width: 47.98em) {
  .slrs-about-v2__exp-label {
    font-size: 7px;
  }
}
.slrs-about-v2__stats-pill {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  background: rgba(255, 255, 255, 0.88);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v2__stats-pill {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v2__stats-pill {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 60px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  z-index: 4;
  animation: slrs-about-v2-pill-float 6s ease-in-out infinite 1s;
}
[data-theme=dark] .slrs-about-v2__stats-pill {
  background: rgba(15, 23, 42, 0.82);
  border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 47.98em) {
  .slrs-about-v2__stats-pill {
    padding: 10px 16px;
    gap: 10px;
    bottom: 20px;
  }
}
.slrs-about-v2__stats-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
}
.slrs-about-v2__stats-info {
  display: flex;
  flex-direction: column;
}
.slrs-about-v2__stats-info strong {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1;
}
.slrs-about-v2__stats-info span {
  font-size: 10px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}
.slrs-about-v2__accent-bar {
  position: absolute;
  top: 40px;
  right: 15px;
  width: 4px;
  height: 120px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  border-radius: 4px;
  z-index: 4;
}
@media (max-width: 61.98em) {
  .slrs-about-v2__accent-bar {
    display: none;
  }
}
.slrs-about-v2__content {
  position: relative;
  z-index: 1;
}
.slrs-about-v2__tagline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.slrs-about-v2__tag-line {
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 3px;
  flex-shrink: 0;
}
.slrs-about-v2__tag-text {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}
.slrs-about-v2__tag-text i {
  font-size: 14px;
}
.slrs-about-v2__heading {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1.2;
  margin-bottom: 20px;
}
[data-theme=dark] .slrs-about-v2__heading {
  color: #ffffff;
}
.slrs-about-v2__heading-accent {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}
.slrs-about-v2__heading-accent div, .slrs-about-v2__heading-accent span {
  background: inherit;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
}
.slrs-about-v2__desc {
  font-size: 0.95rem;
  color: var(--clr-text-muted);
  line-height: 1.75;
  margin-bottom: 28px;
  max-width: 540px;
}
.slrs-about-v2__bento {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .slrs-about-v2__bento {
    grid-template-columns: 1fr;
  }
}
.slrs-about-v2__bento-card {
  position: relative;
  padding: 22px;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v2__bento-card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v2__bento-card {
  border: 1px solid var(--clr-glass-op-8);
  border-radius: 18px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-about-v2__bento-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 18px 18px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.slrs-about-v2__bento-card:hover {
  transform: translate3d(0, -5px, 0);
  border-color: var(--clr-primary-op-25);
  background: var(--clr-glass-op-80);
  box-shadow: 0 15px 35px var(--clr-primary-op-10);
}
.slrs-about-v2__bento-card:hover::after {
  transform: scaleX(1);
}
.slrs-about-v2__bento-card:hover .slrs-about-v2__bento-icon {
  transform: scale(1.1) rotate(6deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: #fff;
  border-color: transparent !important;
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
.slrs-about-v2__bento-card--wide {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .slrs-about-v2__bento-card--wide {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.slrs-about-v2__bento-card h4 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 0 0 6px 0;
}
[data-theme=dark] .slrs-about-v2__bento-card h4 {
  color: #fff;
}
.slrs-about-v2__bento-card p {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  line-height: 1.55;
  margin: 0;
}
[data-theme=dark] .slrs-about-v2__bento-card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-about-v2__bento-card:hover {
  background: rgba(15, 23, 42, 0.75);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-about-v2__bento-main {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.slrs-about-v2__bento-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 14px;
}
.slrs-about-v2__card-tag {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  padding: 3px 8px;
  border-radius: var(--radius-sm, 4px);
}
.slrs-about-v2__card-tag--green {
  color: var(--clr-success);
  background: var(--clr-success-op-10);
}
.slrs-about-v2__bento-badge {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .slrs-about-v2__bento-badge {
    width: 100%;
  }
}
.slrs-about-v2__badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--radius-full, 50px);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.slrs-about-v2__badge-pill--verified {
  color: var(--clr-success);
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-25);
}
.slrs-about-v2__badge-pill--verified i {
  animation: slrs-badge-pulse 2s infinite ease-in-out;
}
.slrs-about-v2__bento-visual {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--clr-neutral-200);
}
[data-theme=dark] .slrs-about-v2__bento-visual {
  border-top-color: rgba(255, 255, 255, 0.05);
}
.slrs-about-v2__progress-track {
  width: 100%;
  height: 6px;
  background: var(--clr-neutral-100);
  border-radius: var(--radius-full, 50px);
  overflow: hidden;
  margin-bottom: 6px;
}
[data-theme=dark] .slrs-about-v2__progress-track {
  background: rgba(255, 255, 255, 0.05);
}
.slrs-about-v2__progress-bar {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full, 50px);
  transform-origin: left;
  transform: scaleX(0);
  animation: slrs-v1-fill-bar 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-about-v2__visual-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.slrs-about-v2__visual-meta strong {
  color: var(--clr-primary);
}
.slrs-about-v2__carbon-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-20);
  border-radius: var(--radius-lg, 8px);
  color: var(--clr-success);
  font-size: 0.72rem;
  font-weight: 600;
  width: 100%;
  justify-content: center;
}
.slrs-about-v2__carbon-badge i {
  font-size: 0.9rem;
  animation: slrs-leaf-sway 3s ease-in-out infinite;
}
.slrs-about-v2__carbon-badge strong {
  color: var(--clr-text);
  font-weight: 700;
}
[data-theme=dark] .slrs-about-v2__carbon-badge strong {
  color: #fff;
}
.slrs-about-v2__bento-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 14px;
  flex-shrink: 0;
  color: var(--clr-primary);
  font-size: 18px;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-about-v2__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.slrs-about-v2__checklist li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.88rem;
  color: var(--clr-text);
  font-weight: 500;
}
.slrs-about-v2__checklist li::before {
  content: none !important;
}
[data-theme=dark] .slrs-about-v2__checklist li {
  color: rgba(255, 255, 255, 0.85);
}
.slrs-about-v2__check-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  flex-shrink: 0;
  position: relative;
}
.slrs-about-v2__check-dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1.5px solid var(--clr-primary);
  opacity: 0.25;
}
.slrs-about-v2__cta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.slrs-about-v2__cta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-about-v2__cta-link:hover {
  color: var(--clr-primary);
}
.slrs-about-v2__cta-link i {
  color: var(--clr-primary);
}

/* ==========================================================================
   ABOUT STYLE 3 — Premium Redesign (Homepage 3)
   Unique image composition, floating stats, circular metrics
   ========================================================================== */
.slrs-about-v3 {
  position: relative;
  overflow: hidden;
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-about-v3 {
  background: var(--clr-bg);
}
.slrs-about-v3__bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  gap: 20px;
  height: 540px;
  position: relative;
  padding: 10px;
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-grid {
    height: 480px;
    gap: 16px;
  }
}
@media (max-width: 47.98em) {
  .slrs-about-v3__bento-grid {
    height: auto;
    grid-template-rows: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-about-v3__bento-grid {
    margin-bottom: var(--space-base-28);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-about-v3__bento-grid {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-about-v3__bento-cell {
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 2;
}
[data-theme=dark] .slrs-about-v3__bento-cell {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.slrs-about-v3__bento-cell:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .slrs-about-v3__bento-cell:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}
.slrs-about-v3__bento-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 6s ease;
}
.slrs-about-v3__bento-cell:hover img {
  transform: scale(1.08);
}
.slrs-about-v3__bento-cell--main {
  grid-column: 1/8;
  grid-row: 1/13;
  border-radius: 40px 16px 40px 16px;
}
@media (max-width: 47.98em) {
  .slrs-about-v3__bento-cell--main {
    width: 100%;
    aspect-ratio: 4/3;
  }
}
.slrs-about-v3__bento-cell--side {
  grid-column: 8/13;
  grid-row: 1/6;
  border-radius: 16px 40px 16px 16px;
}
@media (max-width: 47.98em) {
  .slrs-about-v3__bento-cell--side {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.slrs-about-v3__bento-cell--telemetry {
  grid-column: 8/13;
  grid-row: 6/13;
  border-radius: 16px 16px 40px 16px;
  background: rgba(255, 255, 255, 0.85);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-about-v3__bento-cell--telemetry {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-about-v3__bento-cell--telemetry {
  border: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
[data-theme=dark] .slrs-about-v3__bento-cell--telemetry {
  background: rgba(30, 41, 59, 0.8);
  border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-cell--telemetry {
    padding: 16px;
  }
}
@media (max-width: 47.98em) {
  .slrs-about-v3__bento-cell--telemetry {
    width: 100%;
    aspect-ratio: unset;
    padding: 24px;
  }
}
.slrs-about-v3__bento-cell--telemetry .telemetry-pulse-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.05));
  border: 1px solid rgba(37, 99, 235, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: flex-end;
}
[data-theme=dark] .slrs-about-v3__bento-cell--telemetry .telemetry-pulse-icon {
  background: rgba(37, 99, 235, 0.2);
  border-color: rgba(37, 99, 235, 0.3);
}
.slrs-about-v3__bento-cell--telemetry .telemetry-pulse-icon i {
  font-size: 18px;
  color: var(--clr-primary);
  animation: telemetry-spark 2s infinite ease-in-out;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-pulse-icon .pulse-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 2px solid rgba(37, 99, 235, 0.4);
  animation: telemetry-pulse 2s infinite ease-out;
  pointer-events: none;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-data {
  margin: 16px 0;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-data .telemetry-value {
  font-size: 36px;
  font-weight: 900;
  color: var(--clr-heading);
  line-height: 1;
  letter-spacing: -1px;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-cell--telemetry .telemetry-data .telemetry-value {
    font-size: 28px;
  }
}
.slrs-about-v3__bento-cell--telemetry .telemetry-data .telemetry-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--clr-text-muted);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 40px;
  width: 100%;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.06);
  padding-bottom: 4px;
}
[data-theme=dark] .slrs-about-v3__bento-cell--telemetry .telemetry-chart {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart .chart-line {
  flex: 1;
  background: linear-gradient(to top, var(--clr-primary), var(--clr-accent));
  border-radius: 3px 3px 0 0;
  height: 20%;
  animation: telemetry-bar-bounce 1.5s ease-in-out infinite alternate;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart .chart-line:nth-child(2) {
  animation-delay: 0.3s;
  animation-duration: 1.2s;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart .chart-line:nth-child(3) {
  animation-delay: 0.6s;
  animation-duration: 1.8s;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart .chart-line:nth-child(4) {
  animation-delay: 0.1s;
  animation-duration: 1.4s;
}
.slrs-about-v3__bento-cell--telemetry .telemetry-chart .chart-line:nth-child(5) {
  animation-delay: 0.4s;
  animation-duration: 1.6s;
}
.slrs-about-v3__bento-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.3) 100%);
  pointer-events: none;
  z-index: 1;
}
.slrs-about-v3__bento-badge {
  position: absolute;
  top: 46%;
  left: 58%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  z-index: 5;
  animation: slrs-about-v3-badge-float 5s ease-in-out infinite;
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-badge {
    width: 90px;
    height: 90px;
    left: 58%;
  }
}
@media (max-width: 47.98em) {
  .slrs-about-v3__bento-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.slrs-about-v3__bento-badge-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-primary-dark) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border: 4px solid var(--clr-bg);
}
[data-theme=dark] .slrs-about-v3__bento-badge-inner {
  border-color: #0f172a;
}
.slrs-about-v3__bento-badge-num {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
.slrs-about-v3__bento-badge-num sup {
  font-size: 13px;
  color: var(--clr-accent);
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-badge-num {
    font-size: 22px;
  }
}
.slrs-about-v3__bento-badge-text {
  font-size: 8px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 1.2;
  margin-top: 2px;
}
@media (max-width: 61.98em) {
  .slrs-about-v3__bento-badge-text {
    font-size: 7px;
  }
}
.slrs-about-v3__content {
  position: relative;
}
.slrs-about-v3__title {
  margin-bottom: 20px;
}
.slrs-about-v3__desc {
  color: var(--clr-text);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 28px;
}
[data-theme=dark] .slrs-about-v3__desc {
  color: var(--clr-text);
}
.slrs-about-v3__features {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 30px;
}
.slrs-about-v3__feature-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-about-v3__feature-card {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-about-v3__feature-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 3px 0 0 3px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slrs-about-v3__feature-card:hover {
  transform: translateX(4px);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.08);
}
.slrs-about-v3__feature-card:hover::before {
  opacity: 1;
}
.slrs-about-v3__feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-5));
  border: 1px solid var(--clr-primary-op-10);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.3s ease, transform 0.3s ease;
}
.slrs-about-v3__feature-card:hover .slrs-about-v3__feature-icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent !important;
  transform: scale(1.05);
}
.slrs-about-v3__feature-icon i {
  font-size: 18px;
  color: var(--clr-primary);
  transition: color 0.3s ease;
}
.slrs-about-v3__feature-card:hover .slrs-about-v3__feature-icon i {
  color: #fff;
}
.slrs-about-v3__feature-info h5 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-heading);
  margin-bottom: 6px;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-about-v3__feature-info h5 {
  color: #ffffff;
}
.slrs-about-v3__feature-info p {
  font-size: 14px;
  color: var(--clr-text);
  line-height: 1.6;
  margin: 0;
}
[data-theme=dark] .slrs-about-v3__feature-info p {
  color: rgba(255, 255, 255, 0.6);
}
.slrs-about-v3__metrics {
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.slrs-about-v3__metric {
  display: flex;
  align-items: center;
  gap: 12px;
}
.slrs-about-v3__metric-circle {
  width: 70px;
  height: 70px;
  position: relative;
  flex-shrink: 0;
}
.slrs-about-v3__metric-circle svg {
  width: 100%;
  height: 100%;
}
.slrs-about-v3__metric-circle circle:first-child {
  stroke: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-about-v3__metric-circle circle:first-child {
  stroke: rgba(255, 255, 255, 0.08);
}
.slrs-about-v3__metric-val {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 800;
  color: var(--clr-heading);
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-about-v3__metric-val {
  color: #ffffff;
}
.slrs-about-v3__metric-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-text);
  line-height: 1.3;
}
[data-theme=dark] .slrs-about-v3__metric-label {
  color: rgba(255, 255, 255, 0.6);
}
.slrs-about-v3__cta {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.slrs-about-v3__cta-phone {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.slrs-about-v3__cta-phone:hover {
  transform: translateY(-2px);
}
.slrs-about-v3__cta-phone-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.05));
  border: 1px solid rgba(37, 99, 235, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: slrs-phone-ring 2s ease-in-out infinite;
}
[data-theme=dark] .slrs-about-v3__cta-phone-icon {
  background: rgba(37, 99, 235, 0.2);
  border-color: rgba(37, 99, 235, 0.3);
}
.slrs-about-v3__cta-phone-icon i {
  font-size: 16px;
  color: var(--clr-primary);
}
.slrs-about-v3__cta-phone-info small {
  display: block;
  font-size: 11px;
  color: var(--clr-text-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slrs-about-v3__cta-phone-info strong {
  display: block;
  font-size: 15px;
  color: var(--clr-heading);
  font-weight: 700;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-about-v3__cta-phone-info strong {
  color: #ffffff;
}

/* ==========================================================================
   ABOUT US PAGE — Premium Reimagined (about.html)
   GPU-accelerated, zero-jitter, glassmorphic layout
   ========================================================================== */
.slrs-au-about {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.slrs-au-about__gallery {
  position: relative;
  padding: 20px 20px 40px 0;
  min-height: 480px;
}
@media (max-width: 61.98em) {
  .slrs-au-about__gallery {
    padding: 10px 0 60px 0;
    min-height: 400px;
    margin-bottom: var(--space-base-20);
  }
}
.slrs-au-about__img-primary {
  position: relative;
  width: 75%;
  aspect-ratio: 4/5;
  border-radius: 30px 8px 30px 30px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.08);
  z-index: 2;
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-au-about__img-primary:hover {
  transform: translate3d(0, -6px, 0) scale(1.01);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18);
}
.slrs-au-about__img-primary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-au-about__img-primary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
.slrs-au-about__img-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(22, 101, 52, 0.12) 100%);
  pointer-events: none;
  z-index: 2;
}
.slrs-au-about__img-secondary {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
  aspect-ratio: 1/1;
  border-radius: 40px 40px 8px 40px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.08);
  z-index: 3;
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-au-about__img-secondary:hover {
  transform: translate3d(0, -6px, 0) scale(1.02);
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.28);
}
.slrs-au-about__img-secondary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-au-about__img-secondary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
.slrs-au-about__img-secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(22, 101, 52, 0.15) 100%);
  pointer-events: none;
  z-index: 2;
}
.slrs-au-about__img-shine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transform: translate3d(-150%, 0, 0) skewX(-20deg);
  z-index: 5;
  pointer-events: none;
}
.slrs-au-about__img-primary:hover .slrs-au-about__img-shine, .slrs-au-about__img-secondary:hover .slrs-au-about__img-shine {
  animation: slrs-au-shine-gpu 1.2s ease-in-out;
}
.slrs-au-about__img-tertiary {
  position: absolute;
  top: 10%;
  right: 4%;
  width: 26%;
  aspect-ratio: 3/4;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid var(--clr-bg);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  z-index: 4;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
}
.slrs-au-about__img-tertiary:hover {
  transform: translate3d(0, -5px, 0) scale(1.04);
}
.slrs-au-about__img-tertiary .reveal {
  width: 100%;
  height: 100%;
}
.slrs-au-about__img-tertiary .reveal img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
[data-theme=dark] .slrs-au-about__img-tertiary {
  border-color: #0f172a;
}
@media (max-width: 47.98em) {
  .slrs-au-about__img-tertiary {
    display: none;
  }
}
.slrs-au-about__exp-badge {
  position: absolute;
  top: 30%;
  left: -20px;
  width: 110px;
  height: 110px;
  background: var(--clr-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 6;
  box-shadow: 0 10px 30px var(--clr-primary-op-35);
  transform: translate3d(0, 0, 0);
  animation: slrs-au-badge-float 4s ease-in-out infinite;
  will-change: transform;
}
@media (max-width: 47.98em) {
  .slrs-au-about__exp-badge {
    left: 5px;
    top: 38%;
    width: 90px;
    height: 90px;
  }
}
.slrs-au-about__exp-ring {
  position: absolute;
  inset: -6px;
  border: 2px dashed var(--clr-primary-op-25);
  border-radius: 50%;
  animation: slrs-au-ring-spin 25s linear infinite;
}
.slrs-au-about__exp-inner {
  color: #fff;
}
.slrs-au-about__exp-num {
  display: block;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.1;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
.slrs-au-about__exp-num sup {
  color: var(--clr-accent);
}
@media (max-width: 35.98em) {
  .slrs-au-about__exp-num {
    font-size: 1.3rem;
  }
}
.slrs-au-about__exp-label {
  display: block;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin-top: 2px;
}
@media (max-width: 35.98em) {
  .slrs-au-about__exp-label {
    font-size: 8px;
  }
}
.slrs-au-about__float-card {
  position: absolute;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-about__float-card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-about__float-card {
  border: 1px solid var(--clr-glass-op-8);
  padding: 10px 14px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 5;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
[data-theme=dark] .slrs-au-about__float-card {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-au-about__float-card--panels {
  right: 18%;
  top: 15%;
  animation: slrs-au-card-float 5s ease-in-out infinite;
}
@media (max-width: 35.98em) {
  .slrs-au-about__float-card--panels {
    right: 5%;
    top: 8%;
  }
}
.slrs-au-about__float-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 197, 94, 0.1);
  border-radius: 8px;
  color: var(--clr-success);
  font-size: 14px;
  flex-shrink: 0;
}
.slrs-au-about__float-data {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1px;
}
.slrs-au-about__float-data strong {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1;
}
[data-theme=dark] .slrs-au-about__float-data strong {
  color: #fff;
}
.slrs-au-about__float-sfx {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--clr-accent);
}
.slrs-au-about__float-label {
  display: block;
  width: 100%;
  font-size: 8px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 1px;
}
.slrs-au-about__telemetry-capsule {
  position: absolute;
  bottom: 8%;
  left: -20px;
  background: var(--clr-glass-op-82);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-about__telemetry-capsule {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-about__telemetry-capsule {
  border: 1px solid var(--clr-glass-op-25);
  padding: 14px 20px;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  z-index: 5;
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation: slrs-au-card-float 6s ease-in-out infinite 1s;
}
[data-theme=dark] .slrs-au-about__telemetry-capsule {
  background: rgba(15, 23, 42, 0.78);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-au-about__telemetry-capsule .telemetry-header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-au-about__telemetry-capsule .telemetry-header .telemetry-dot {
  width: 8px;
  height: 8px;
  background: var(--clr-success);
  border-radius: 50%;
  animation: slrs-v1-dot-blink 1.5s infinite;
  box-shadow: 0 0 8px var(--clr-success);
}
.slrs-au-about__telemetry-capsule .telemetry-header .telemetry-title {
  font-size: 9px;
  font-weight: 700;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.slrs-au-about__telemetry-capsule .telemetry-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-stat {
  display: flex;
  flex-direction: column;
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-stat strong {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1.1;
}
[data-theme=dark] .slrs-au-about__telemetry-capsule .telemetry-body .telemetry-stat strong {
  color: #fff;
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-stat .unit {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--clr-success);
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-stat small {
  font-size: 8px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 1px;
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-chart {
  flex: 1;
  height: 30px;
  display: flex;
  align-items: center;
}
.slrs-au-about__telemetry-capsule .telemetry-body .telemetry-chart svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 47.98em) {
  .slrs-au-about__telemetry-capsule {
    left: 0;
    bottom: -15px;
    width: 180px;
    padding: 10px 14px;
  }
}
.slrs-au-about__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  z-index: 7;
  box-shadow: 0 8px 25px var(--clr-primary-op-40);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  text-decoration: none;
}
.slrs-au-about__video-btn:hover {
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 12px 30px var(--clr-primary-op-50);
  color: #fff;
}
.slrs-au-about__video-btn i {
  margin-left: 3px;
}
@media (max-width: 47.98em) {
  .slrs-au-about__video-btn {
    width: 50px;
    height: 50px;
    font-size: 14px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.slrs-au-about__video-pulse {
  position: absolute;
  inset: -6px;
  border: 2px solid var(--clr-primary-op-30);
  border-radius: 50%;
  animation: slrs-v1-pulse 2.5s ease-out infinite;
  pointer-events: none;
}
.slrs-au-about__video-pulse--2 {
  inset: -14px;
  animation-delay: 0.8s;
}
.slrs-au-about__content {
  position: relative;
}
@media (max-width: 61.98em) {
  .slrs-au-about__content {
    margin-top: var(--space-base-16);
  }
}
.slrs-au-about__desc {
  position: relative;
  padding-left: 18px;
  margin-bottom: 24px;
}
.slrs-au-about__desc-line {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
}
.slrs-au-about__desc p {
  font-size: var(--ffs-base, 1rem);
  color: var(--clr-text-muted);
  line-height: 1.7;
  margin: 0;
}
.slrs-au-about__stats {
  margin-bottom: 20px;
}
.slrs-au-about__stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 35.98em) {
  .slrs-au-about__stats-row {
    grid-template-columns: 1fr;
  }
}
.slrs-au-about__stat-item {
  padding: 12px 16px;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-about__stat-item {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-about__stat-item {
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-au-about__stat-item:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .slrs-au-about__stat-item {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-au-about__stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.slrs-au-about__stat-label {
  font-size: var(--ffs-xs, 0.8rem);
  font-weight: 600;
  color: var(--clr-text);
}
.slrs-au-about__stat-val {
  font-size: var(--ffs-xs, 0.8rem);
  font-weight: 800;
  color: var(--clr-primary);
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
.slrs-au-about__stat-bar {
  height: 6px;
  background: var(--clr-neutral-200);
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
[data-theme=dark] .slrs-au-about__stat-bar {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-au-about__stat-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  border-radius: 50px;
  width: 0%;
  animation: slrs-v1-fill-bar 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-au-about__bento {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
@media (max-width: 35.98em) {
  .slrs-au-about__bento {
    grid-template-columns: 1fr;
  }
}
.slrs-au-about__bento-card {
  position: relative;
  padding: 18px;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-about__bento-card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-about__bento-card {
  border: 1px solid var(--clr-glass-op-8);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-au-about__bento-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 16px 16px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-au-about__bento-card:hover::before {
  transform: scaleX(1);
}
.slrs-au-about__bento-card:hover {
  transform: translate3d(0, -5px, 0);
  border-color: var(--clr-primary-op-20);
  background: var(--clr-glass-op-80);
  box-shadow: 0 12px 30px var(--clr-primary-op-10);
}
.slrs-au-about__bento-card--wide {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
@media (max-width: 35.98em) {
  .slrs-au-about__bento-card--wide {
    flex-direction: column;
  }
}
.slrs-au-about__bento-card:not(.slrs-au-about__bento-card--wide) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme=dark] .slrs-au-about__bento-card {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-au-about__bento-card:hover {
  background: rgba(15, 23, 42, 0.7);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}
.slrs-au-about__bento-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 18px;
  flex-shrink: 0;
  transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-au-about__bento-icon--accent {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.15);
  color: var(--clr-accent);
}
.slrs-au-about__bento-icon--success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.15);
  color: var(--clr-success);
}
.slrs-au-about__bento-card:hover .slrs-au-about__bento-icon {
  transform: scale(1.1) rotate(6deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: #fff;
  border-color: transparent !important;
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}
.slrs-au-about__bento-body {
  flex: 1;
}
.slrs-au-about__bento-body h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 0 0 4px 0;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-au-about__bento-body h4 {
  color: #fff;
}
.slrs-au-about__bento-body p {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  line-height: 1.5;
  margin: 0;
}
.slrs-au-about__bento-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-success);
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 4px;
}
.slrs-au-about__bento-badge i {
  animation: slrs-v1-badge-pulse 2s infinite ease-in-out;
}
.slrs-au-about__bento-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--clr-success);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.slrs-au-about__bento-dot {
  width: 6px;
  height: 6px;
  background: var(--clr-success);
  border-radius: 50%;
  animation: slrs-v1-dot-blink 1.5s infinite;
  flex-shrink: 0;
}
.slrs-au-about__bento-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-success);
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  margin-top: 6px;
}
.slrs-au-about__bento-glow {
  position: absolute;
  top: -50%;
  right: -20%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-au-about__bento-card:hover .slrs-au-about__bento-glow {
  opacity: 1;
}
.slrs-au-about__checklist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.slrs-au-about__check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-md, 8px);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.slrs-au-about__check-item:hover {
  transform: translate3d(4px, 0, 0);
  background: var(--clr-glass-op-80);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.slrs-au-about__check-item p {
  font-size: var(--ffs-xs, 0.82rem);
  color: var(--clr-text);
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
[data-theme=dark] .slrs-au-about__check-item {
  background: rgba(15, 23, 42, 0.3);
  border-color: rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-au-about__check-item p {
  color: rgba(255, 255, 255, 0.85);
}
[data-theme=dark] .slrs-au-about__check-item:hover {
  background: rgba(15, 23, 42, 0.5);
}
.slrs-au-about__check-icon {
  color: var(--clr-success);
  font-size: 0.9rem;
  flex-shrink: 0;
  line-height: 1;
}
.slrs-au-about__ctas {
  display: flex;
  gap: var(--space-base-16);
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.slrs-au-about__trust {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-lg, 12px);
}
[data-theme=dark] .slrs-au-about__trust {
  background: rgba(15, 23, 42, 0.4);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-au-about__trust-label {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary);
  white-space: nowrap;
  flex-shrink: 0;
}
.slrs-au-about__trust-marquee {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}
.slrs-au-about__trust-track {
  display: flex;
  gap: 20px;
  animation: slrs-v1-trust-scroll 25s linear infinite;
  width: max-content;
  will-change: transform;
}
.slrs-au-about__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--clr-text-muted);
  white-space: nowrap;
}
.slrs-au-about__trust-item i {
  color: var(--clr-primary);
  font-size: 0.8rem;
}

/* ==========================================================================
   MISSION, VISION & VALUES SECTION (about.html)
   ========================================================================== */
.slrs-au-mission {
  position: relative;
  z-index: 1;
}
.slrs-au-mission__card {
  position: relative;
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-mission__card {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-mission__card {
  border: 1px solid var(--clr-glass-op-8);
  border-radius: 24px;
  padding: 30px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-au-mission__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 24px 24px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-au-mission__card:hover::before {
  transform: scaleX(1);
}
.slrs-au-mission__card:hover {
  transform: translate3d(0, -6px, 0);
  border-color: var(--clr-primary-op-20);
  background: var(--clr-glass-op-80);
  box-shadow: 0 20px 40px rgba(22, 101, 52, 0.08);
}
[data-theme=dark] .slrs-au-mission__card {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-au-mission__card:hover {
  background: rgba(15, 23, 42, 0.65);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}
.slrs-au-mission__card--mission {
  min-height: 330px;
}
.slrs-au-mission__card--vision {
  min-height: 330px;
}
.slrs-au-mission__card--values {
  padding: 35px 30px;
}
.slrs-au-mission__card-glow {
  position: absolute;
  top: -50%;
  right: -20%;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-au-mission__card:hover .slrs-au-mission__card-glow {
  opacity: 1;
}
.slrs-au-mission__card-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 14px;
  color: var(--clr-primary);
  font-size: 20px;
  margin-bottom: 20px;
  transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease;
}
.slrs-au-mission__card:hover .slrs-au-mission__card-icon {
  transform: scale(1.1) rotate(4deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: #fff;
  border-color: transparent;
}
.slrs-au-mission__card-tag {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--clr-accent);
  margin-bottom: 6px;
}
.slrs-au-mission__card-body h4 {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 10px 0;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
}
[data-theme=dark] .slrs-au-mission__card-body h4 {
  color: #fff;
}
.slrs-au-mission__card-body p {
  font-size: 0.88rem;
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.row .slrs-au-mission__card-body p.mb-0 {
  margin-bottom: 0;
}
.slrs-au-mission__dials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 24px;
}
@media (max-width: 35.98em) {
  .slrs-au-mission__dials {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.slrs-au-mission__dial-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg {
  position: relative;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg svg {
  width: 100%;
  height: 100%;
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg circle {
  fill: none;
  stroke-width: 6;
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-bg {
  stroke: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-bg {
  stroke: rgba(255, 255, 255, 0.08);
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-fill {
  stroke-linecap: round;
  stroke-dasharray: 188.4;
  transition: stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-fill--co2 {
  stroke: var(--clr-primary);
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-fill--grid {
  stroke: var(--clr-accent);
}
.slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-val {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-au-mission__dial-item .slrs-au-mission__dial-svg .dial-val {
  color: #fff;
}
.slrs-au-mission__dial-item .dial-lbl {
  font-size: 10px;
  font-weight: 700;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
.slrs-au-mission__quote {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
  background: var(--clr-primary-op-5);
  border-radius: 16px;
  border-left: 4px solid var(--clr-primary);
  position: relative;
}
[data-theme=dark] .slrs-au-mission__quote {
  background: rgba(255, 255, 255, 0.02);
}
.slrs-au-mission__quote i {
  color: var(--clr-primary-op-25);
  font-size: 24px;
  position: absolute;
  top: 10px;
  right: 15px;
  pointer-events: none;
}
.slrs-au-mission__quote p {
  font-size: 0.88rem;
  font-style: italic;
  color: var(--clr-text);
  line-height: 1.5;
  margin: 0;
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-au-mission__quote p {
  color: rgba(255, 255, 255, 0.85);
}
.slrs-au-mission__quote .quote-signature {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-accent);
  align-self: flex-end;
}
.slrs-au-mission__values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 47.98em) {
  .slrs-au-mission__values-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.slrs-au-mission__value-capsule {
  background: var(--clr-glass-op-55);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-mission__value-capsule {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-mission__value-capsule {
  border: 1px solid var(--clr-neutral-200);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
[data-theme=dark] .slrs-au-mission__value-capsule {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-au-mission__value-capsule:hover {
  transform: translate3d(0, -5px, 0);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
  background: var(--clr-glass-op-80);
}
[data-theme=dark] .slrs-au-mission__value-capsule:hover {
  background: rgba(15, 23, 42, 0.65);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
.slrs-au-mission__value-capsule .val-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 18px;
  transition: transform 0.4s ease;
}
.slrs-au-mission__value-capsule:hover .val-icon {
  transform: scale(1.1) rotate(5deg);
}
.slrs-au-mission__value-capsule h5 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 0;
}
[data-theme=dark] .slrs-au-mission__value-capsule h5 {
  color: #fff;
}
.slrs-au-mission__value-capsule p {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  line-height: 1.5;
  margin: 0;
}
.slrs-au-mission__value-capsule.value-capsule--integrity {
  border-bottom: 3px solid var(--clr-primary);
}
.slrs-au-mission__value-capsule.value-capsule--integrity .val-icon {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
.slrs-au-mission__value-capsule.value-capsule--excellence {
  border-bottom: 3px solid var(--clr-accent);
}
.slrs-au-mission__value-capsule.value-capsule--excellence .val-icon {
  background: rgba(245, 158, 11, 0.12);
  color: var(--clr-accent);
}
.slrs-au-mission__value-capsule.value-capsule--impact {
  border-bottom: 3px solid var(--clr-success);
}
.slrs-au-mission__value-capsule.value-capsule--impact .val-icon {
  background: rgba(34, 197, 94, 0.1);
  color: var(--clr-success);
}

/* ==========================================================================
   REDESIGNED COUNTERS SECTION (about.html)
   ========================================================================== */
.slrs-au-counters {
  position: relative;
  z-index: 10;
  margin-top: -65px;
}
@media (max-width: 61.98em) {
  .slrs-au-counters {
    margin-top: -45px;
  }
}
@media (max-width: 47.98em) {
  .slrs-au-counters {
    margin-top: 0;
  }
}
.slrs-au-counters__wrap {
  padding: 30px;
  background: var(--clr-glass-op-82);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-au-counters__wrap {
      backdrop-filter: blur(25px);
      -webkit-backdrop-filter: blur(25px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-au-counters__wrap {
  border: 1px solid var(--clr-glass-op-25);
  border-radius: 30px;
  box-shadow: 0 25px 60px rgba(22, 101, 52, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-au-counters__wrap {
  background: rgba(15, 23, 42, 0.75);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
}
@media (max-width: 47.98em) {
  .slrs-au-counters__wrap {
    padding: 24px var(--space-base-16);
    border-radius: 20px;
  }
}
.slrs-au-counters__card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  border-radius: 20px;
  background: var(--clr-glass-op-55);
  border: 1px solid var(--clr-neutral-200);
  position: relative;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
[data-theme=dark] .slrs-au-counters__card {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-au-counters__card:hover {
  transform: translate3d(0, -6px, 0);
  border-color: var(--clr-primary-op-25);
  background: var(--clr-glass-op-80);
  box-shadow: 0 15px 30px rgba(22, 101, 52, 0.06);
}
[data-theme=dark] .slrs-au-counters__card:hover {
  background: rgba(15, 23, 42, 0.65);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
@media (max-width: 47.98em) {
  .slrs-au-counters__card {
    justify-content: center;
  }
}
.slrs-au-counters__sparkline {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.75;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
}
.slrs-au-counters__sparkline svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-au-counters__sparkline path {
  will-change: stroke-dashoffset;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: slrs-au-sparkline-draw 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-au-counters__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 18px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  transition: transform 0.4s ease;
}
.slrs-au-counters__card:hover .slrs-au-counters__icon {
  transform: scale(1.1) rotate(6deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: #fff;
  border-color: transparent;
}
.slrs-au-counters__details {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.slrs-au-counters__number {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1.1;
}
[data-theme=dark] .slrs-au-counters__number {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}
.slrs-au-counters__number .unit {
  color: var(--clr-accent);
}
.slrs-au-counters__title {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 2px 0 0 0;
}

/* ==========================================================================
   STANDALONE KEYFRAMES & ANIMATIONS (Zero Jitter, Hardware-Accelerated)
   ========================================================================== */
/* ── About V1 Animations ── */
@keyframes slrs-v1-shine-gpu {
  0%, 100% {
    transform: translate3d(-150%, 0, 0) skewX(-20deg);
  }
  50% {
    transform: translate3d(250%, 0, 0) skewX(-20deg);
  }
}
@keyframes slrs-v1-badge-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
}
@keyframes slrs-v1-ring-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrs-v1-card-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
}
@keyframes slrs-v1-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes slrs-v1-fill-bar {
  to {
    width: var(--fill-width, 98%);
  }
}
@keyframes slrs-v1-badge-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
}
@keyframes slrs-v1-dot-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
@keyframes slrs-v1-trust-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
/* ── About V2 Animations ── */
@keyframes slrs-about-v2-float {
  0%, 100% {
    transform: translateY(-50%) translate3d(0, 0, 0);
  }
  50% {
    transform: translateY(calc(-50% - 10px)) translate3d(0, 0, 0);
  }
}
@keyframes slrs-about-v2-float-mob {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translateY(-8px) translate3d(0, 0, 0);
  }
}
@keyframes slrs-about-v2-pill-float {
  0%, 100% {
    transform: translateX(-50%) translateY(0) translate3d(0, 0, 0);
  }
  50% {
    transform: translateX(-50%) translateY(-8px) translate3d(0, 0, 0);
  }
}
@keyframes slrs-badge-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.92);
  }
}
@keyframes slrs-leaf-sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg) scale(1.05);
  }
}
/* ── About V3 Animations ── */
@keyframes slrs-about-v3-badge-float {
  0%, 100% {
    transform: translateY(-50%) translate3d(0, 0, 0);
  }
  50% {
    transform: translateY(-50%) translate3d(0, -8px, 0);
  }
}
@keyframes slrs-about-v3-ring-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrs-phone-ring {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-6deg);
  }
  40% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes telemetry-spark {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 2px rgba(37, 99, 235, 0.2));
  }
  50% {
    transform: scale(1.15);
    filter: drop-shadow(0 0 8px rgba(37, 99, 235, 0.6));
  }
}
@keyframes telemetry-pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes telemetry-bar-bounce {
  0% {
    height: 15%;
  }
  100% {
    height: 85%;
  }
}
/* ── Inner About Page Animations ── */
@keyframes slrs-au-shine-gpu {
  0% {
    transform: translate3d(-150%, 0, 0) skewX(-20deg);
  }
  100% {
    transform: translate3d(150%, 0, 0) skewX(-20deg);
  }
}
@keyframes slrs-au-badge-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
}
@keyframes slrs-au-ring-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrs-au-card-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -5px, 0);
  }
}
@keyframes slrs-au-sparkline-draw {
  to {
    stroke-dashoffset: 0;
  }
}
/* ==========================================================================
   REDUCED MOTION LAYERS
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .slrs-about-v1__exp-badge, .slrs-about-v1__exp-ring, .slrs-about-v1__float-card, .slrs-about-v1__img-shine, .slrs-about-v1__video-pulse, .slrs-about-v1__trust-track, .slrs-about-v1__bento-dot, .slrs-about-v1__bento-badge i, .slrs-about-v1__stat-fill {
    animation: none !important;
  }
  .slrs-about-v1__stat-fill {
    width: var(--fill-width, 98%) !important;
  }
  .slrs-about-v2__exp-badge, .slrs-about-v2__exp-ring, .slrs-about-v2__stats-pill {
    animation: none !important;
  }
  .slrs-about-v2__bento-card, .slrs-about-v2__img-main, .slrs-about-v2__img-inset {
    transition: none !important;
  }
  .slrs-about-v2 .slrs-about-v2__badge-pill--verified i,
  .slrs-about-v2 .slrs-about-v2__carbon-badge i,
  .slrs-about-v2 .slrs-about-v2__progress-bar {
    animation: none !important;
  }
  .slrs-about-v3__bento-badge, .slrs-about-v3__bento-cell, .slrs-about-v3__feature-card,
  .slrs-about-v3 .telemetry-pulse-icon i,
  .slrs-about-v3 .telemetry-pulse-icon .pulse-ring,
  .slrs-about-v3 .telemetry-chart .chart-line, .slrs-about-v3__cta-phone-icon {
    animation: none !important;
    transition: none !important;
  }
  .slrs-au-about__exp-badge, .slrs-au-about__exp-ring, .slrs-au-about__float-card, .slrs-au-about__telemetry-capsule {
    animation: none !important;
  }
  .slrs-au-mission__card:hover, .slrs-au-mission__value-capsule:hover {
    transform: none !important;
  }
  .slrs-au-mission .dial-fill {
    transition: none !important;
  }
  .slrs-au-counters__card:hover {
    transform: none !important;
  }
  .slrs-au-counters__sparkline path {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
}
/*=======================================================================
  CAPABILITIES LAYOUT WRAPPER (Common Namespace)
=======================================================================*/
.slrs-capabilities {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/*=======================================================================
  CAPABILITIES STYLE 1 — Homepage 1 (Dual Column Layout with Watermark Card)
=======================================================================*/
.slrs-capabilities-v1__wrap {
  position: relative;
}
.slrs-capabilities-v1__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 28px 28px 28px 34px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-neutral-200);
  background: var(--clr-surface-frost);
  box-shadow: 0 4px 24px rgba(var(--clr-primary-rgb)/0.04), 0 1px 3px var(--clr-smoke-op-2);
  overflow: hidden;
  z-index: 1;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease, border-color 0.4s ease, background-color 0.4s ease;
}
.slrs-capabilities-v1__card::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 4px 4px 0;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-capabilities-v1__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.5px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% auto;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-capabilities-v1__card-step {
  position: absolute;
  right: 16px;
  bottom: -6px;
  font-size: 80px;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.06) 0%, rgba(var(--clr-accent-rgb)/0.04) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  pointer-events: none;
  z-index: -1;
  user-select: none;
  letter-spacing: -0.05em;
  transition: opacity 0.4s ease, transform 0.5s ease;
}
.slrs-capabilities-v1__card-icon {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--clr-primary-rgb)/0.05);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.1);
  border-radius: var(--radius-full);
  position: relative;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.5s ease;
}
.slrs-capabilities-v1__card-icon::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: var(--radius-full);
  border: 1.5px solid rgba(var(--clr-primary-rgb)/0.08);
  transition: border-color 0.4s ease, border-image 0.4s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.slrs-capabilities-v1__card-icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: brightness(0.2);
}
.slrs-capabilities-v1__card-info {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 2;
}
.slrs-capabilities-v1__card-info h4 {
  color: var(--clr-text);
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.slrs-capabilities-v1__card-info p {
  color: var(--clr-text-muted);
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}
.slrs-capabilities-v1__card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--clr-primary-rgb)/0.2);
  background: var(--clr-white);
  box-shadow: 0 20px 50px rgba(var(--clr-primary-rgb)/0.08), 0 8px 20px var(--clr-smoke-op-3), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
.slrs-capabilities-v1__card:hover::before {
  transform: scaleY(1);
}
.slrs-capabilities-v1__card:hover::after {
  transform: scaleX(1);
}
.slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-step {
  opacity: 0.9;
  transform: scale(1.04) translateX(-4px);
}
.slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-icon {
  transform: scale(1.12);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent !important;
  box-shadow: 0 8px 24px rgba(var(--clr-primary-rgb)/0.3), 0 0 0 4px rgba(var(--clr-primary-rgb)/0.08);
}
.slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-icon::after {
  border-color: rgba(var(--clr-primary-rgb)/0.2);
  transform: scale(1.05) rotate(90deg);
}
.slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-icon img {
  filter: brightness(0) invert(1);
}
.slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-info h4 {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-capabilities-v1__card {
  background: var(--clr-neutral-100);
  border-color: var(--clr-neutral-200);
  box-shadow: 0 4px 20px var(--clr-smoke-op-20), 0 1px 3px var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-capabilities-v1__card .slrs-capabilities-v1__card-step {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme=dark] .slrs-capabilities-v1__card .slrs-capabilities-v1__card-icon {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-capabilities-v1__card .slrs-capabilities-v1__card-icon::after {
  border-color: rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-capabilities-v1__card .slrs-capabilities-v1__card-icon img {
  filter: brightness(0) invert(1);
}
[data-theme=dark] .slrs-capabilities-v1__card:hover {
  background: var(--clr-neutral-200);
  border-color: rgba(var(--clr-primary-rgb)/0.2);
  box-shadow: 0 20px 50px var(--clr-smoke-op-40), 0 4px 12px var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-step {
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.15) 0%, rgba(var(--clr-accent-rgb)/0.1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme=dark] .slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent !important;
  box-shadow: 0 6px 20px rgba(var(--clr-primary-rgb)/0.35);
}
[data-theme=dark] .slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-icon::after {
  border-color: rgba(var(--clr-primary-rgb)/0.15);
}
[data-theme=dark] .slrs-capabilities-v1__card:hover .slrs-capabilities-v1__card-info h4 {
  color: var(--clr-accent);
}
.slrs-capabilities-v1__btn {
  border-top: 1px solid var(--clr-neutral-200);
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
[data-theme=dark] .slrs-capabilities-v1__btn {
  border-top-color: rgba(255, 255, 255, 0.06);
}
.slrs-capabilities-v1__media {
  position: relative;
  z-index: 1;
}
.slrs-capabilities-v1__media-wrapper {
  position: relative;
  width: 100%;
  border-radius: var(--radius-2xl);
}
.slrs-capabilities-v1__media-dots {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 150px;
  height: 150px;
  background-image: radial-gradient(rgba(var(--clr-primary-rgb)/0.2) 2px, transparent 2px);
  background-size: 16px 16px;
  z-index: -1;
  opacity: 0.8;
  transition: opacity 0.4s ease;
}
[data-theme=dark] .slrs-capabilities-v1__media-dots {
  opacity: 0.4;
}
.slrs-capabilities-v1__media .ani-img {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  position: relative;
  box-shadow: 0 20px 50px -15px var(--clr-smoke-op-25), 0 8px 20px -8px var(--clr-smoke-op-10), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
.slrs-capabilities-v1__media .ani-img::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--clr-white-op-8);
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
}
.slrs-capabilities-v1__media .ani-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  height: 60%;
  background: linear-gradient(to top, rgba(var(--clr-primary-rgb)/0.12), transparent);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.slrs-capabilities-v1__media img {
  border-radius: var(--radius-2xl);
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-capabilities-v1__media:hover img {
  transform: scale(1.04);
}
.slrs-capabilities-v1__media:hover .ani-img::before {
  opacity: 1;
}
.slrs-capabilities-v1__floating-badge {
  position: absolute;
  top: 32px;
  left: -24px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 16px 22px;
  border-radius: var(--radius-xl);
  box-shadow: 0 12px 30px var(--clr-smoke-op-10), 0 4px 8px var(--clr-smoke-op-4), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.04);
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
}
.slrs-capabilities-v1__floating-badge:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px var(--clr-smoke-op-15), 0 6px 12px var(--clr-smoke-op-6), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.08);
}
.slrs-capabilities-v1__floating-badge .slrs-capabilities-v1__badge-icon {
  width: 46px;
  height: 46px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 4px 14px rgba(var(--clr-primary-rgb)/0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-capabilities-v1__floating-badge:hover .slrs-capabilities-v1__badge-icon {
  transform: scale(1.08) rotate(6deg);
  box-shadow: 0 6px 18px rgba(var(--clr-primary-rgb)/0.35);
}
.slrs-capabilities-v1__floating-badge .slrs-capabilities-v1__badge-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.slrs-capabilities-v1__floating-badge .slrs-capabilities-v1__badge-text strong {
  font-size: 18px;
  font-weight: 800;
  color: var(--clr-text);
  letter-spacing: -0.01em;
}
.slrs-capabilities-v1__floating-badge .slrs-capabilities-v1__badge-text span {
  font-size: 10px;
  color: var(--clr-text-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
[data-theme=dark] .slrs-capabilities-v1__floating-badge {
  background: rgba(30, 41, 59, 0.9);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px var(--clr-smoke-op-30), 0 4px 8px var(--clr-smoke-op-15), inset 0 1px 1px rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-capabilities-v1__floating-badge .slrs-capabilities-v1__badge-text strong {
  color: var(--clr-white);
}
.slrs-capabilities-v1__google-rating {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: fit-content;
  padding: 14px 20px;
  border-radius: var(--radius-xl);
  position: absolute;
  left: 20px;
  bottom: 20px;
  box-shadow: 0 12px 30px -8px var(--clr-smoke-op-18), 0 4px 10px -2px var(--clr-smoke-op-6), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.04);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 2;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: var(--clr-white);
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px var(--clr-smoke-op-6);
  transition: transform 0.3s ease;
}
.slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-icon img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-content {
  text-align: left;
}
.slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-content span {
  display: flex;
  gap: 2px;
  color: #ffb703;
  font-size: 12px;
  margin-bottom: 2px;
}
.slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-content p {
  color: var(--clr-text);
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.slrs-capabilities-v1__google-rating:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 18px 35px -10px var(--clr-smoke-op-25), 0 5px 15px -3px var(--clr-smoke-op-10);
}
.slrs-capabilities-v1__google-rating:hover .slrs-capabilities-v1__rating-icon {
  transform: scale(1.08);
}
[data-theme=dark] .slrs-capabilities-v1__google-rating {
  background: rgba(30, 41, 59, 0.88);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px var(--clr-smoke-op-30), 0 4px 10px var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-icon {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-capabilities-v1__google-rating .slrs-capabilities-v1__rating-content p {
  color: var(--clr-white);
}

/*=======================================================================
  CAPABILITIES STYLE 2 — Homepage 2 (4-Column Glassmorphic Cards)
=======================================================================*/
.slrs-capabilities-v2 {
  background: transparent;
}
.slrs-capabilities-v2__wrap {
  position: relative;
}
.slrs-capabilities-v2__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 35px 28px;
  background: var(--clr-glass-op-70);
  border: 1px solid var(--clr-glass-op-8);
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 30px var(--clr-smoke-op-2), inset 0 1px 1px var(--clr-glass-op-40);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background-color 0.4s ease;
  overflow: hidden;
}
[data-theme=dark] .slrs-capabilities-v2__card {
  background: rgba(30, 41, 59, 0.3);
  border-color: var(--clr-glass-op-5);
  box-shadow: 0 10px 30px var(--clr-smoke-op-15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.slrs-capabilities-v2__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}
.slrs-capabilities-v2__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, var(--clr-glass-op-20) 48%, var(--clr-glass-op-40) 50%, var(--clr-glass-op-20) 52%, transparent 60%);
  transform: translateX(-100%);
  transition: transform 0.8s ease-in-out;
  pointer-events: none;
  z-index: 1;
}
.slrs-capabilities-v2__card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slrs-capabilities-v2__card-icon {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-lg);
  background: var(--clr-glass-op-8);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
  z-index: 2;
}
[data-theme=dark] .slrs-capabilities-v2__card-icon {
  background: var(--clr-glass-op-5);
  color: var(--clr-accent);
}
.slrs-capabilities-v2__card-icon::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  border: 1px dashed var(--clr-primary);
  opacity: 0.25;
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}
[data-theme=dark] .slrs-capabilities-v2__card-icon::after {
  border-color: var(--clr-accent);
}
.slrs-capabilities-v2__card-icon i {
  font-size: 1.5rem;
}
.slrs-capabilities-v2__card-info {
  position: relative;
  z-index: 2;
}
.slrs-capabilities-v2__card-info h4 {
  font-size: 1.15rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: 12px;
}
[data-theme=dark] .slrs-capabilities-v2__card-info h4 {
  color: var(--clr-white);
}
.slrs-capabilities-v2__card-info p {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0;
}
[data-theme=dark] .slrs-capabilities-v2__card-info p {
  color: var(--clr-glass-op-70);
}
.slrs-capabilities-v2__card:hover {
  transform: translateY(-6px);
  background: var(--clr-white);
  border-color: var(--clr-glass-op-20);
  box-shadow: 0 20px 45px var(--clr-smoke-op-8), inset 0 1px 1px var(--clr-glass-op-90);
}
[data-theme=dark] .slrs-capabilities-v2__card:hover {
  background: rgba(30, 41, 59, 0.65);
  border-color: var(--clr-glass-op-12);
  box-shadow: 0 20px 45px var(--clr-smoke-op-35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.slrs-capabilities-v2__card:hover::before {
  transform: scaleX(1);
}
.slrs-capabilities-v2__card:hover::after {
  transform: translateX(100%);
}
.slrs-capabilities-v2__card:hover .slrs-capabilities-v2__card-icon {
  transform: scale(1.12) rotate(8deg);
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-accent-dark) 100%);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px var(--clr-accent-op-30);
  color: var(--clr-white);
}
.slrs-capabilities-v2__card:hover .slrs-capabilities-v2__card-icon::after {
  opacity: 1;
  transform: scale(1.15) rotate(-8deg);
}

/*=======================================================================
  CAPABILITIES STYLE 3 — Homepage 3 (Bento Spec Grid Layout)
=======================================================================*/
.slrs-capabilities-v3__spec-card {
  position: relative;
  height: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 35px;
  background: var(--clr-glass-op-55);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid var(--clr-glass-op-25);
  border-radius: var(--radius-2xl, 24px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
}
[data-theme=dark] .slrs-capabilities-v3__spec-card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}
.slrs-capabilities-v3__spec-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}
[data-theme=dark] .slrs-capabilities-v3__spec-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}
.slrs-capabilities-v3__spec-card::after {
  content: "";
  position: absolute;
  top: -30%;
  right: -30%;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, var(--clr-primary-op-15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.slrs-capabilities-v3__spec-header {
  position: relative;
  z-index: 2;
}
.slrs-capabilities-v3__spec-header .slrs-capabilities-v3__spec-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: 50px;
  margin-bottom: 20px;
}
.slrs-capabilities-v3__spec-header h4 {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1.3;
  margin-bottom: 12px;
}
[data-theme=dark] .slrs-capabilities-v3__spec-header h4 {
  color: #fff;
}
.slrs-capabilities-v3__spec-header h4 span {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-capabilities-v3__spec-header p {
  font-size: var(--ffs-sm, 0.9rem);
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0;
}
.slrs-capabilities-v3__spec-telemetry {
  position: relative;
  z-index: 2;
  background: var(--clr-glass-op-25);
  border: 1px solid var(--clr-glass-op-20);
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 25px 0;
}
[data-theme=dark] .slrs-capabilities-v3__spec-telemetry {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-capabilities-v3__spec-telemetry .telemetry-val {
  display: flex;
  flex-direction: column;
}
.slrs-capabilities-v3__spec-telemetry .telemetry-val strong {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--clr-primary);
  line-height: 1.1;
}
.slrs-capabilities-v3__spec-telemetry .telemetry-val span {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-text-muted);
  margin-top: 2px;
}
.slrs-capabilities-v3__spec-telemetry .telemetry-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-success);
  background: rgba(34, 197, 94, 0.1);
  padding: 4px 10px;
  border-radius: 50px;
}
.slrs-capabilities-v3__spec-telemetry .telemetry-status .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-success);
  box-shadow: 0 0 6px var(--clr-success);
  animation: slrs-ap-dot-blink 1.5s infinite;
}
.slrs-capabilities-v3__spec-list {
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.slrs-capabilities-v3__spec-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-capabilities-v3__spec-list li {
  color: rgba(255, 255, 255, 0.9);
}
.slrs-capabilities-v3__spec-list li i {
  color: var(--clr-success);
  font-size: 1rem;
}
.slrs-capabilities-v3__card {
  position: relative;
  padding: 30px 25px;
  background: var(--clr-glass-op-55);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl, 16px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  height: 100%;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
}
[data-theme=dark] .slrs-capabilities-v3__card {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.slrs-capabilities-v3__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-capabilities-v3__card:hover {
  transform: translateY(-5px);
  border-color: var(--clr-primary-op-20);
  background: var(--clr-glass-op-80);
  box-shadow: 0 15px 35px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-capabilities-v3__card:hover {
  background: rgba(15, 23, 42, 0.7);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-capabilities-v3__card:hover::before {
  transform: scaleX(1);
}
.slrs-capabilities-v3__card:hover .slrs-capabilities-v3__card-step {
  -webkit-text-stroke-color: var(--clr-primary-op-20);
}
.slrs-capabilities-v3__card:hover .slrs-capabilities-v3__card-icon {
  transform: scale(1.1) rotate(6deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}
.slrs-capabilities-v3__card-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 20px;
  margin-bottom: 20px;
  transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-capabilities-v3__card-icon--accent {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.15);
  color: var(--clr-accent);
}
.slrs-capabilities-v3__card-icon--success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.15);
  color: var(--clr-success);
}
.slrs-capabilities-v3__card-step {
  position: absolute;
  right: 18px;
  top: 15px;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--clr-primary-op-8);
  transition: -webkit-text-stroke-color 0.4s ease;
  pointer-events: none;
  z-index: -1;
  user-select: none;
}
.slrs-capabilities-v3__card h4 {
  font-family: var(--heading-font, "Plus Jakarta Sans", sans-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--clr-text);
  margin: 0 0 10px 0;
}
[data-theme=dark] .slrs-capabilities-v3__card h4 {
  color: #fff;
}
.slrs-capabilities-v3__card p {
  font-size: 0.82rem;
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* Responsive Overrides */
@media (max-width: 61.98em) {
  .slrs-capabilities-v1__floating-badge {
    left: 10px;
  }
  .slrs-capabilities-v3__spec-card {
    min-height: auto;
    margin-bottom: var(--space-base-16);
  }
}
@media (max-width: 47.9175em) {
  .slrs-capabilities-v1__card {
    padding: 20px 18px 20px 22px;
    gap: 16px;
  }
  .slrs-capabilities-v1__card-step {
    font-size: 54px;
    right: 12px;
    bottom: -6px;
  }
  .slrs-capabilities-v1__card-icon {
    width: 48px;
    height: 48px;
  }
  .slrs-capabilities-v1__card-icon img {
    width: 22px;
    height: 22px;
  }
  .slrs-capabilities-v1__card:hover {
    transform: translateY(-3px);
  }
  .slrs-capabilities-v1__floating-badge {
    left: 8px;
    top: 16px;
    padding: 12px 16px;
  }
  .slrs-capabilities-v1__google-rating {
    left: 10px;
    bottom: 10px;
    padding: 10px 14px;
  }
}
.counter-area {
  position: relative;
}
.counter-wrap {
  position: relative;
  padding: 60px 40px;
  background: linear-gradient(135deg, var(--clr-primary-700) 0%, var(--clr-primary-dark) 100%);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--clr-glass-op-8);
  box-shadow: 0 20px 50px var(--clr-smoke-op-15), inset 0 1px 1px var(--clr-glass-op-20);
  overflow: hidden;
}
[data-theme=dark] .counter-wrap {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.6) 0%, rgba(15, 23, 42, 0.8) 100%);
  border-color: var(--clr-glass-op-5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media (max-width: 47.98em) {
  .counter-wrap {
    padding: 30px 20px;
    border-radius: var(--radius-xl);
  }
}
.counter-wrap.ng-mb {
  margin-bottom: -90px;
  z-index: 1;
}
.counter-wrap.bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/shape/08.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.04;
}
.counter-box {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .counter-box {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .counter-box {
    gap: var(--space-base-20);
  }
}
.counter-box {
  position: relative;
  text-align: left;
  padding: 26px 24px;
  border-radius: var(--radius-xl);
  background: var(--clr-glass-op-5);
  border: 1px solid var(--clr-glass-op-8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 1;
  transform: translateZ(0);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
@media (max-width: 47.98em) {
  .counter-box {
    padding: 18px 16px;
  }
}
.counter-box:hover {
  transform: translate3d(0, -6px, 0);
  background: var(--clr-glass-op-10);
  border-color: var(--clr-glass-op-25);
  box-shadow: 0 20px 40px var(--clr-smoke-op-20), inset 0 1px 1px var(--clr-glass-op-30);
}
.counter-box:hover .icon {
  transform: scale(1.1) rotate(6deg) translateZ(0);
  background: var(--clr-accent);
  color: var(--clr-primary-dark);
  border-color: var(--clr-accent);
  box-shadow: 0 8px 20px var(--clr-accent-op-35);
}
.counter-box .icon {
  width: 64px;
  height: 64px;
  background: var(--clr-glass-op-8);
  border: 1px solid var(--clr-glass-op-12);
  border-radius: 16px 4px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-white);
  font-size: 1.4rem;
  flex-shrink: 0;
  transform: translateZ(0);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.counter-box .icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: transform 0.3s ease;
}
.counter-box .icon i {
  color: inherit;
  font-size: 1.4rem;
}
.counter-box .content {
  text-align: left;
}
.counter-box .info {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.counter-box .counter {
  display: inline-block;
  line-height: 1;
  font-size: clamp(2rem, 3.5vw, 2.5rem);
  font-weight: var(--fw-black);
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #ffffff 0%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.counter-box .unit {
  font-size: 1.3rem;
  color: var(--clr-accent);
  font-weight: 900;
  line-height: 1;
  margin-left: 2px;
}
.counter-box .title {
  color: var(--clr-glass-op-75);
  margin-top: 6px;
  margin-bottom: 0;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  text-transform: capitalize;
}
.counter-big .counter-box .info {
  justify-content: center;
}
.counter-big .counter-box .counter {
  font-size: 100px;
  color: var(--theme-color2);
}
@media (max-width: 47.98em) {
  .counter-big .counter-box .counter {
    font-size: 70px;
  }
}
.counter-big .counter-box .unit {
  font-size: 80px;
}

/* 1. Odometer Digit Reels */
.odometer-digit {
  display: inline-block;
  height: 1.05em;
  overflow: hidden;
  line-height: 1.05;
  vertical-align: top;
  position: relative;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  min-width: 0.6em;
  text-align: center;
  contain: layout style paint;
  transform: translateZ(0);
  background: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  background-clip: inherit;
}

.odometer-digit-reel {
  display: inline-flex;
  flex-direction: column;
  transition: transform 2.2s cubic-bezier(0.15, 1, 0.2, 1);
  transform: translateZ(0);
  background: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  background-clip: inherit;
}

.odometer-digit-reel span {
  display: inline-block;
  height: 1.05em;
  line-height: 1.05;
  text-align: center;
  color: inherit;
  background: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  background-clip: inherit;
}

/* 2. Premium Solaris Stats Section (slrs-stats) */
.slrs-stats {
  --glass-bg: var(--clr-glass-op-10);
  --glass-bg-hover: var(--clr-glass-op-18);
  --glass-border: var(--clr-glass-op-15);
  --glass-border-hover: var(--clr-glass-op-30);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-20);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-30);
  --glass-blur: 16px;
  --glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  --icon-size: 72px;
  --icon-size-mobile: 60px;
  --ring-size: 96px;
  --ring-size-mobile: 80px;
  --ring-width: 2px;
  --ring-color: var(--clr-glass-op-20);
  --transition-base: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --transition-spring: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  --hover-lift: -8px;
  --float-duration: 35s;
  --accent-height: 3px;
  --accent-height-hover: 4px;
}

.slrs-stats {
  position: relative;
  background: var(--gradient-primary);
  overflow: hidden;
}
.slrs-stats > .container, .slrs-stats > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-stats {
  color: var(--clr-white);
  padding: 120px 0;
  position: relative;
}
.slrs-stats .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-stats {
    padding: 90px 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-stats {
    padding: 70px 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-stats {
    padding: 50px 0;
  }
}

.slrs-stats__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.slrs-stats__bg-mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 50% at 10% 30%, var(--clr-white-op-10) 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 90% 60%, var(--clr-accent-op-10) 0%, transparent 50%), radial-gradient(ellipse 40% 30% at 50% 80%, var(--clr-white-op-5) 0%, transparent 50%);
  opacity: 0.8;
}

.slrs-stats__bg-glow {
  position: absolute;
  border-radius: var(--radius-full);
  background: radial-gradient(circle, var(--clr-glass-op-25) 0%, transparent 70%);
}
.slrs-stats__bg-glow--1 {
  top: -15%;
  left: 5%;
  width: clamp(200px, 30vw, 400px);
  aspect-ratio: 1;
}
@media (max-width: 47.98em) {
  .slrs-stats__bg-glow--1 {
    width: 200px;
  }
}
.slrs-stats__bg-glow--2 {
  bottom: -20%;
  right: 10%;
  width: clamp(250px, 35vw, 500px);
  aspect-ratio: 1;
  opacity: 0.7;
}
@media (max-width: 47.98em) {
  .slrs-stats__bg-glow--2 {
    width: 250px;
  }
}
.slrs-stats__bg-glow--3 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: clamp(300px, 40vw, 600px);
  aspect-ratio: 1;
  opacity: 0.3;
  animation: none;
  will-change: auto;
}
@media (max-width: 61.98em) {
  .slrs-stats__bg-glow--3 {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .slrs-stats__bg-glow {
    animation: none;
    will-change: auto;
    opacity: 0.35;
  }
}

.slrs-stats__bg-pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--clr-glass-op-10) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.25;
}

.slrs-stats__bg-lines {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, transparent, transparent 120px, var(--clr-glass-op-5) 120px, var(--clr-glass-op-5) 121px);
}

.slrs-stats__bg-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .slrs-stats__bg-particles {
    display: none;
  }
}
.slrs-stats__bg-particles span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: var(--clr-glass-op-40);
  border-radius: var(--radius-full);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.slrs-stats__bg-particles span:nth-child(1) {
  left: 10%;
  animation-delay: -5s;
  animation-duration: 23s;
}
.slrs-stats__bg-particles span:nth-child(2) {
  left: 30%;
  animation-delay: -10s;
  animation-duration: 26s;
}
.slrs-stats__bg-particles span:nth-child(3) {
  left: 50%;
  animation-delay: -15s;
  animation-duration: 29s;
}
.slrs-stats__bg-particles span:nth-child(4) {
  left: 70%;
  animation-delay: -20s;
  animation-duration: 32s;
}
.slrs-stats__bg-particles span:nth-child(5) {
  left: 90%;
  animation-delay: -25s;
  animation-duration: 35s;
}
.slrs-stats__bg-particles span:nth-child(6) {
  display: none !important;
}
.slrs-stats__bg-particles span:nth-child(7) {
  display: none !important;
}
.slrs-stats__bg-particles span:nth-child(8) {
  display: none !important;
}
.slrs-stats__bg-particles span:nth-child(9) {
  display: none !important;
}
.slrs-stats__bg-particles span:nth-child(10) {
  display: none !important;
}

.slrs-stats__header {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-stats__header {
    margin-bottom: 40px;
  }
}

.slrs-stats__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-white);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  padding: 6px 16px;
  background: var(--clr-glass-op-10);
  border: 1px solid var(--clr-glass-op-20);
  border-radius: 50px;
}
.slrs-stats__eyebrow i {
  font-size: 0.875em;
}

.slrs-stats__title {
  font-family: var(--ff-heading);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 700;
  color: var(--clr-white);
  margin: 0 0 10px 0;
  text-shadow: 0 2px 10px var(--clr-smoke-op-10);
}

.slrs-stats__subtitle {
  font-size: 16px;
  color: var(--clr-white-op-80);
  max-width: 550px;
  margin: 0 auto;
  line-height: 1.6;
}

.slrs-stats__grid {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 61.98em) {
  .slrs-stats__grid {
    gap: 24px;
  }
}
@media (max-width: 35.98em) {
  .slrs-stats__grid {
    gap: 16px;
  }
}

.slrs-stats__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  min-width: 200px;
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 32px 8px 32px 8px; /* Unique Solar Leaf/Cell design */
  box-shadow: var(--glass-shadow);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-stats__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--glass-noise);
  opacity: 0.03;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}
.slrs-stats__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(105deg, transparent 40%, var(--clr-glass-op-8) 45%, var(--clr-glass-op-14) 50%, var(--clr-glass-op-8) 55%, transparent 60%);
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 2;
  border-radius: inherit;
}
.slrs-stats__item > * {
  position: relative;
  z-index: 3;
}
.slrs-stats__item:hover {
  transform: translate3d(0, var(--hover-lift), 0) scale(1.02);
  background: var(--glass-bg-hover);
  border-color: var(--glass-border-hover);
  box-shadow: var(--glass-shadow-hover);
}
.slrs-stats__item:hover::after {
  transform: translate3d(100%, 0, 0);
}
.slrs-stats__item:hover .slrs-stats__icon {
  transform: scale(1.12) rotate(8deg) translateZ(0);
  box-shadow: 0 12px 30px var(--clr-smoke-op-25);
}
.slrs-stats__item:hover .slrs-stats__icon-ring {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0) scale(1.12);
}
.slrs-stats__item:hover .slrs-stats__icon-ring::before {
  animation: slrs-stats-border-spin 3s linear infinite;
}
.slrs-stats__item:hover .slrs-stats__value {
  transform: scale(1.02);
}
.slrs-stats__item:hover .slrs-stats__label {
  letter-spacing: 0.06em;
}
.slrs-stats__item:focus-visible {
  outline: 2px solid var(--clr-white);
  outline-offset: 4px;
}
@media (max-width: 61.98em) {
  .slrs-stats__item {
    flex: 1 1 200px;
    max-width: 240px;
  }
}
@media (max-width: 35.98em) {
  .slrs-stats__item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.slrs-stats__icon-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
}

.slrs-stats__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: 1.75rem;
  color: var(--clr-primary);
  background: var(--clr-white);
  border-radius: 16px;
  box-shadow: 0 8px 24px var(--clr-smoke-op-15);
  transform: translateZ(0);
  transition: all var(--transition-spring);
  z-index: 2;
}
@media (max-width: 35.98em) {
  .slrs-stats__icon {
    width: var(--icon-size-mobile);
    height: var(--icon-size-mobile);
    font-size: 1.5rem;
  }
}
.slrs-stats__icon.is-celebrate {
  animation: slrs-stats-icon-celebrate 0.6s ease-out;
}

.slrs-stats__icon-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: var(--ring-size);
  height: var(--ring-size);
  border-radius: var(--radius-full);
  z-index: 1;
  opacity: 0.6;
  transition: all var(--transition-base);
}
.slrs-stats__icon-ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--ring-width);
  background: linear-gradient(135deg, var(--ring-color), transparent, var(--ring-color));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (max-width: 35.98em) {
  .slrs-stats__icon-ring {
    width: var(--ring-size-mobile);
    height: var(--ring-size-mobile);
  }
}
.slrs-stats__icon-ring--secondary {
  width: calc(var(--ring-size) + 20px);
  height: calc(var(--ring-size) + 20px);
  opacity: 0.3;
}
.slrs-stats__icon-ring--secondary::before {
  border-style: dotted;
}
@media (max-width: 35.98em) {
  .slrs-stats__icon-ring--secondary {
    width: calc(var(--ring-size-mobile) + 20px);
    height: calc(var(--ring-size-mobile) + 20px);
  }
}

.slrs-stats__value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-family: var(--ff-heading);
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 8px;
  transition: opacity 0.5s ease-out, transform var(--transition-fast);
}
.slrs-stats__value[data-animated=false] {
  opacity: 0.7;
}
.slrs-stats__value[data-animated=true] {
  opacity: 1;
}
.slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-white), var(--clr-accent-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

.slrs-stats__prefix,
.slrs-stats__suffix {
  font-size: 0.55em;
  font-weight: 700;
  color: var(--clr-accent-light);
  display: inline-block;
  vertical-align: middle;
}

.slrs-stats__prefix {
  margin-right: 2px;
}

.slrs-stats__suffix {
  margin-left: 2px;
}

.slrs-stats__label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--clr-white-op-80);
  margin: 0;
  line-height: 1.4;
  text-transform: uppercase;
  transition: letter-spacing var(--transition-base);
}
@media (max-width: 35.98em) {
  .slrs-stats__label {
    font-size: 12px;
  }
}

.slrs-stats__divider {
  width: 1px;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--clr-glass-op-20), transparent);
  position: relative;
  align-self: center;
}
.slrs-stats__divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 6px;
  height: 6px;
  background: var(--clr-accent);
  border-radius: 50%;
  opacity: 0.8;
  will-change: transform, opacity;
  box-shadow: 0 0 10px var(--clr-accent), 0 0 20px var(--clr-glass-op-10);
}
@media (max-width: 61.98em) {
  .slrs-stats__divider {
    display: none;
  }
}

.slrs-stats__progress {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 16px;
  background: var(--clr-glass-op-15);
  border-radius: 50px;
  overflow: hidden;
}

.slrs-stats__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--clr-white);
  border-radius: 50px;
  width: 100% !important;
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform 1.8s cubic-bezier(0.1, 1, 0.1, 1) !important;
  box-shadow: 0 0 8px var(--clr-glass-op-30);
}
.slrs-stats__progress-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-40), transparent);
}

@keyframes slrs-stats-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, -8px, 0);
  }
  50% {
    transform: translate3d(0, -12px, 0);
  }
  75% {
    transform: translate3d(0, -5px, 0);
  }
}
@keyframes slrs-stats-particle-rise {
  0% {
    transform: translate3d(0, 100vh, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -100vh, 0);
    opacity: 0;
  }
}
@keyframes slrs-stats-border-spin {
  from {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(360deg) translateZ(0);
  }
}
@keyframes slrs-stats-pulse-glow {
  0%, 100% {
    opacity: 0.6;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1.5);
  }
}
@keyframes slrs-stats-icon-celebrate {
  0% {
    transform: scale(1) rotate(0deg) translateZ(0);
  }
  30% {
    transform: scale(1.25) rotate(-10deg) translateZ(0);
  }
  60% {
    transform: scale(0.95) rotate(5deg) translateZ(0);
  }
  80% {
    transform: scale(1.05) rotate(-2deg) translateZ(0);
  }
  100% {
    transform: scale(1) rotate(0deg) translateZ(0);
  }
}
@keyframes slrs-stats-shimmer {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slrs-stats-accent-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
/* Variant 1: LIGHT */
.slrs-stats--light {
  background: var(--clr-bg-alt);
  color: var(--clr-text);
  --glass-bg: var(--clr-glass-op-80);
  --glass-bg-hover: var(--clr-glass-op-95);
  --glass-border: var(--clr-smoke-op-6);
  --glass-border-hover: var(--clr-primary-op-30);
  --glass-shadow: 0 4px 20px var(--clr-smoke-op-6), 0 1px 3px var(--clr-smoke-op-4);
  --glass-shadow-hover: 0 20px 50px var(--clr-primary-op-15), 0 8px 20px var(--clr-smoke-op-8);
  --ring-color: var(--clr-primary-op-20);
}
.slrs-stats--light .slrs-stats__title {
  color: var(--clr-text);
}
.slrs-stats--light .slrs-stats__subtitle,
.slrs-stats--light .slrs-stats__label {
  color: var(--clr-text-muted);
}
.slrs-stats--light .slrs-stats__eyebrow {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
}
.slrs-stats--light .slrs-stats__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  color: var(--clr-white);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
.slrs-stats--light .slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-stats--light .slrs-stats__prefix,
.slrs-stats--light .slrs-stats__suffix {
  color: var(--clr-primary);
}
.slrs-stats--light .slrs-stats__item::after {
  background: linear-gradient(105deg, transparent 40%, var(--clr-primary-op-5) 45%, var(--clr-primary-op-10) 50%, var(--clr-primary-op-5) 55%, transparent 60%);
}
.slrs-stats--light .slrs-stats__progress {
  background: var(--clr-neutral-200);
}
.slrs-stats--light .slrs-stats__progress-bar {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 0 8px var(--clr-primary-op-30);
}
.slrs-stats--light .slrs-stats__divider {
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-300), transparent);
}
.slrs-stats--light .slrs-stats__divider::after {
  background: var(--clr-primary);
  box-shadow: 0 0 10px var(--clr-primary-op-40), 0 0 20px var(--clr-primary-op-15);
}
.slrs-stats--light .slrs-stats__bg-glow::after {
  background: var(--clr-primary-op-10);
}
.slrs-stats--light .slrs-stats__bg-pattern {
  background-image: radial-gradient(var(--clr-neutral-400) 1px, transparent 1px);
  opacity: 0.4;
}
.slrs-stats--light .slrs-stats__bg-lines {
  background: repeating-linear-gradient(90deg, transparent, transparent 120px, var(--clr-neutral-200) 120px, var(--clr-neutral-200) 121px);
}
.slrs-stats--light .slrs-stats__bg-particles span {
  background: var(--clr-primary-op-30);
  box-shadow: 0 0 6px var(--clr-primary-op-15);
}

/* Variant 2: CARDS */
.slrs-stats--cards {
  background: var(--clr-bg);
  color: var(--clr-text);
  padding: 100px 0;
  --glass-bg: var(--clr-surface-void);
  --glass-bg-hover: var(--clr-surface-void);
  --glass-border: transparent;
  --glass-border-hover: var(--clr-primary-op-30);
  --glass-shadow: var(--shadow-lg);
  --glass-shadow-hover: 0 25px 50px var(--clr-primary-op-15), 0 10px 25px var(--clr-smoke-op-10);
  --glass-blur: 0;
  --icon-size: 80px;
  --hover-lift: -12px;
}
.slrs-stats--cards .slrs-stats__bg {
  display: none;
}
.slrs-stats--cards .slrs-stats__title {
  color: var(--clr-text);
}
.slrs-stats--cards .slrs-stats__subtitle,
.slrs-stats--cards .slrs-stats__label {
  color: var(--clr-text-muted);
}
.slrs-stats--cards .slrs-stats__eyebrow {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
}
.slrs-stats--cards .slrs-stats__item {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 24px;
  padding: 40px 30px;
}
.slrs-stats--cards .slrs-stats__item::before {
  background-image: var(--glass-noise);
  opacity: 0.025;
}
.slrs-stats--cards .slrs-stats__item .slrs-stats__icon-wrapper::after {
  content: "";
  position: absolute;
  top: -40px;
  left: -29px;
  right: -29px;
  height: var(--accent-height);
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary), var(--clr-primary));
  background-size: 300% 100%;
  border-radius: 24px 24px 0 0;
  animation: slrs-stats-accent-flow 4s linear infinite;
  z-index: 4;
}
.slrs-stats--cards .slrs-stats__icon-ring {
  display: none;
}
.slrs-stats--cards .slrs-stats__icon {
  font-size: 2rem;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  box-shadow: none;
}
.slrs-stats--cards .slrs-stats__item:hover .slrs-stats__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  color: var(--clr-white);
  box-shadow: 0 8px 25px var(--clr-primary-op-40);
}
.slrs-stats--cards .slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-stats--cards .slrs-stats__prefix,
.slrs-stats--cards .slrs-stats__suffix {
  color: var(--clr-primary);
}
.slrs-stats--cards .slrs-stats__item::after {
  background: linear-gradient(105deg, transparent 40%, var(--clr-primary-op-5) 45%, var(--clr-primary-op-10) 50%, var(--clr-primary-op-5) 55%, transparent 60%);
}
.slrs-stats--cards .slrs-stats__progress {
  background: var(--clr-neutral-200);
}
.slrs-stats--cards .slrs-stats__progress-bar {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 0 8px var(--clr-primary-op-30);
}
.slrs-stats--cards .slrs-stats__divider {
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-200), transparent);
}
.slrs-stats--cards .slrs-stats__divider::after {
  background: var(--clr-primary);
  box-shadow: 0 0 10px var(--clr-primary-op-40);
}

/* Variant 3: MINIMAL */
.slrs-stats--minimal {
  background: transparent;
  color: var(--clr-text);
  padding: 80px 0;
  --glass-bg: transparent;
  --glass-bg-hover: var(--clr-primary-op-5);
  --glass-border: transparent;
  --glass-border-hover: transparent;
  --glass-shadow: none;
  --glass-shadow-hover: none;
  --glass-blur: 0;
  --ring-color: var(--clr-primary-op-20);
  --hover-lift: -4px;
}
.slrs-stats--minimal .slrs-stats__bg {
  display: none;
}
.slrs-stats--minimal .slrs-stats__title {
  color: var(--clr-text);
}
.slrs-stats--minimal .slrs-stats__subtitle,
.slrs-stats--minimal .slrs-stats__label {
  color: var(--clr-text-muted);
}
.slrs-stats--minimal .slrs-stats__eyebrow {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
}
.slrs-stats--minimal .slrs-stats__item {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 20px;
}
.slrs-stats--minimal .slrs-stats__item::before, .slrs-stats--minimal .slrs-stats__item::after {
  display: none;
}
.slrs-stats--minimal .slrs-stats__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: var(--clr-white);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
.slrs-stats--minimal .slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-stats--minimal .slrs-stats__prefix,
.slrs-stats--minimal .slrs-stats__suffix {
  color: var(--clr-primary);
}
.slrs-stats--minimal .slrs-stats__divider {
  display: block;
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-300), transparent);
}
.slrs-stats--minimal .slrs-stats__divider::after {
  background: var(--clr-primary);
  box-shadow: 0 0 10px var(--clr-primary-op-40);
}
@media (max-width: 35.98em) {
  .slrs-stats--minimal .slrs-stats__divider {
    display: none;
  }
}

/* Variant 4: ACCENT */
.slrs-stats--accent {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  color: var(--clr-black);
  --glass-bg: var(--clr-smoke-op-5);
  --glass-bg-hover: var(--clr-smoke-op-10);
  --glass-border: var(--clr-smoke-op-10);
  --glass-border-hover: var(--clr-smoke-op-20);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-15);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-25);
  --ring-color: var(--clr-smoke-op-15);
}
.slrs-stats--accent .slrs-stats__title {
  color: var(--clr-black);
}
.slrs-stats--accent .slrs-stats__subtitle,
.slrs-stats--accent .slrs-stats__label {
  color: var(--clr-black-op-70);
}
.slrs-stats--accent .slrs-stats__eyebrow {
  background: var(--clr-smoke-op-10);
  color: var(--clr-black);
  border-color: var(--clr-smoke-op-15);
}
.slrs-stats--accent .slrs-stats__icon {
  background: var(--clr-black);
  color: var(--clr-accent);
  box-shadow: 0 8px 24px var(--clr-smoke-op-30);
}
.slrs-stats--accent .slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-black), var(--clr-neutral-800));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-stats--accent .slrs-stats__prefix,
.slrs-stats--accent .slrs-stats__suffix {
  color: var(--clr-black);
}
.slrs-stats--accent .slrs-stats__item::after {
  background: linear-gradient(105deg, transparent 40%, var(--clr-smoke-op-4) 45%, var(--clr-smoke-op-8) 50%, var(--clr-smoke-op-4) 55%, transparent 60%);
}
.slrs-stats--accent .slrs-stats__progress {
  background: var(--clr-smoke-op-10);
}
.slrs-stats--accent .slrs-stats__progress-bar {
  background: var(--clr-black);
  box-shadow: 0 0 8px var(--clr-smoke-op-20);
}
.slrs-stats--accent .slrs-stats__divider {
  background: linear-gradient(to bottom, transparent, var(--clr-smoke-op-15), transparent);
}
.slrs-stats--accent .slrs-stats__divider::after {
  background: var(--clr-black);
  box-shadow: 0 0 10px var(--clr-smoke-op-30);
}
.slrs-stats--accent .slrs-stats__bg-glow::after {
  background: var(--clr-smoke-op-5);
}
.slrs-stats--accent .slrs-stats__bg-pattern {
  background-image: radial-gradient(var(--clr-smoke-op-5) 1px, transparent 1px);
}
.slrs-stats--accent .slrs-stats__bg-lines {
  background: repeating-linear-gradient(90deg, transparent, transparent 120px, var(--clr-smoke-op-5) 120px, var(--clr-smoke-op-5) 121px);
}
.slrs-stats--accent .slrs-stats__bg-particles span {
  background: var(--clr-smoke-op-20);
  box-shadow: 0 0 6px var(--clr-smoke-op-10);
}

/* Variant 5: DARK */
.slrs-stats--dark {
  background: #0a0f1d;
  color: var(--clr-white);
  --glass-bg: var(--clr-glass-op-5);
  --glass-bg-hover: var(--clr-glass-op-10);
  --glass-border: var(--clr-glass-op-10);
  --glass-border-hover: var(--clr-glass-op-20);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-40);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-50), 0 0 40px var(--clr-primary-op-10);
  --ring-color: var(--clr-primary-op-30);
}
.slrs-stats--dark .slrs-stats__title {
  color: var(--clr-white);
}
.slrs-stats--dark .slrs-stats__subtitle,
.slrs-stats--dark .slrs-stats__label {
  color: var(--clr-white-op-70);
}
.slrs-stats--dark .slrs-stats__eyebrow {
  background: var(--clr-primary-op-20);
  color: var(--clr-primary-light);
  border-color: var(--clr-primary-op-30);
}
.slrs-stats--dark .slrs-stats__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  color: var(--clr-white);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
.slrs-stats--dark .slrs-stats__value .counter {
  background: linear-gradient(135deg, var(--clr-white), var(--clr-accent-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-stats--dark .slrs-stats__prefix,
.slrs-stats--dark .slrs-stats__suffix {
  color: var(--clr-accent-light);
}
.slrs-stats--dark .slrs-stats__progress {
  background: var(--clr-glass-op-10);
}
.slrs-stats--dark .slrs-stats__progress-bar {
  background: var(--clr-primary);
  box-shadow: 0 0 8px var(--clr-primary-op-40);
}
.slrs-stats--dark .slrs-stats__divider {
  background: linear-gradient(to bottom, transparent, var(--clr-glass-op-15), transparent);
}
.slrs-stats--dark .slrs-stats__divider::after {
  background: var(--clr-primary);
  box-shadow: 0 0 10px var(--clr-primary-op-40);
}
.slrs-stats--dark .slrs-stats__bg-glow::after {
  background: var(--clr-primary-op-15);
}

/*=======================================================================
  VIDEO SHOWCASE BASE CONTAINER
=======================================================================*/
.slrs-media-showcase {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/*=======================================================================
  VIDEO SHOWCASE STYLE 1 — Homepage 1 (Features Grid + Cinema Player)
=======================================================================*/
.slrs-media-showcase-v1__features-grid {
  margin-top: 1.5rem;
}
.slrs-media-showcase-v1__feature-item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(15, 23, 42, 0.05);
  position: relative;
  overflow: hidden;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.4s ease, background-color 0.4s ease;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-media-showcase-v1__feature-item {
  background: rgba(15, 23, 42, 0.65);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.slrs-media-showcase-v1__feature-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}
.slrs-media-showcase-v1__feature-item:hover {
  transform: translateY(-5px);
  border-color: var(--clr-primary-op-25);
  background: var(--clr-white);
  box-shadow: 0 20px 40px var(--clr-primary-op-10), 0 2px 10px rgba(0, 0, 0, 0.02);
}
.slrs-media-showcase-v1__feature-item:hover::before {
  transform: scaleX(1);
}
[data-theme=dark] .slrs-media-showcase-v1__feature-item:hover {
  background: rgba(15, 23, 42, 0.85);
  border-color: var(--clr-primary-op-35);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px var(--clr-primary-op-10);
}
.slrs-media-showcase-v1__feature-item:hover .slrs-media-showcase-v1__feature-icon-wrapper {
  transform: scale(1.08);
  box-shadow: 0 0 12px var(--clr-primary-op-25);
}
.slrs-media-showcase-v1__feature-item:hover .slrs-media-showcase-v1__feature-icon-wrapper::after {
  border-color: var(--clr-primary-op-40);
}
.slrs-media-showcase-v1__feature-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--clr-primary-op-6);
  color: var(--clr-primary);
  font-size: 18px;
  flex-shrink: 0;
  position: relative;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease;
}
.slrs-media-showcase-v1__feature-icon-wrapper::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 16px;
  border: 1px solid var(--clr-primary-op-15);
  transition: border-color 0.4s ease;
  pointer-events: none;
}
.slrs-media-showcase-v1__feature-icon-wrapper--accent {
  background: rgba(234, 179, 8, 0.06);
  color: var(--clr-secondary);
}
.slrs-media-showcase-v1__feature-icon-wrapper--accent::after {
  border-color: rgba(234, 179, 8, 0.15);
}
.slrs-media-showcase-v1__feature-icon-wrapper--success {
  background: rgba(34, 197, 94, 0.06);
  color: var(--clr-success);
}
.slrs-media-showcase-v1__feature-icon-wrapper--success::after {
  border-color: rgba(34, 197, 94, 0.15);
}
.slrs-media-showcase-v1__feature-icon-wrapper--warning {
  background: rgba(234, 179, 8, 0.06);
  color: #eab308;
}
.slrs-media-showcase-v1__feature-icon-wrapper--warning::after {
  border-color: rgba(234, 179, 8, 0.15);
}
.slrs-media-showcase-v1__feature-info h6 {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--clr-neutral-900);
  margin-bottom: 3px;
}
[data-theme=dark] .slrs-media-showcase-v1__feature-info h6 {
  color: var(--clr-white);
}
.slrs-media-showcase-v1__feature-info p {
  font-size: 12px;
  line-height: 1.45;
  color: var(--clr-neutral-600);
  margin: 0;
}
[data-theme=dark] .slrs-media-showcase-v1__feature-info p {
  color: var(--clr-neutral-400);
}
.slrs-media-showcase-v1__bracket {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--clr-primary-op-30);
  z-index: 5;
  transition: border-color 0.45s ease, transform 0.45s ease;
  pointer-events: none;
}
.slrs-media-showcase-v1__bracket--top-left {
  top: 20px;
  left: 20px;
  border-right: none;
  border-bottom: none;
}
.slrs-media-showcase-v1__bracket--top-right {
  top: 20px;
  right: 20px;
  border-left: none;
  border-bottom: none;
}
.slrs-media-showcase-v1__bracket--bottom-left {
  bottom: 20px;
  left: 20px;
  border-right: none;
  border-top: none;
}
.slrs-media-showcase-v1__bracket--bottom-right {
  bottom: 20px;
  right: 20px;
  border-left: none;
  border-top: none;
}
.slrs-media-showcase-v1__cinema {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 24px;
  overflow: hidden;
  background: var(--clr-neutral-900);
  border: 1px solid var(--clr-neutral-200);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px var(--clr-primary-op-10);
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.55s ease, border-color 0.4s ease;
}
[data-theme=dark] .slrs-media-showcase-v1__cinema {
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--clr-primary-op-15);
}
.slrs-media-showcase-v1__cinema:hover {
  transform: translateY(-6px);
  border-color: var(--clr-primary-op-35);
  box-shadow: 0 25px 60px var(--clr-primary-op-15), 0 0 30px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-media-showcase-v1__cinema:hover {
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 40px var(--clr-primary-op-20);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__thumbnail img {
  transform: scale(1.04);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__play-btn {
  transform: translate(-50%, -50%) scale(1.08);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__bracket {
  border-color: var(--clr-primary);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__bracket--top-left {
  transform: translate(-4px, -4px);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__bracket--top-right {
  transform: translate(4px, -4px);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__bracket--bottom-left {
  transform: translate(-4px, 4px);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__bracket--bottom-right {
  transform: translate(4px, 4px);
}
.slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__hud-panel {
  border-color: var(--clr-primary-op-25);
  background: rgba(15, 23, 42, 0.6);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
}
[data-theme=light] .slrs-media-showcase-v1__cinema:hover .slrs-media-showcase-v1__hud-panel {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__cinema {
    border-radius: 16px;
  }
}
.slrs-media-showcase-v1__thumbnail {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.slrs-media-showcase-v1__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-media-showcase-v1__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.65) 100%), radial-gradient(circle at 50% 50%, transparent 20%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}
.slrs-media-showcase-v1__play-container {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.slrs-media-showcase-v1__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: var(--clr-primary);
  text-decoration: none;
  pointer-events: auto;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, color 0.3s ease, box-shadow 0.4s ease;
  box-shadow: 0 0 0 6px var(--clr-primary-op-15), 0 10px 30px rgba(0, 0, 0, 0.25);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__play-btn {
    width: 68px;
    height: 68px;
  }
}
.slrs-media-showcase-v1__play-btn:hover, .slrs-media-showcase-v1__play-btn:focus-visible {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 0 0 12px var(--clr-primary-op-25), 0 15px 40px var(--clr-primary-op-30);
}
.slrs-media-showcase-v1__play-btn:hover .slrs-media-showcase-v1__play-orbit--outer, .slrs-media-showcase-v1__play-btn:focus-visible .slrs-media-showcase-v1__play-orbit--outer {
  border-color: var(--clr-primary-op-60);
}
.slrs-media-showcase-v1__play-btn:hover .slrs-media-showcase-v1__play-orbit--inner, .slrs-media-showcase-v1__play-btn:focus-visible .slrs-media-showcase-v1__play-orbit--inner {
  border-color: var(--clr-secondary-op-60);
}
.slrs-media-showcase-v1__play-icon {
  font-size: 24px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__play-icon {
    font-size: 18px;
    margin-left: 3px;
  }
}
.slrs-media-showcase-v1__play-orbit {
  position: absolute;
  border: 1.5px dashed var(--clr-primary-op-35);
  border-radius: 50%;
  pointer-events: none;
  transition: border-color 0.3s ease;
}
.slrs-media-showcase-v1__play-orbit--outer {
  inset: -14px;
  animation: slrs-spin-cw 15s linear infinite;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__play-orbit--outer {
    inset: -10px;
  }
}
.slrs-media-showcase-v1__play-orbit--inner {
  inset: -26px;
  border-color: var(--clr-secondary-op-25);
  animation: slrs-spin-ccw 20s linear infinite;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__play-orbit--inner {
    inset: -18px;
  }
}
.slrs-media-showcase-v1__badge-bar {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__badge-bar {
    top: 14px;
    left: 14px;
    right: 14px;
  }
}
.slrs-media-showcase-v1__badge-group {
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: auto;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__badge-group {
    gap: 8px;
  }
}
.slrs-media-showcase-v1__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: var(--fw-extrabold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--clr-white);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
[data-theme=light] .slrs-media-showcase-v1__badge {
  background: rgba(255, 255, 255, 0.75);
  color: var(--clr-neutral-900);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}
.slrs-media-showcase-v1__badge--live {
  border-color: rgba(239, 68, 68, 0.25);
}
[data-theme=light] .slrs-media-showcase-v1__badge--live {
  border-color: rgba(239, 68, 68, 0.25);
  color: var(--clr-danger);
}
.slrs-media-showcase-v1__badge--live .pulse-dot {
  width: 8px;
  height: 8px;
  background-color: var(--clr-danger);
  border-radius: 50%;
  animation: slrs-dot-pulse-why 1.8s ease-out infinite;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__badge--live {
    padding: 5px 11px;
    font-size: 9px;
  }
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__badge--duration, .slrs-media-showcase-v1__badge--quality {
    padding: 5px 11px;
    font-size: 9px;
  }
}
.slrs-media-showcase-v1__badge--duration i, .slrs-media-showcase-v1__badge--quality i {
  font-size: 12px;
}
.slrs-media-showcase-v1__badge--duration i {
  color: var(--clr-primary);
}
.slrs-media-showcase-v1__badge--quality i {
  color: var(--clr-secondary);
}
.slrs-media-showcase-v1__hud-panel {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  max-width: 580px;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 14px 22px;
  z-index: 5;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  transition: border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-media-showcase-v1__hud-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary), var(--clr-primary));
  opacity: 0.7;
}
[data-theme=light] .slrs-media-showcase-v1__hud-panel {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__hud-panel {
    bottom: 14px;
    width: calc(100% - 28px);
    padding: 10px 14px;
    border-radius: 12px;
  }
}
.slrs-media-showcase-v1__hud-grid {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 16px;
}
@media (max-width: 35.98em) {
  .slrs-media-showcase-v1__hud-grid {
    gap: 8px;
  }
}
.slrs-media-showcase-v1__hud-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 35.98em) {
  .slrs-media-showcase-v1__hud-item {
    gap: 6px;
  }
}
.slrs-media-showcase-v1__hud-icon {
  font-size: 18px;
  color: var(--clr-primary);
  flex-shrink: 0;
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__hud-icon {
    font-size: 14px;
  }
}
.slrs-media-showcase-v1__hud-info {
  display: flex;
  flex-direction: column;
}
.slrs-media-showcase-v1__hud-val {
  font-size: 16px;
  font-weight: var(--fw-extrabold);
  color: var(--clr-white);
  line-height: 1.2;
}
[data-theme=light] .slrs-media-showcase-v1__hud-val {
  color: var(--clr-neutral-900);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__hud-val {
    font-size: 13px;
  }
}
.slrs-media-showcase-v1__hud-lbl {
  font-size: 9px;
  font-weight: var(--fw-semibold);
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 1px;
}
[data-theme=light] .slrs-media-showcase-v1__hud-lbl {
  color: var(--clr-neutral-600);
}
@media (max-width: 47.9175em) {
  .slrs-media-showcase-v1__hud-lbl {
    font-size: 8px;
  }
}

@keyframes slrs-spin-cw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slrs-spin-ccw {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes slrs-dot-pulse-why {
  0% {
    transform: scale(0.95);
    opacity: 1;
  }
  70% {
    transform: scale(1.4);
    opacity: 0;
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}
/*=======================================================================
  VIDEO SHOWCASE STYLE 2 — Homepage 2 (Full-Width Cinematic Backdrop)
=======================================================================*/
.slrs-media-showcase-v2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.slrs-media-showcase-v2__overlay-dark {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.8) 100%);
  z-index: 1;
}
.slrs-media-showcase-v2__grid-bg {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.15;
  z-index: 2;
  pointer-events: none;
}
.slrs-media-showcase-v2__centered-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.slrs-media-showcase-v2__play-wrapper {
  position: relative;
  width: 96px;
  height: 96px;
  margin: 0 auto;
  z-index: 5;
}
.slrs-media-showcase-v2__play-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--clr-white);
  color: var(--clr-primary);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-media-showcase-v2__play-trigger:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 15px 40px rgba(22, 101, 52, 0.4);
}
.slrs-media-showcase-v2__play-trigger:hover .slrs-media-showcase-v2__ripple-ring {
  animation-play-state: running;
}
.slrs-media-showcase-v2__play-icon-core {
  font-size: 26px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slrs-media-showcase-v2__ripple-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  pointer-events: none;
  z-index: -1;
  transform: scale(1);
  opacity: 0;
  animation: slrs-pulse-ripple-v2 2.4s cubic-bezier(0.25, 0, 0, 1) infinite;
}
.slrs-media-showcase-v2__ripple-ring--1 {
  animation-delay: 0s;
}
.slrs-media-showcase-v2__ripple-ring--2 {
  animation-delay: 0.8s;
}
.slrs-media-showcase-v2__ripple-ring--3 {
  animation-delay: 1.6s;
}
.slrs-media-showcase-v2__hud-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.slrs-media-showcase-v2__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--clr-white);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.slrs-media-showcase-v2__badge .pulse-dot {
  width: 7px;
  height: 7px;
  background: var(--clr-primary-light);
  border-radius: 50%;
  animation: slrs-telemetry-glow-why 1.5s ease infinite;
}
.slrs-media-showcase-v2__audio-wave {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 16px;
}
.slrs-media-showcase-v2__audio-wave .wave-bar {
  width: 2px;
  height: 100%;
  background: var(--clr-primary-light);
  border-radius: 2px;
  transform-origin: bottom;
  animation: slrs-audio-bounce 1.2s ease-in-out infinite;
}
.slrs-media-showcase-v2__audio-wave .wave-bar--1 {
  animation-delay: 0s;
}
.slrs-media-showcase-v2__audio-wave .wave-bar--2 {
  animation-delay: 0.3s;
}
.slrs-media-showcase-v2__audio-wave .wave-bar--3 {
  animation-delay: 0.6s;
}
.slrs-media-showcase-v2__audio-wave .wave-bar--4 {
  animation-delay: 0.9s;
}
.slrs-media-showcase-v2__title-large {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  max-width: 800px;
}
.slrs-media-showcase-v2__lead {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}
.slrs-media-showcase-v2__floating-widgets {
  position: absolute;
  width: 100%;
  max-width: 1100px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 4;
}
.slrs-media-showcase-v2__widget {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.slrs-media-showcase-v2__widget:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
}
.slrs-media-showcase-v2__widget--left {
  left: -60px;
  top: 0;
}
.slrs-media-showcase-v2__widget--right {
  right: -60px;
  top: 0;
}
.slrs-media-showcase-v2__widget-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  color: var(--clr-primary-light);
  font-size: 14px;
}
.slrs-media-showcase-v2__widget-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.25;
}
.slrs-media-showcase-v2__widget-text .val {
  font-size: 15px;
  font-weight: 800;
  color: var(--clr-white);
}
.slrs-media-showcase-v2__widget-text .lbl {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@keyframes slrs-pulse-ripple-v2 {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes slrs-telemetry-glow-why {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.5);
  }
  50% {
    box-shadow: 0 0 8px 3px rgba(56, 189, 248, 0.5);
  }
}
@keyframes slrs-audio-bounce {
  0%, 100% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
}
@media (max-width: 1199.98px) {
  .slrs-media-showcase-v2__widget--left {
    left: 0;
  }
  .slrs-media-showcase-v2__widget--right {
    right: 0;
  }
}
/*=======================================================================
  VIDEO SHOWCASE STYLE 3 — Homepage 3 (Dynamic Telemetry + Split Console)
=======================================================================*/
.slrs-media-showcase-v3 {
  position: relative;
}
.slrs-media-showcase-v3__glow {
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translateY(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  z-index: 1;
  pointer-events: none;
}
.slrs-media-showcase-v3__telemetry-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.slrs-media-showcase-v3__telemetry-card {
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background: var(--clr-surface-frost);
  border: 1px solid var(--clr-neutral-200);
  box-shadow: 0 8px 30px var(--clr-smoke-op-2);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}
[data-theme=dark] .slrs-media-showcase-v3__telemetry-card {
  background: rgba(30, 41, 59, 0.45);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}
.slrs-media-showcase-v3__telemetry-card:hover {
  transform: translateY(-4px);
  border-color: var(--clr-primary-op-25);
  box-shadow: 0 16px 35px var(--clr-smoke-op-8);
}
.slrs-media-showcase-v3__telemetry-card:hover .card-icon {
  transform: scale(1.08) rotate(4deg);
}
.slrs-media-showcase-v3__sparkline {
  position: absolute;
  right: 20px;
  bottom: 10px;
  width: 120px;
  height: 40px;
  opacity: 0.8;
}
.slrs-media-showcase-v3__card-top {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  z-index: 2;
}
.slrs-media-showcase-v3__card-top .card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: transform 0.3s ease;
}
.slrs-media-showcase-v3__card-top .card-icon--accent {
  background: rgba(245, 158, 11, 0.1);
  color: var(--clr-accent-dark);
}
.slrs-media-showcase-v3__card-top .card-icon--success {
  background: rgba(34, 197, 94, 0.1);
  color: var(--clr-success);
}
.slrs-media-showcase-v3__card-top .card-info {
  flex: 1;
}
.slrs-media-showcase-v3__card-top .card-info .card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  margin-bottom: 6px;
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .counter {
  font-size: 24px;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-media-showcase-v3__card-top .card-info .card-meta .counter {
  color: var(--clr-white);
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .slrs-stats__suffix {
  font-size: 20px;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-media-showcase-v3__card-top .card-info .card-meta .slrs-stats__suffix {
  color: var(--clr-white);
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .status-pill {
  font-size: 9px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .status-pill--primary {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .status-pill--accent {
  background: rgba(245, 158, 11, 0.15);
  color: var(--clr-accent-dark);
}
.slrs-media-showcase-v3__card-top .card-info .card-meta .status-pill--success {
  background: rgba(34, 197, 94, 0.15);
  color: var(--clr-success);
}
.slrs-media-showcase-v3__card-top .card-info p {
  margin: 0;
  font-size: 13px;
  color: var(--clr-text-muted);
  font-weight: 500;
}
.slrs-media-showcase-v3__progress {
  height: 4px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-top: 18px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
[data-theme=dark] .slrs-media-showcase-v3__progress {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-media-showcase-v3__progress .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  border-radius: inherit;
}
.slrs-media-showcase-v3__cinema-wrapper {
  position: relative;
  z-index: 2;
}
.slrs-media-showcase-v3__ambient-glow {
  position: absolute;
  inset: -30px;
  background: radial-gradient(circle, var(--clr-primary-op-15) 0%, transparent 65%);
  filter: blur(40px);
  z-index: 1;
  opacity: 0.7;
  pointer-events: none;
}
.slrs-media-showcase-v3__cinema {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 25px 60px rgba(22, 101, 52, 0.08);
  background: var(--clr-neutral-900);
  z-index: 2;
}
[data-theme=dark] .slrs-media-showcase-v3__cinema {
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}
.slrs-media-showcase-v3__cinema:hover .slrs-media-showcase-v3__poster img {
  transform: scale(1.03);
}
.slrs-media-showcase-v3__cinema:hover .slrs-media-showcase-v3__play-orbits {
  transform: scale(1.05);
}
.slrs-media-showcase-v3__poster {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.slrs-media-showcase-v3__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-media-showcase-v3__poster-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.6) 100%);
}
.slrs-media-showcase-v3__play-portal {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.slrs-media-showcase-v3__play-control {
  position: relative;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.slrs-media-showcase-v3__play-control:hover .slrs-media-showcase-v3__play-glass {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 8px 25px var(--clr-primary-op-35);
  transform: scale(1.06);
}
.slrs-media-showcase-v3__play-control:hover .orbit-ring {
  stroke: var(--clr-primary);
  opacity: 0.8;
}
.slrs-media-showcase-v3__play-glass {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  z-index: 3;
  transition: transform 0.4s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.slrs-media-showcase-v3__play-glass i {
  margin-left: 4px;
}
.slrs-media-showcase-v3__play-orbits {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.4s ease;
}
.slrs-media-showcase-v3__play-orbits .orbit-ring {
  fill: none;
  stroke-width: 1.5;
  stroke-dasharray: 4 8;
  transform-origin: center;
  transition: stroke 0.3s ease, opacity 0.3s ease;
}
.slrs-media-showcase-v3__play-orbits .orbit-ring--outer {
  stroke: rgba(255, 255, 255, 0.3);
  animation: slrs-spin-cw 20s linear infinite;
}
.slrs-media-showcase-v3__play-orbits .orbit-ring--inner {
  stroke: rgba(255, 255, 255, 0.2);
  animation: slrs-spin-ccw 25s linear infinite;
}
.slrs-media-showcase-v3__top-bar {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}
.slrs-media-showcase-v3__status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 50px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--clr-white);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.slrs-media-showcase-v3__status-pill .live-pulse {
  width: 6px;
  height: 6px;
  background: var(--clr-danger);
  border-radius: 50%;
  animation: slrs-live-dot-pulse 1.6s ease infinite;
}
.slrs-media-showcase-v3__resolution-pill {
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  color: var(--clr-white);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.slrs-media-showcase-v3__bottom-bar {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 47.98em) {
  .slrs-media-showcase-v3__bottom-bar {
    bottom: 12px;
    left: 12px;
    right: 12px;
  }
}
.slrs-media-showcase-v3__time-duration {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 50px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 600;
}
.slrs-media-showcase-v3__time-duration i {
  color: var(--clr-primary-light);
}
.slrs-media-showcase-v3__live-stats {
  display: flex;
  align-items: center;
  gap: 8px;
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 50px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 11px;
  color: var(--clr-white);
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .dot-indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .dot-indicator--blue {
  background: var(--clr-primary-light);
  box-shadow: 0 0 6px var(--clr-primary-light);
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .dot-indicator--green {
  background: var(--clr-success);
  box-shadow: 0 0 6px var(--clr-success);
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .dot-indicator--orange {
  background: var(--clr-accent);
  box-shadow: 0 0 6px var(--clr-accent);
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .label {
  opacity: 0.6;
  font-weight: 500;
}
.slrs-media-showcase-v3__live-stats .stat-glass-pill .value {
  font-weight: 700;
}

@keyframes slrs-live-dot-pulse {
  0%, 100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
    box-shadow: 0 0 8px var(--clr-danger);
  }
}
@media (max-width: 991.98px) {
  .slrs-media-showcase-v3__cinema {
    margin-top: 40px;
  }
  .slrs-media-showcase-v3 .slrs-media-showcase-v3__sparkline,
  .slrs-media-showcase-v3 .slrs-media-showcase-v3__live-stats {
    display: none !important;
  }
}
.slrs-contact {
  --contact-bg: var(--clr-bg);
  --contact-panel-bg: var(--clr-glass-op-5);
  --contact-panel-border: var(--clr-glass-op-10);
  --contact-panel-shadow: 0 8px 32px var(--clr-smoke-op-6);
  --contact-glow-gradient: radial-gradient(circle, var(--clr-primary-op-8) 0%, transparent 70%);
  --contact-tagline-bg: var(--clr-primary-op-15);
  --contact-tagline-border: var(--clr-primary-op-25);
  --contact-card-bg: var(--clr-glass-op-5);
  --contact-card-border: var(--clr-glass-op-10);
  --contact-card-shadow: inset 0 1px 1px var(--clr-glass-op-20), 0 4px 16px var(--clr-smoke-op-4);
  --contact-card-shadow-hover: inset 0 1px 1px var(--clr-glass-op-20), 0 16px 40px var(--clr-smoke-op-12);
  --contact-card-icon-bg: linear-gradient(135deg, var(--clr-primary-op-15) 0%, var(--clr-primary-op-5) 100%);
  --contact-trust-bg: var(--clr-neutral-50);
  --contact-trust-border: var(--clr-neutral-200);
  --contact-trust-hover-bg: var(--clr-primary-op-5);
  --contact-trust-hover-border: var(--clr-primary-op-25);
  --contact-emergency-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.06) 0%, rgba(var(--clr-primary-rgb) / 0.03) 100%);
  --contact-emergency-border: rgba(239, 68, 68, 0.2);
  --contact-emergency-shadow-hover: 0 16px 40px rgba(239, 68, 68, 0.1);
  --contact-emergency-glow: radial-gradient(circle, rgba(239, 68, 68, 0.12) 0%, transparent 70%);
  --contact-emergency-border-hover: rgba(239, 68, 68, 0.35);
  --contact-social-line: linear-gradient(90deg, var(--clr-neutral-300), transparent);
  --contact-social-bg: var(--clr-neutral-50);
  --contact-social-border: var(--clr-neutral-200);
  --contact-form-bg: rgba(255, 255, 255, 0.75);
  --contact-form-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 25px 50px var(--clr-black-op-5), 0 10px 20px var(--clr-black-op-3);
  --contact-form-shadow-hover: inset 0 1px 1px rgba(255, 255, 255, 1), 0 30px 60px var(--clr-smoke-op-12), 0 15px 30px var(--clr-smoke-op-8);
  --contact-form-header-bg: transparent;
  --contact-form-header-border: transparent;
  --contact-hero-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 100%);
  --contact-input-bg: var(--clr-neutral-50);
  --contact-input-bg-hover: var(--clr-neutral-100);
  --contact-input-bg-focus: var(--clr-bg);
  --contact-input-border: var(--clr-neutral-200);
  --contact-input-border-hover: var(--clr-primary-op-25);
  --contact-input-shadow-focus: 0 0 0 4px var(--clr-primary-op-15), 0 8px 20px var(--clr-smoke-op-6);
  --contact-checkbox-bg: var(--clr-glass-op-5);
  --contact-checkbox-border: var(--clr-glass-op-15);
  --contact-checkbox-checked-bg: var(--clr-primary-op-10);
  --contact-checkbox-checked-border: var(--clr-primary-op-40);
  --contact-footer-bg: transparent;
  --contact-footer-border: var(--clr-neutral-200);
  --contact-bento-border: var(--clr-neutral-200);
  --contact-btn-bg: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  --contact-btn-hover: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-primary) 100%);
  --contact-btn-color: var(--clr-white);
  --contact-btn-shadow: 0 8px 24px rgba(var(--clr-primary-rgb), 0.3);
  --contact-btn-shadow-hover: 0 12px 30px rgba(var(--clr-primary-rgb), 0.45);
  --contact-btn-arrow-color: var(--clr-primary);
}

.slrs-contact__info-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-contact__info-panel {
    gap: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-panel {
    gap: var(--space-base-56);
  }
}
.slrs-contact__info-panel {
  background: var(--contact-panel-bg);
  border: 1px solid var(--contact-panel-border);
  border-radius: var(--radius-3xl);
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-contact__info-panel {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-panel {
    padding: var(--space-base-40);
  }
}
.slrs-contact__info-panel {
  box-shadow: var(--contact-panel-shadow);
  backdrop-filter: blur(24px);
  position: relative;
  overflow: hidden;
}
.slrs-contact__info-panel::before {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 200px;
  height: 200px;
  background: var(--contact-glow-gradient);
  pointer-events: none;
  z-index: 0;
}
.slrs-contact__info-panel > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-contact__info-panel {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-contact__info-panel {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-contact__info-panel {
    padding: var(--space-base-40);
  }
}

.slrs-contact__info-heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__info-heading {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-heading {
    gap: var(--space-base-20);
  }
}

.slrs-contact__info-tagline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__info-tagline {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-tagline {
    gap: var(--space-base-16);
  }
}
.slrs-contact__info-tagline {
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__info-tagline {
    padding: var(--space-base-8) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-tagline {
    padding: var(--space-base-10) var(--space-base-28);
  }
}
.slrs-contact__info-tagline {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: var(--contact-tagline-bg);
  border: 1px solid var(--contact-tagline-border);
  border-radius: var(--radius-full);
  box-shadow: var(--contact-form-shadow);
  backdrop-filter: blur(16px);
  width: fit-content;
}

.slrs-contact__info-tagline-dot {
  width: 8px;
  height: 8px;
  background: var(--clr-success);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--clr-success);
  animation: slrs-contact-dot-pulse 2s ease-in-out infinite;
}

.slrs-contact__info-title {
  font-family: var(--ff-heading);
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  line-height: 1.15;
  margin: 0;
}
.slrs-contact__info-title span {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.slrs-contact__info-desc {
  font-size: var(--ffs-base);
  line-height: 1.7;
  color: var(--clr-text-muted);
  margin: 0;
  max-width: 520px;
}

.slrs-contact__info-cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__info-cards {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-cards {
    gap: var(--space-base-16);
  }
}

.slrs-contact__info-card {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__info-card {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-card {
    gap: var(--space-base-28);
  }
}
.slrs-contact__info-card {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact__info-card {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-card {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-contact__info-card {
  background: var(--contact-card-bg);
  border: 1px solid var(--contact-card-border);
  border-radius: var(--radius-2xl);
  text-decoration: none;
  box-shadow: var(--contact-card-shadow);
  backdrop-filter: blur(12px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact__info-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.6s ease;
  pointer-events: none;
}
.slrs-contact__info-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--contact-card-shadow-hover), 0 0 0 1px var(--clr-primary-op-15);
  border-color: var(--contact-info-border-hover);
  border-left-color: var(--clr-primary);
}
.slrs-contact__info-card:hover::after {
  left: 150%;
}
.slrs-contact__info-card:hover .slrs-contact__info-card-icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.08) rotate(-3deg);
  box-shadow: 0 6px 16px var(--clr-primary-op-30);
}
.slrs-contact__info-card:hover .slrs-contact__info-card-arrow {
  transform: translateX(6px);
  color: var(--clr-primary);
}
@media (max-width: 35.98em) {
  .slrs-contact__info-card {
    padding: var(--space-base-12) var(--space-base-16);
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-contact__info-card {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-contact__info-card {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-contact__info-card {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-contact__info-card {
    gap: var(--space-base-20);
  }
}

.slrs-contact__info-card-icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--clr-primary);
  background: var(--contact-card-icon-bg);
  border: 1px solid var(--clr-primary-op-12);
  border-radius: var(--radius-xl);
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.slrs-contact__info-card--email {
  border-left-color: var(--clr-accent);
}
.slrs-contact__info-card--email .slrs-contact__info-card-icon {
  background: linear-gradient(135deg, var(--clr-accent-op-12) 0%, var(--clr-accent-op-5) 100%);
  color: var(--clr-accent);
  border-color: var(--clr-accent-op-15);
}
.slrs-contact__info-card--email:hover {
  border-color: var(--contact-info-border-hover);
  border-left-color: var(--clr-accent);
}
.slrs-contact__info-card--email:hover .slrs-contact__info-card-icon {
  background: var(--clr-accent);
  color: var(--clr-white);
  box-shadow: 0 6px 16px var(--clr-accent-op-30);
}
.slrs-contact__info-card--email:hover .slrs-contact__info-card-arrow {
  color: var(--clr-accent);
}

.slrs-contact__info-card--location {
  border-left-color: var(--clr-success);
}
.slrs-contact__info-card--location .slrs-contact__info-card-icon {
  background: linear-gradient(135deg, var(--clr-success-op-12) 0%, var(--clr-success-op-5) 100%);
  color: var(--clr-success);
  border-color: var(--clr-success-op-15);
}
.slrs-contact__info-card--location:hover {
  border-color: var(--contact-info-border-hover);
  border-left-color: var(--clr-success);
}
.slrs-contact__info-card--location:hover .slrs-contact__info-card-icon {
  background: var(--clr-success);
  color: var(--clr-white);
  box-shadow: 0 6px 16px var(--clr-success-op-30);
}
.slrs-contact__info-card--location:hover .slrs-contact__info-card-arrow {
  color: var(--clr-success);
}

.slrs-contact__info-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.slrs-contact__info-card-label {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.slrs-contact__info-card-value {
  font-size: 1.05rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.3;
}

.slrs-contact__info-card-sub {
  font-size: var(--ffs-xs);
  color: var(--clr-text-subtle);
}

.slrs-contact__info-card-arrow {
  color: var(--clr-text-muted);
  font-size: 0.85rem;
  transition: transform 0.3s ease, color 0.3s ease;
  flex-shrink: 0;
}

.slrs-contact__trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__trust-row {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__trust-row {
    gap: var(--space-base-16);
  }
}
.slrs-contact__trust-row {
  padding: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-contact__trust-row {
    padding: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-contact__trust-row {
    padding: var(--space-base-28) 0;
  }
}
.slrs-contact__trust-row {
  border-top: 1px dashed var(--contact-trust-border);
  border-bottom: 1px dashed var(--contact-trust-border);
}

.slrs-contact__trust-badge {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact__trust-badge {
    gap: var(--space-base-10);
  }
}
.slrs-contact__trust-badge {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__trust-badge {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__trust-badge {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-contact__trust-badge {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  background: var(--contact-trust-bg);
  border: 1px solid var(--contact-trust-border);
  border-radius: var(--radius-full);
  transition: border-color 0.3s ease, background 0.3s ease;
}
.slrs-contact__trust-badge:hover {
  border-color: var(--contact-trust-border-hover);
  background: var(--contact-trust-hover-bg);
}
.slrs-contact__trust-badge i {
  color: var(--clr-success);
  font-size: 0.85rem;
}

.slrs-contact__trust-stars {
  display: inline-flex;
  gap: 1px;
  color: var(--clr-accent);
  font-size: 0.65rem;
}

.slrs-contact__emergency {
  position: relative;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact__emergency {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency {
    padding: var(--space-base-40);
  }
}
.slrs-contact__emergency {
  background: var(--contact-emergency-bg);
  border: 1px solid var(--contact-emergency-border);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact__emergency:hover {
  transform: translateY(-3px);
  box-shadow: var(--contact-emergency-shadow-hover);
  border-color: var(--contact-emergency-border-hover);
}

.slrs-contact__emergency-glow {
  position: absolute;
  top: -40%;
  right: -15%;
  width: 180px;
  height: 180px;
  background: var(--contact-emergency-glow);
  pointer-events: none;
  z-index: 0;
}

.slrs-contact__emergency-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-header {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-header {
    gap: var(--space-base-16);
  }
}
.slrs-contact__emergency-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-contact__emergency-header {
  position: relative;
  z-index: 1;
}

.slrs-contact__emergency-status {
  position: relative;
  width: 10px;
  height: 10px;
}

.slrs-contact__emergency-dot {
  position: absolute;
  inset: 0;
  background: #ef4444;
  border-radius: 50%;
  box-shadow: 0 0 6px #ef4444;
}

.slrs-contact__emergency-ping {
  position: absolute;
  inset: -5px;
  border: 2px solid rgba(239, 68, 68, 0.6);
  border-radius: 50%;
  animation: slrs-emergency-ping 2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.slrs-contact__emergency-badge {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ef4444;
}

.slrs-contact__emergency-body {
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-body {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-body {
    margin-bottom: var(--space-base-28);
  }
}

.slrs-contact__emergency-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-title {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-title {
    gap: var(--space-base-16);
  }
}
.slrs-contact__emergency-title {
  margin: 0 0 var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact__emergency-title {
    margin: 0 0 var(--space-base-10);
  }
}
.slrs-contact__emergency-title {
  font-size: 1.15rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-contact__emergency-title i {
  color: #ef4444;
  font-size: 1rem;
}

.slrs-contact__emergency-desc {
  margin: 0;
  font-size: var(--ffs-sm);
  line-height: 1.6;
  color: var(--clr-text-muted);
}

.slrs-contact__emergency-cta {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-cta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-cta {
    gap: var(--space-base-20);
  }
}
.slrs-contact__emergency-cta {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__emergency-cta {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__emergency-cta {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-contact__emergency-cta {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-radius: var(--radius-xl);
  text-decoration: none;
  color: var(--clr-white);
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.3);
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-contact__emergency-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
  pointer-events: none;
}
.slrs-contact__emergency-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(239, 68, 68, 0.4);
  color: var(--clr-white);
}
.slrs-contact__emergency-cta:hover::after {
  left: 150%;
}
.slrs-contact__emergency-cta:hover .slrs-contact__emergency-cta-arrow {
  transform: translateX(4px);
}

.slrs-contact__emergency-cta-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-lg);
  font-size: 1rem;
}

.slrs-contact__emergency-cta-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.slrs-contact__emergency-cta-text small {
  font-size: var(--ffs-xs);
  opacity: 0.85;
  font-weight: var(--fw-medium);
}
.slrs-contact__emergency-cta-text strong {
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
}

.slrs-contact__emergency-cta-arrow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

@keyframes slrs-emergency-ping {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.slrs-contact__info-social {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__info-social {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-social {
    gap: var(--space-base-28);
  }
}

.slrs-contact__info-social-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__info-social-header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-social-header {
    gap: var(--space-base-20);
  }
}

.slrs-contact__info-social-label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.slrs-contact__info-social-line {
  flex: 1;
  height: 1px;
  background: var(--contact-social-line);
}

.slrs-contact__info-social-links {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__info-social-links {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-social-links {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-contact__info-social-links {
    flex-wrap: wrap;
  }
}
.slrs-contact__info-social-links a {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact__info-social-links a {
    gap: var(--space-base-10);
  }
}
.slrs-contact__info-social-links a {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__info-social-links a {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__info-social-links a {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-contact__info-social-links a {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  background: var(--contact-social-bg);
  border: 1px solid var(--contact-social-border);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact__info-social-links a i {
  font-size: 0.95rem;
  flex-shrink: 0;
}
.slrs-contact__info-social-links a span {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  white-space: nowrap;
}
@media (max-width: 47.98em) {
  .slrs-contact__info-social-links a span {
    display: none;
  }
}
.slrs-contact__info-social-links a:hover {
  color: var(--clr-white);
  transform: translateY(-3px);
}
.slrs-contact__info-social-links a[aria-label=Facebook]:hover {
  background: #1877f2;
  border-color: #1877f2;
  box-shadow: 0 8px 20px rgba(24, 119, 242, 0.35);
}
.slrs-contact__info-social-links a[aria-label=Instagram]:hover {
  background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  border-color: #e6683c;
  box-shadow: 0 8px 20px rgba(230, 104, 60, 0.35);
}
.slrs-contact__info-social-links a[aria-label=Google]:hover {
  background: #ea4335;
  border-color: #ea4335;
  box-shadow: 0 8px 20px rgba(234, 67, 53, 0.35);
}
.slrs-contact__info-social-links a[aria-label=LinkedIn]:hover {
  background: #0a66c2;
  border-color: #0a66c2;
  box-shadow: 0 8px 20px rgba(10, 102, 194, 0.35);
}

.slrs-contact__form-wrapper {
  position: sticky;
  top: 100px;
}
@media (max-width: 61.98em) {
  .slrs-contact__form-wrapper {
    position: static;
  }
}

.slrs-contact-form {
  position: relative;
  background: var(--contact-form-bg);
  border: 1px solid var(--contact-form-header-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--contact-form-shadow);
  backdrop-filter: blur(16px);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact-form::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 50%, var(--clr-primary) 100%);
  background-size: 200% 200%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.slrs-contact-form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(180deg, var(--clr-primary-op-5) 0%, transparent 100%);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  pointer-events: none;
  z-index: 0;
}
.slrs-contact-form:hover {
  transform: translateY(-4px);
  box-shadow: var(--contact-form-shadow-hover);
}

.slrs-contact-form__badge {
  position: absolute;
  top: -14px;
  right: var(--space-base-28);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__badge {
    gap: var(--space-base-10);
  }
}
.slrs-contact-form__badge {
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact-form__badge {
    padding: var(--space-base-8) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__badge {
    padding: var(--space-base-10) var(--space-base-28);
  }
}
.slrs-contact-form__badge {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-success), #22c55e);
  border-radius: var(--radius-full);
  box-shadow: 0 8px 20px var(--clr-success-op-40);
  z-index: 20;
  animation: slrs-contact-badge-float 3s ease-in-out infinite;
}

.slrs-contact-form__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact-form__header {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__header {
    gap: var(--space-base-28);
  }
}
.slrs-contact-form__header {
  padding: var(--space-base-20) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__header {
    padding: var(--space-base-24) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__header {
    padding: var(--space-base-28) var(--space-base-32);
  }
}
.slrs-contact-form__header {
  background: var(--contact-form-header-bg);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  position: relative;
  z-index: 1;
}
.slrs-contact-form__header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 3px;
  right: 3px;
  height: 1px;
  background: var(--contact-footer-border);
}
@media (max-width: 35.98em) {
  .slrs-contact-form__header {
    flex-direction: column;
    text-align: center;
    padding: var(--space-base-16) var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-contact-form__header {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-contact-form__header {
    padding: var(--space-base-28) var(--space-base-20);
  }
}

.slrs-contact-form__header-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: var(--radius-full);
  flex-shrink: 0;
  box-shadow: inset 0 2px 4px var(--clr-white-op-20);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-contact-form__header-icon:hover {
  transform: scale(1.08) rotate(5deg);
  background: var(--clr-primary);
  color: var(--clr-white);
}

.slrs-contact-form__header-content {
  flex: 1;
  min-width: 0;
}

.slrs-contact-form__title {
  margin: 0 0 var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-contact-form__title {
    margin: 0 0 var(--space-base-6);
  }
}
.slrs-contact-form__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: 800;
  color: var(--clr-text);
  background: linear-gradient(135deg, var(--clr-text) 30%, var(--clr-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.01em;
}

.slrs-contact-form__header-desc {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--clr-success);
  background: var(--clr-success-op-10);
  padding: 3px 10px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-success-op-20);
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.slrs-contact-form__header-desc::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-success);
  box-shadow: 0 0 6px var(--clr-success);
  animation: slrs-dot-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes slrs-dot-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.85);
  }
}
.slrs-contact-form__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__body {
    padding: var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__body {
    padding: var(--space-base-28);
  }
}
.slrs-contact-form__body {
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-contact-form__body {
    padding: var(--space-base-20);
    gap: var(--space-base-12);
  }
}

.slrs-contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact-form__row {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__row {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-contact-form__row {
    grid-template-columns: 1fr;
  }
}

.slrs-contact-form__group label {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__group label {
    gap: var(--space-base-10);
  }
}
.slrs-contact-form__group label {
  margin-bottom: var(--space-base-6);
}
@media (min-width: 48em) {
  .slrs-contact-form__group label {
    margin-bottom: var(--space-base-8);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group label {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-contact-form__group label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
}
.slrs-contact-form__group label .required {
  color: var(--clr-danger);
}
.slrs-contact-form__group input, .slrs-contact-form__group select, .slrs-contact-form__group textarea {
  width: 100%;
  padding: var(--space-base-10) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact-form__group input, .slrs-contact-form__group select, .slrs-contact-form__group textarea {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group input, .slrs-contact-form__group select, .slrs-contact-form__group textarea {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
.slrs-contact-form__group input, .slrs-contact-form__group select, .slrs-contact-form__group textarea {
  font-family: inherit;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  background-color: var(--contact-input-bg);
  border: 1px solid var(--contact-input-border);
  border-radius: var(--radius-lg);
  outline: none;
  box-shadow: inset 0 1px 2px var(--clr-smoke-op-2);
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-contact-form__group input::placeholder, .slrs-contact-form__group select::placeholder, .slrs-contact-form__group textarea::placeholder {
  color: var(--clr-text-subtle);
}
.slrs-contact-form__group input:hover, .slrs-contact-form__group select:hover, .slrs-contact-form__group textarea:hover {
  border-color: var(--contact-input-border-hover);
  background-color: var(--contact-input-bg-hover);
}
.slrs-contact-form__group input:focus, .slrs-contact-form__group select:focus, .slrs-contact-form__group textarea:focus {
  background-color: var(--contact-input-bg-focus);
  border-color: var(--clr-primary);
  box-shadow: var(--contact-input-shadow-focus);
}
.slrs-contact-form__group input:focus ~ .slrs-contact-form__input-icon, .slrs-contact-form__group select:focus ~ .slrs-contact-form__input-icon, .slrs-contact-form__group textarea:focus ~ .slrs-contact-form__input-icon {
  color: var(--clr-primary);
  transform: translateY(-50%) scale(1.15);
  filter: drop-shadow(0 0 4px var(--clr-primary-op-40));
}
.slrs-contact-form__group.has-icon input, .slrs-contact-form__group.has-icon select {
  padding-left: calc(var(--space-base-12) + 1.25rem);
}
@media (min-width: 48em) {
  .slrs-contact-form__group.has-icon input, .slrs-contact-form__group.has-icon select {
    padding-left: calc(var(--space-base-16) + 1.5rem);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group.has-icon input, .slrs-contact-form__group.has-icon select {
    padding-left: calc(var(--space-base-16) + 1.5rem);
  }
}
.slrs-contact-form__group select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-contact-form__group select {
    padding-right: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group select {
    padding-right: var(--space-base-72);
  }
}
.slrs-contact-form__group textarea {
  resize: vertical;
  min-height: 100px;
}
.slrs-contact-form__group--checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact-form__group--checkbox {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group--checkbox {
    gap: var(--space-base-16);
  }
}
.slrs-contact-form__group--checkbox {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact-form__group--checkbox {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group--checkbox {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-contact-form__group--checkbox {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact-form__group--checkbox {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group--checkbox {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-contact-form__group--checkbox {
  background: var(--contact-checkbox-bg);
  border-radius: var(--radius-lg);
  border: 2px solid var(--contact-checkbox-border);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.slrs-contact-form__group--checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  flex-shrink: 0;
  background: var(--contact-checkbox-check-bg, var(--clr-white));
  border: 2px solid var(--contact-checkbox-check-border, var(--clr-neutral-300));
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-contact-form__group--checkbox input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 11px;
  border: solid transparent;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-contact-form__group--checkbox input[type=checkbox]:hover {
  border-color: var(--clr-primary);
  background: var(--clr-primary-op-5);
}
.slrs-contact-form__group--checkbox input[type=checkbox]:checked {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  box-shadow: 0 2px 8px var(--clr-primary-op-30);
}
.slrs-contact-form__group--checkbox input[type=checkbox]:checked::after {
  border-color: var(--clr-white);
  transform: rotate(45deg) scale(1);
}
.slrs-contact-form__group--checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
}
.slrs-contact-form__group--checkbox label {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
  font-weight: var(--fw-regular);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  cursor: pointer;
  line-height: 1.6;
  user-select: none;
}
.slrs-contact-form__group--checkbox label a {
  color: var(--clr-primary);
  text-decoration: none;
  font-weight: var(--fw-medium);
}
.slrs-contact-form__group--checkbox label a:hover {
  text-decoration: underline;
}
.slrs-contact-form__group--checkbox label .required {
  color: var(--clr-danger);
}
.slrs-contact-form__group--checkbox .slrs-contact-form__error {
  flex-basis: 100%;
  margin-top: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-contact-form__group--checkbox .slrs-contact-form__error {
    margin-top: var(--space-base-8);
  }
}
.slrs-contact-form__group--checkbox .slrs-contact-form__error {
  padding-left: calc(22px + var(--space-base-8));
}
@media (min-width: 48em) {
  .slrs-contact-form__group--checkbox .slrs-contact-form__error {
    padding-left: calc(22px + var(--space-base-12));
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__group--checkbox .slrs-contact-form__error {
    padding-left: calc(22px + var(--space-base-16));
  }
}
.slrs-contact-form__group--checkbox:hover {
  border-color: var(--contact-input-border-hover);
}
.slrs-contact-form__group--checkbox:has(input:checked) {
  border-color: var(--contact-checkbox-checked-border);
  background: var(--contact-checkbox-checked-bg);
}

.slrs-contact-form__input-wrapper {
  position: relative;
}

.slrs-contact-form__input-icon {
  position: absolute;
  left: var(--space-base-20);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  transition: color 0.3s ease, transform 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.slrs-contact-form__footer {
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__footer {
    padding: var(--space-base-24) var(--space-base-28) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__footer {
    padding: var(--space-base-28) var(--space-base-32) var(--space-base-32);
  }
}
.slrs-contact-form__footer {
  background: var(--contact-footer-bg);
  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
  position: relative;
}
.slrs-contact-form__footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3px;
  right: 3px;
  height: 1px;
  background: var(--contact-footer-border);
}
.slrs-contact-form__footer {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact-form__footer {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__footer {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-contact-form__footer {
    padding: var(--space-base-20);
  }
}

.slrs-contact-form__submit-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact-form__submit-btn {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__submit-btn {
    gap: var(--space-base-16);
  }
}
.slrs-contact-form__submit-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: var(--contact-btn-bg);
  color: var(--contact-btn-color);
  border: none;
  font-weight: 700;
  border-radius: var(--radius-xl);
  box-shadow: var(--contact-btn-shadow);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, background 0.3s ease;
}
.slrs-contact-form__submit-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform: translateX(-100%) skewX(-30deg);
  pointer-events: none;
  z-index: 2;
  border-radius: inherit;
}
.slrs-contact-form__submit-btn:hover::after {
  transform: translateX(200%) skewX(-30deg);
  transition: transform 0.8s ease;
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-default,
.slrs-contact-form__submit-btn .slrs-contact-form__submit-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact-form__submit-btn .slrs-contact-form__submit-default,
  .slrs-contact-form__submit-btn .slrs-contact-form__submit-loading {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__submit-btn .slrs-contact-form__submit-default,
  .slrs-contact-form__submit-btn .slrs-contact-form__submit-loading {
    gap: var(--space-base-16);
  }
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-default,
.slrs-contact-form__submit-btn .slrs-contact-form__submit-loading {
  transition: opacity 0.2s ease;
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-loading {
  position: absolute;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  flex-shrink: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--contact-btn-color);
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-arrow i, .slrs-contact-form__submit-btn .slrs-contact-form__submit-arrow svg {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  transform: none !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important;
}
.slrs-contact-form__submit-btn .slrs-contact-form__submit-arrow::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro", "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: 900;
  position: absolute;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  opacity: 0;
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.slrs-contact-form__submit-btn:hover {
  transform: translateY(-3px);
  box-shadow: var(--contact-btn-shadow-hover);
  background: var(--contact-btn-hover);
}
.slrs-contact-form__submit-btn:hover .slrs-contact-form__submit-arrow {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgb(255, 255, 255);
  color: var(--contact-btn-arrow-color);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
.slrs-contact-form__submit-btn:hover .slrs-contact-form__submit-arrow i, .slrs-contact-form__submit-btn:hover .slrs-contact-form__submit-arrow svg {
  transform: translateX(150%) scale(0.8) !important;
  opacity: 0;
}
.slrs-contact-form__submit-btn:hover .slrs-contact-form__submit-arrow::after {
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  color: var(--contact-btn-arrow-color);
}
.slrs-contact-form__submit-btn:active {
  transform: translateY(-1px);
  box-shadow: var(--contact-btn-shadow);
}
.slrs-contact-form__submit-btn.is-loading {
  pointer-events: none;
  opacity: 0.85;
}
.slrs-contact-form__submit-btn.is-loading .slrs-contact-form__submit-default {
  opacity: 0;
}
.slrs-contact-form__submit-btn.is-loading .slrs-contact-form__submit-loading {
  opacity: 1;
}

.slrs-contact-form__footer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact-form__footer-meta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__footer-meta {
    gap: var(--space-base-20);
  }
}
.slrs-contact-form__footer-meta {
  flex-wrap: wrap;
}
@media (max-width: 35.98em) {
  .slrs-contact-form__footer-meta {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-contact-form__footer-meta {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-contact-form__footer-meta {
    gap: var(--space-base-16);
  }
}

.slrs-contact-form__security {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__security {
    gap: var(--space-base-10);
  }
}
.slrs-contact-form__security {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-contact-form__security i {
  color: var(--clr-success);
  font-size: 0.85rem;
}

.slrs-contact-form__response {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__response {
    gap: var(--space-base-10);
  }
}
.slrs-contact-form__response {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact-form__response {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__response {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-contact-form__response {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: var(--radius-full);
  white-space: nowrap;
}
.slrs-contact-form__response i {
  color: var(--clr-accent);
  font-size: 0.8rem;
}
.slrs-contact-form__response strong {
  font-weight: var(--fw-bold);
}

.slrs-contact-form__alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact-form__alert {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__alert {
    gap: var(--space-base-16);
  }
}
.slrs-contact-form__alert {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact-form__alert {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__alert {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-contact-form__alert {
  border-radius: var(--radius-lg);
  font-size: var(--ffs-sm);
  animation: slrs-contact-fade-in 0.3s ease-out;
}
.slrs-contact-form__alert i {
  flex-shrink: 0;
  margin-top: 2px;
}
.slrs-contact-form__alert--error {
  background: var(--clr-danger-op-10);
  border: 1px solid var(--clr-danger-op-30);
  color: var(--clr-danger);
}
.slrs-contact-form__alert--success {
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-30);
  color: var(--clr-success);
}
.slrs-contact-form__alert[hidden] {
  display: none;
}

.slrs-form-global-error {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-form-global-error {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-form-global-error {
    gap: var(--space-base-20);
  }
}
.slrs-form-global-error {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-form-global-error {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-form-global-error {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-form-global-error {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-form-global-error {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-form-global-error {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-form-global-error {
  background: linear-gradient(135deg, var(--clr-danger-op-10) 0%, var(--clr-danger-op-5) 100%);
  border: 1px solid var(--clr-danger-op-30);
  border-radius: var(--radius-xl);
  animation: slrs-contact-fade-in 0.3s ease-out;
}
.slrs-form-global-error__content {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-form-global-error__content {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-form-global-error__content {
    gap: var(--space-base-16);
  }
}
.slrs-form-global-error__content {
  flex: 1;
}
.slrs-form-global-error__content i {
  color: var(--clr-danger);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.slrs-form-global-error__content span {
  color: var(--clr-danger);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
}
.slrs-form-global-error__close {
  background: none;
  border: none;
  color: var(--clr-danger);
  cursor: pointer;
  padding: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-form-global-error__close {
    padding: var(--space-base-10);
  }
}
.slrs-form-global-error__close {
  font-size: 1rem;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.slrs-form-global-error__close:hover {
  opacity: 1;
}

.slrs-contact-form__success {
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-contact-form__success {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success {
    padding: var(--space-base-72);
  }
}
.slrs-contact-form__success {
  text-align: center;
  animation: slrs-contact-fade-in 0.5s ease-out;
}
.slrs-contact-form__success[hidden] {
  display: none;
}
.slrs-contact-form__success h3 {
  margin: 0 0 var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact-form__success h3 {
    margin: 0 0 var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success h3 {
    margin: 0 0 var(--space-base-16);
  }
}
.slrs-contact-form__success h3 {
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-contact-form__success p {
  margin: 0 0 var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__success p {
    margin: 0 0 var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success p {
    margin: 0 0 var(--space-base-40);
  }
}
.slrs-contact-form__success p {
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  line-height: 1.7;
}

.slrs-contact-form__success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin: 0 auto var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__success-icon {
    margin: 0 auto var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success-icon {
    margin: 0 auto var(--space-base-40);
  }
}
.slrs-contact-form__success-icon {
  font-size: 2.5rem;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-success), #22c55e);
  border-radius: var(--radius-full);
  box-shadow: 0 10px 30px var(--clr-success-op-40);
  animation: slrs-contact-success-pop 0.6s var(--ease-bounce);
}

.slrs-contact-form__success-ref {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-contact-form__success-ref {
    gap: var(--space-base-8);
  }
}
.slrs-contact-form__success-ref {
  padding: var(--space-base-12) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-contact-form__success-ref {
    padding: var(--space-base-16) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success-ref {
    padding: var(--space-base-20) var(--space-base-56);
  }
}
.slrs-contact-form__success-ref {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-contact-form__success-ref {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-contact-form__success-ref {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-contact-form__success-ref {
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: var(--radius-xl);
}

.slrs-contact-form__success-ref-label {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.slrs-contact-form__success-ref-id {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  letter-spacing: 0.05em;
}

.slrs-contact-form__group.is-valid input, .slrs-contact-form__group.is-valid select, .slrs-contact-form__group.is-valid textarea {
  border-color: var(--clr-success) !important;
  background-color: var(--clr-success-op-5) !important;
}
.slrs-contact-form__group.is-valid .slrs-contact-form__input-icon {
  color: var(--clr-success) !important;
}
.slrs-contact-form__group.is-invalid input, .slrs-contact-form__group.is-invalid select, .slrs-contact-form__group.is-invalid textarea {
  border-color: var(--clr-danger) !important;
  background-color: var(--clr-danger-op-5) !important;
}
.slrs-contact-form__group.is-invalid label {
  color: var(--clr-danger) !important;
}
.slrs-contact-form__group.is-invalid .slrs-contact-form__input-icon {
  color: var(--clr-danger) !important;
}
.slrs-contact-form__group.is-invalid .slrs-contact-form__error {
  display: flex;
}

.slrs-contact-form__error {
  display: none;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__error {
    gap: var(--space-base-10);
  }
}
.slrs-contact-form__error {
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact-form__error {
    margin-top: var(--space-base-10);
  }
}
.slrs-contact-form__error {
  font-size: var(--ffs-xs);
  color: var(--clr-danger);
}
.slrs-contact-form__error i {
  flex-shrink: 0;
}

.slrs-contact-form__group--checkbox.is-invalid {
  border-color: var(--clr-danger) !important;
  background: var(--clr-danger-op-5) !important;
  animation: slrs-form-shake 0.5s ease-in-out;
}
.slrs-contact-form__group--checkbox.is-invalid label {
  color: var(--clr-danger) !important;
}
.slrs-contact-form__group--checkbox.is-invalid label a {
  color: var(--clr-danger) !important;
  text-decoration: underline !important;
}
.slrs-contact-form__group--checkbox.is-invalid input[type=checkbox] {
  border-color: var(--clr-danger) !important;
  background: var(--clr-danger-op-5) !important;
}
.slrs-contact-form__group--checkbox.is-invalid input[type=checkbox]:hover {
  border-color: var(--clr-danger) !important;
  background: var(--clr-danger-op-10) !important;
}
.slrs-contact-form__group--checkbox.is-invalid .slrs-contact-form__error {
  display: flex;
}
.slrs-contact-form__group--checkbox.is-valid {
  border-color: var(--clr-success-op-30) !important;
  background: var(--clr-success-op-5) !important;
}
.slrs-contact-form__group--checkbox.is-valid input[type=checkbox] {
  background: var(--clr-success) !important;
  border-color: var(--clr-success) !important;
  box-shadow: 0 2px 8px var(--clr-success-op-30) !important;
}
.slrs-contact-form__group--checkbox.is-valid input[type=checkbox]::after {
  border-color: var(--clr-white) !important;
  transform: rotate(45deg) scale(1) !important;
}
.slrs-contact-form__group--checkbox.is-valid label {
  color: var(--clr-text) !important;
}

.slrs-char-counter {
  text-align: right;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  margin-top: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-char-counter {
    margin-top: var(--space-base-8);
  }
}
.slrs-char-counter {
  transition: color 0.2s ease;
}
.slrs-char-counter.is-warning {
  color: var(--clr-warning);
}
.slrs-char-counter.is-danger {
  color: var(--clr-danger);
  font-weight: var(--fw-semibold);
}

.is-shake {
  animation: slrs-form-shake 0.6s ease-in-out;
}

@keyframes slrs-contact-dot-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}
@keyframes slrs-contact-badge-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes slrs-contact-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slrs-contact-success-pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slrs-form-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-4px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(4px);
  }
}
@keyframes slrs-contact-header-glow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes slrs-contact-icon-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
[data-theme=dark] .slrs-contact {
  --contact-panel-bg: rgba(8, 12, 24, 0.92);
  --contact-panel-border: rgba(255, 255, 255, 0.06);
  --contact-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --contact-glow-gradient: radial-gradient(circle, rgba(var(--clr-primary-rgb), 0.12) 0%, transparent 70%);
  --contact-tagline-bg: var(--clr-primary-op-15);
  --contact-tagline-border: var(--clr-primary-op-25);
  --contact-card-bg: rgba(255, 255, 255, 0.03);
  --contact-card-border: var(--clr-neutral-300);
  --contact-card-shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.3);
  --contact-trust-border: var(--clr-neutral-300);
  --contact-trust-bg: rgba(255, 255, 255, 0.03);
  --contact-trust-hover-bg: var(--clr-primary-op-10);
  --contact-trust-hover-border: var(--clr-primary-op-30);
  --contact-emergency-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.03) 100%);
  --contact-emergency-border: rgba(239, 68, 68, 0.25);
  --contact-emergency-shadow-hover: 0 16px 40px rgba(239, 68, 68, 0.15);
  --contact-emergency-glow: radial-gradient(circle, rgba(239, 68, 68, 0.18) 0%, transparent 70%);
  --contact-emergency-border-hover: rgba(239, 68, 68, 0.45);
  --contact-social-line: linear-gradient(90deg, var(--clr-neutral-400), transparent);
  --contact-social-bg: rgba(255, 255, 255, 0.03);
  --contact-social-border: var(--clr-neutral-300);
  --contact-form-bg: rgba(15, 23, 42, 0.92);
  --contact-form-shadow: 0 25px 50px var(--clr-smoke-op-40), 0 10px 20px var(--clr-smoke-op-30);
  --contact-form-header-bg: transparent;
  --contact-form-header-border: transparent;
  --contact-hero-bg: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.3) 100%);
  --contact-input-bg: rgba(255, 255, 255, 0.04);
  --contact-input-bg-hover: rgba(255, 255, 255, 0.08);
  --contact-input-bg-focus: rgba(15, 23, 42, 0.95);
  --contact-input-border: var(--clr-neutral-300);
  --contact-input-border-hover: var(--clr-neutral-400);
  --contact-checkbox-bg: var(--clr-neutral-200);
  --contact-checkbox-border: var(--clr-neutral-300);
  --contact-checkbox-check-bg: var(--clr-neutral-300);
  --contact-checkbox-check-border: var(--clr-neutral-400);
  --contact-checkbox-checked-bg: var(--clr-primary-op-10);
  --contact-checkbox-checked-border: var(--clr-primary-op-30);
  --contact-bento-border: var(--clr-neutral-300);
  --contact-footer-bg: transparent;
  --contact-footer-border: var(--clr-glass-op-10);
}
[data-theme=dark] .slrs-contact-form__title {
  background: linear-gradient(135deg, var(--clr-white) 30%, var(--clr-primary) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

@media (prefers-reduced-motion: reduce) {
  .slrs-contact-form__badge,
  .slrs-contact__info-tagline-dot,
  .slrs-contact-form::before,
  .slrs-contact-form__success-icon {
    animation: none !important;
  }
  .slrs-contact__info-card,
  .slrs-contact-form,
  .slrs-contact-form__group input,
  .slrs-contact-form__group select,
  .slrs-contact-form__group textarea,
  .slrs-contact-form__submit-btn,
  .slrs-contact-form__submit-btn .slrs-contact-form__submit-arrow {
    transition: none !important;
  }
  .slrs-contact__info-card:hover,
  .slrs-contact-form:hover {
    transform: none !important;
  }
  .slrs-contact-form__submit-btn:hover .slrs-contact-form__submit-arrow {
    transform: none !important;
  }
}
.slrs-contact__info-card:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 3px;
}

.slrs-contact-form__group input:focus-visible,
.slrs-contact-form__group select:focus-visible,
.slrs-contact-form__group textarea:focus-visible {
  outline: none;
}

.slrs-contact-form__submit-btn:focus-visible {
  outline: 2px solid var(--clr-white);
  outline-offset: 4px;
}

.slrs-contact-map-section {
  --contact-map-border: var(--clr-neutral-200);
  --contact-map-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.04);
  --contact-map-shadow-hover: 0 30px 60px rgb(var(--clr-primary-rgb) / 0.12), 0 12px 32px rgba(0, 0, 0, 0.06);
  --contact-map-border-hover: var(--clr-primary-op-40);
  --contact-map-glow: linear-gradient(135deg, var(--clr-primary-op-20), var(--clr-accent-op-20));
  --contact-map-iframe-filter: grayscale(30%) brightness(0.96) contrast(1.02);
  --contact-map-iframe-filter-hover: grayscale(0%) brightness(1) contrast(1);
  --contact-map-card-bg: var(--clr-glass-op-90);
  --contact-map-card-border: var(--clr-neutral-200);
  --contact-map-card-shadow: 0 16px 40px var(--clr-smoke-op-10), 0 4px 12px var(--clr-smoke-op-4);
  --contact-map-card-shadow-hover: 0 20px 48px var(--clr-smoke-op-14), 0 8px 20px var(--clr-smoke-op-6);
  --contact-map-card-header: linear-gradient(135deg, var(--clr-primary-op-6) 0%, transparent 100%);
  --contact-map-expand-bg: var(--clr-glass-op-90);
  --contact-map-expand-border: var(--clr-neutral-200);
  --contact-map-expand-arrow-bg: var(--clr-primary-op-10);
  position: relative;
}

.slrs-sec-tagline--glowing {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  padding: var(--tag-padding-y, 4px) var(--tag-padding-x, 12px);
  background: var(--clr-primary-op-10);
  border: 1px solid transparent;
  border-radius: var(--tag-radius, 50px);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--ff-body);
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.slrs-sec-tagline--glowing i {
  font-size: 1.1em;
  color: var(--clr-white);
}

.slrs-contact-map__subtitle {
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.slrs-contact__map-container {
  position: relative;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  border: 1px solid var(--contact-map-border);
  box-shadow: var(--contact-map-shadow);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact__map-container::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: var(--contact-map-glow);
  filter: blur(40px);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-contact__map-container iframe {
  width: 100%;
  height: 500px;
  display: block;
  border: 0;
  filter: var(--contact-map-iframe-filter);
  transform: scale(1.001);
  transition: filter 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
@media (max-width: 47.98em) {
  .slrs-contact__map-container iframe {
    height: 400px;
  }
}
@media (max-width: 35.98em) {
  .slrs-contact__map-container iframe {
    height: 320px;
  }
}
.slrs-contact__map-container:hover:not(.active-map) {
  transform: translateY(-6px);
  box-shadow: var(--contact-map-shadow-hover);
  border-color: var(--contact-map-border-hover);
}
.slrs-contact__map-container:hover:not(.active-map)::after {
  opacity: 1;
}
.slrs-contact__map-container:hover:not(.active-map) iframe {
  filter: var(--contact-map-iframe-filter-hover);
  transform: scale(1.02);
}
.slrs-contact__map-container:hover:not(.active-map) .slrs-contact__map-border-glow {
  opacity: 1;
  animation: slrs-contact-header-glow 4s linear infinite;
}
.slrs-contact__map-container.active-map {
  box-shadow: var(--contact-map-shadow-hover);
  border-color: var(--contact-map-border-hover);
}
.slrs-contact__map-container.active-map::after {
  opacity: 1;
}
.slrs-contact__map-container.active-map iframe {
  filter: var(--contact-map-iframe-filter-hover);
  pointer-events: auto;
}
.slrs-contact__map-container.active-map .slrs-contact__map-border-glow {
  opacity: 1;
  animation: slrs-contact-header-glow 4s linear infinite;
}

.slrs-contact__map-border-glow {
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 33%, var(--clr-secondary) 66%, var(--clr-primary) 100%);
  background-size: 300% 300%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.slrs-contact__map-info-card {
  position: absolute;
  top: 88px;
  right: var(--space-base-28);
  left: auto;
  z-index: 15;
  width: 320px;
  background: var(--contact-map-card-bg);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--clr-white-op-10);
  border-radius: var(--radius-2xl);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, border-color 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.slrs-contact__map-info-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 1px var(--clr-white-op-30);
  pointer-events: none;
  z-index: 2;
}
.slrs-contact__map-info-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(var(--clr-primary-rgb), 0.15) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
.slrs-contact__map-info-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--contact-map-card-shadow-hover);
  border-color: var(--clr-primary-op-35);
}
.slrs-contact__map-info-card:hover .slrs-contact__map-info-logo {
  transform: scale(1.06) rotate(5deg);
  box-shadow: 0 6px 16px var(--clr-primary-op-40);
}
@media (max-width: 47.98em) {
  .slrs-contact__map-info-card {
    width: 260px;
    top: var(--space-base-20);
    right: var(--space-base-20);
    left: auto;
  }
}
@media (max-width: 35.98em) {
  .slrs-contact__map-info-card {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - 32px);
    margin: var(--space-base-24) auto 0;
    border-radius: var(--radius-2xl);
    background: var(--contact-map-card-bg);
    border: 1px solid var(--contact-map-card-border);
    box-shadow: var(--contact-map-card-shadow);
  }
  .slrs-contact__map-info-card::after {
    display: none;
  }
}

.slrs-contact__map-info-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__map-info-header {
    gap: var(--space-base-16);
  }
}
.slrs-contact__map-info-header {
  padding: var(--space-base-20) var(--space-base-16) var(--space-base-12);
  position: relative;
  border-bottom: 1px solid var(--clr-primary-op-8);
}

.slrs-contact__map-info-logo {
  position: absolute;
  top: -20px;
  left: 20px;
  z-index: 5;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full);
  box-shadow: 0 8px 24px var(--clr-primary-op-40), inset 0 2px 2px rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
}

.slrs-contact__map-info-title {
  margin-left: 56px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-contact__map-info-title strong {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.2;
}
.slrs-contact__map-info-title span {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: var(--fw-medium);
}

.slrs-contact__map-info-body {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__map-info-body {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-info-body {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-contact__map-info-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__map-info-body {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-info-body {
    gap: var(--space-base-16);
  }
}

.slrs-contact__map-info-row {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  padding: var(--space-base-8) var(--space-base-12);
  border-radius: var(--radius-md);
  transition: background 0.3s ease, transform 0.3s ease;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
}
.slrs-contact__map-info-row:hover {
  background: var(--clr-primary-op-5);
  transform: translateX(4px);
}
.slrs-contact__map-info-row i {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  border-radius: 8px;
  color: var(--clr-primary);
  font-size: 1rem;
  box-shadow: none;
}
.slrs-contact__map-info-row a {
  color: var(--clr-primary);
  text-decoration: none;
  font-weight: var(--fw-semibold);
  transition: color 0.2s ease;
}
.slrs-contact__map-info-row a:hover {
  color: var(--clr-accent);
}

.slrs-contact__map-info-footer {
  padding: var(--space-base-8) var(--space-base-16) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__map-info-footer {
    padding: var(--space-base-12) var(--space-base-20) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-info-footer {
    padding: var(--space-base-16) var(--space-base-28) var(--space-base-28);
  }
}

.slrs-contact__map-directions-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-contact__map-directions-btn {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-directions-btn {
    gap: var(--space-base-16);
  }
}
.slrs-contact__map-directions-btn {
  width: 100%;
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__map-directions-btn {
    padding: var(--space-base-12) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-directions-btn {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
.slrs-contact__map-directions-btn {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  border: none;
  border-radius: var(--radius-lg);
  text-decoration: none;
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, background 0.3s ease;
  position: relative;
  overflow: hidden;
}
.slrs-contact__map-directions-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform: translateX(-100%) skewX(-30deg);
  pointer-events: none;
  transition: none;
}
.slrs-contact__map-directions-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px var(--clr-primary-op-45), 0 0 0 1px rgba(var(--clr-primary-rgb), 0.2);
  color: var(--clr-white);
}
.slrs-contact__map-directions-btn:hover::after {
  transform: translateX(200%) skewX(-30deg);
  transition: transform 0.8s ease;
}
.slrs-contact__map-directions-btn:hover i {
  transform: translate3d(3px, -2px, 0) scale(1.1);
}
.slrs-contact__map-directions-btn i {
  font-size: 0.85rem;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.slrs-contact__map-pin-badge {
  position: absolute;
  top: var(--space-base-28);
  right: var(--space-base-28);
  z-index: 15;
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-contact__map-pin-badge {
    gap: var(--space-base-10);
  }
}
.slrs-contact__map-pin-badge {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-contact__map-pin-badge {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-contact__map-pin-badge {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-contact__map-pin-badge {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-danger), #dc2626);
  border-radius: var(--radius-full);
  box-shadow: 0 6px 16px var(--clr-danger-op-40);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-contact__map-pin-badge {
    display: none;
  }
}
.slrs-contact__map-pin-badge {
  animation: slrs-contact-badge-float 3s ease-in-out infinite;
}
.slrs-contact__map-pin-badge:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 20px var(--clr-danger-op-50);
}
.slrs-contact__map-pin-badge i {
  font-size: 0.75rem;
}
@media (max-width: 35.98em) {
  .slrs-contact__map-pin-badge {
    display: none;
  }
}

.slrs-contact__map-expand-bar {
  position: absolute;
  bottom: var(--space-base-24);
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-16);
  padding: var(--space-base-10) var(--space-base-12) var(--space-base-10) var(--space-base-20);
  background: var(--contact-map-expand-bg);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--clr-white-op-10);
  border-radius: var(--radius-full);
  box-shadow: 0 12px 32px var(--clr-smoke-op-14), inset 0 1px 1px var(--clr-white-op-40);
  color: var(--clr-text);
  text-decoration: none;
  z-index: 10;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.slrs-contact__map-expand-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, transparent 50%, rgba(var(--clr-primary-rgb), 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.slrs-contact__map-expand-bar:hover {
  transform: translateX(-50%) scale(1.02);
  box-shadow: 0 16px 40px var(--clr-smoke-op-20), inset 0 1px 1px var(--clr-white-op-60);
  color: var(--clr-primary);
}
.slrs-contact__map-expand-bar:hover .slrs-contact__map-expand-arrow {
  background: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: 0 4px 12px var(--clr-primary-op-40);
  transform: translateX(2px);
}

.slrs-contact__map-expand-label {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
}
.slrs-contact__map-expand-label i {
  font-size: 0.9rem;
  color: var(--clr-primary);
}

.slrs-contact__map-expand-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  color: var(--clr-primary);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme=dark] .slrs-contact-map-section {
  --contact-map-border: var(--clr-neutral-300);
  --contact-map-shadow: 0 20px 50px var(--clr-smoke-op-35);
  --contact-map-shadow-hover: 0 30px 60px var(--clr-primary-op-25);
  --contact-map-border-hover: var(--clr-primary-op-50);
  --contact-map-glow: linear-gradient(135deg, var(--clr-primary-op-35), var(--clr-accent-op-35));
  --contact-map-iframe-filter: grayscale(50%) invert(92%) hue-rotate(180deg) brightness(0.8) contrast(1.1);
  --contact-map-iframe-filter-hover: grayscale(20%) invert(92%) hue-rotate(180deg) brightness(0.9) contrast(1.1);
  --contact-map-card-bg: rgba(15, 23, 42, 0.95);
  --contact-map-card-border: var(--clr-neutral-300);
  --contact-map-card-shadow: 0 16px 40px var(--clr-smoke-op-35), 0 4px 12px var(--clr-smoke-op-20);
  --contact-map-card-header: linear-gradient(135deg, var(--clr-primary-op-10) 0%, transparent 100%);
  --contact-map-expand-bg: rgba(15, 23, 42, 0.95);
  --contact-map-expand-border: var(--clr-neutral-300);
  --contact-map-expand-arrow-bg: var(--clr-primary-op-15);
}

@media (forced-colors: active) {
  .slrs-contact-form {
    border: 2px solid CanvasText;
  }
  .slrs-contact-form::before, .slrs-contact-form::after {
    display: none;
  }
  .slrs-contact-form__badge {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-contact-form__header-icon {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-contact-form__group input,
  .slrs-contact-form__group select,
  .slrs-contact-form__group textarea {
    border: 2px solid CanvasText;
  }
  .slrs-contact-form__group--checkbox {
    border: 2px solid CanvasText;
  }
  .slrs-contact-form__submit-btn {
    border: 2px solid CanvasText;
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  .slrs-contact__info-card {
    border: 2px solid CanvasText;
  }
  .slrs-contact__info-card-icon {
    border: 1px solid CanvasText;
  }
}
@media print {
  .slrs-contact {
    background: white !important;
    padding: 2rem 0 !important;
  }
  .slrs-contact-form {
    background: white !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  .slrs-contact-form::before, .slrs-contact-form::after {
    display: none !important;
  }
  .slrs-contact-form__badge {
    animation: none !important;
    box-shadow: none !important;
  }
  .slrs-contact-form__header {
    background: #f9f9f9 !important;
    border-color: #ccc !important;
  }
  .slrs-contact-form__group input,
  .slrs-contact-form__group select,
  .slrs-contact-form__group textarea {
    border: 1px solid #ccc !important;
    background: white !important;
  }
  .slrs-contact-form__footer {
    background: #f5f5f5 !important;
    border-color: #ccc !important;
  }
  .slrs-contact-form__submit-btn {
    background: #333 !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  .slrs-contact__info-card {
    background: white !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
}
.slrs-contact__info-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__info-grid {
    gap: var(--space-base-20);
  }
}

.slrs-contact__bento-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-contact__bento-row {
    gap: var(--space-base-20);
  }
}

.slrs-contact__bento-box {
  background: var(--contact-form-bg);
  border: 1px solid var(--contact-bento-border);
  border-radius: var(--radius-xl);
  padding: var(--space-base-24);
  box-shadow: var(--contact-form-shadow);
  backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;
  position: relative;
  overflow: hidden;
}
.slrs-contact__bento-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 1px var(--clr-white-op-20);
  pointer-events: none;
  z-index: 2;
}
.slrs-contact__bento-box--hero {
  padding: var(--space-base-32) var(--space-base-24);
  border-radius: var(--radius-2xl);
  gap: var(--space-base-16);
  background: var(--contact-hero-bg);
  box-shadow: var(--contact-form-shadow);
}
.slrs-contact__bento-box--hero::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle at center, var(--clr-primary-op-10) 0%, transparent 60%);
  animation: slrs-bento-ambient-spin 15s linear infinite;
  z-index: 0;
  pointer-events: none;
}
.slrs-contact__bento-box--hero > * {
  position: relative;
  z-index: 1;
}
.slrs-contact__bento-box--quick {
  justify-content: space-between;
  gap: var(--space-base-24);
}
.slrs-contact__bento-box--location {
  flex-direction: row;
  align-items: center;
  gap: var(--space-base-20);
}
.slrs-contact__bento-box--footer {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-16) var(--space-base-24);
  border-radius: var(--radius-lg);
}
.slrs-contact__bento-box--hoverable:hover {
  transform: translateY(-4px);
  box-shadow: var(--contact-form-shadow-hover);
  border-color: var(--clr-primary-op-40);
  background: var(--contact-input-bg);
}
.slrs-contact__bento-box--hoverable:hover .slrs-contact__bento-arrow {
  transform: translate(4px, -4px);
  color: var(--clr-primary);
}
.slrs-contact__bento-box--hoverable:hover .slrs-contact__bento-icon {
  transform: scale(1.15) rotate(8deg);
  background: var(--clr-primary-op-25);
  box-shadow: 0 8px 24px var(--clr-primary-op-25);
}

.slrs-contact__bento-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.slrs-contact__bento-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--clr-primary-op-15) 0%, var(--clr-primary-op-5) 100%);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border: 1px solid var(--clr-primary-op-20);
  box-shadow: 0 4px 16px var(--clr-primary-op-15);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease, box-shadow 0.4s ease;
}

.slrs-contact__bento-arrow {
  color: var(--clr-text-muted);
  font-size: 20px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease;
}

.slrs-contact__bento-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.slrs-contact__bento-label {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slrs-contact__bento-value {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}

.slrs-contact__bento-sub {
  font-size: var(--ffs-xs);
  color: var(--clr-text-subtle);
}

.slrs-contact__trust-mini {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
}
.slrs-contact__trust-mini .slrs-contact__trust-stars {
  color: #f59e0b;
  font-size: 14px;
  display: flex;
  gap: 2px;
}

.slrs-contact__social-mini {
  display: flex;
  gap: 8px;
}
.slrs-contact__social-mini .slrs-contact__social-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-20);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-primary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.slrs-contact__social-mini .slrs-contact__social-icon:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
  transform: translateY(-2px);
}

@keyframes slrs-bento-ambient-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*====================
26. Error css 
======================*/
/* ──────────────────────────────────────────────────────── */
/* Ultra Premium 404 Error Page (slrs-error)               */
/* ──────────────────────────────────────────────────────── */
.slrs-error {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--space-base-120) 0;
  background: var(--clr-bg);
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-error {
    padding: var(--space-base-80) 0;
    min-height: 70vh;
  }
}
.slrs-error__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.slrs-error {
  /* Giant glowing solar eclipse effect */
}
.slrs-error__eclipse {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle at center, transparent 40%, var(--clr-primary) 70%, var(--clr-accent) 100%);
  opacity: 0.15;
  filter: blur(40px);
  animation: slrs-error-pulse 8s ease-in-out infinite alternate;
}
.slrs-error__eclipse::after {
  content: "";
  position: absolute;
  inset: 20%;
  border-radius: 50%;
  background: var(--clr-bg);
  filter: blur(20px);
}
.slrs-error__grid-pattern {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(150, 150, 150, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 150, 150, 0.05) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, transparent 70%);
  transform: perspective(1000px) rotateX(60deg) scale(2.5) translateY(-50px);
  animation: slrs-error-grid 30s linear infinite;
}
.slrs-error__content {
  position: relative;
  z-index: 10;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slrs-error__code-wrap {
  position: relative;
  margin-bottom: var(--space-base-24);
  display: inline-block;
  perspective: 1000px;
}
.slrs-error__code {
  display: inline-block;
  font-size: clamp(120px, 22vw, 280px);
  font-weight: 900;
  line-height: 0.8;
  letter-spacing: -8px;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 2;
  animation: slrs-error-float 6s ease-in-out infinite;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  /* Inner sweeping light scan */
}
.slrs-error__code::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, var(--clr-primary) 45%, var(--clr-accent) 55%, transparent 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: slrs-error-shine 4s linear infinite;
  z-index: 1;
  opacity: 0.8;
  pointer-events: none;
}
.slrs-error__code {
  /* Outer glowing echo layer */
}
.slrs-error__code::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-stroke: 1px var(--clr-primary);
  z-index: -1;
  transform: translate(-10px, 15px) scale(0.95);
  filter: blur(8px);
  opacity: 0.6;
  animation: slrs-error-pulse-echo 4s ease-in-out infinite alternate;
}
.slrs-error__glass-card {
  background: transparent;
  border-radius: 32px;
  padding: var(--space-base-48) var(--space-base-40);
  max-width: 600px;
  width: 100%;
  position: relative;
  z-index: 5;
  margin-top: -60px; /* Overlap the 404 */
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
  /* Rotating Edge Highlight */
}
.slrs-error__glass-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent 60%, var(--clr-primary) 80%, var(--clr-accent) 100%);
  animation: slrs-error-border-spin 6s linear infinite;
  z-index: -2;
}
.slrs-error__glass-card {
  /* Dark Frosted Glass Core */
}
.slrs-error__glass-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  background: linear-gradient(135deg, rgba(15, 20, 30, 0.8), rgba(5, 8, 15, 0.95));
  border-radius: 31px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  z-index: -1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.slrs-error__glass-card {
  /* Ensure content stays above pseudo-elements */
}
.slrs-error__glass-card > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 47.98em) {
  .slrs-error__glass-card {
    padding: var(--space-base-32) var(--space-base-24);
    margin-top: -30px;
  }
}
.slrs-error__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-10);
  padding: var(--space-base-8) var(--space-base-24);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-25);
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--clr-primary);
  margin-bottom: var(--space-base-24);
  box-shadow: 0 5px 15px var(--clr-primary-op-15);
}
.slrs-error__badge i {
  font-size: 14px;
}
.slrs-error__title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--clr-white);
  margin-bottom: var(--space-base-16);
  letter-spacing: -1px;
}
.slrs-error__title-highlight {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}
.slrs-error__desc {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 auto var(--space-base-32);
}
.slrs-error__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-base-16);
  margin-bottom: var(--space-base-40);
}
.slrs-error__quick-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-error__quick-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.5);
}
.slrs-error__quick-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-base-10);
}
.slrs-error__quick-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--clr-white);
  padding: var(--space-base-8) var(--space-base-20);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-error__quick-link:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px var(--clr-primary-op-35);
}

@keyframes slrs-error-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}
@keyframes slrs-error-grid {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 80px;
  }
}
@keyframes slrs-error-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes slrs-error-shine {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}
@keyframes slrs-error-pulse-echo {
  0% {
    opacity: 0.3;
    transform: translate(-5px, 10px) scale(0.98);
    filter: blur(6px);
  }
  100% {
    opacity: 0.7;
    transform: translate(-15px, 20px) scale(1.02);
    filter: blur(12px);
  }
}
@keyframes slrs-error-border-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*====================
Term & Privacy CSS
======================*/
.slrs-legal {
  --legal-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --legal-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --legal-transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --legal-sidebar-width: 300px;
  --legal-card-radius: var(--radius-2xl);
  --legal-card-bg: var(--clr-surface-void);
  --legal-card-border: var(--clr-neutral-200);
}

.slrs-legal {
  position: relative;
  padding: var(--space-base-48) 0;
}
@media (min-width: 48em) {
  .slrs-legal {
    padding: var(--space-base-80) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal {
    padding: var(--space-base-120) 0;
  }
}
.slrs-legal {
  background: var(--clr-bg);
}
.slrs-legal > .container,
.slrs-legal > [class*=container] {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-legal {
    padding: var(--space-base-40) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-legal {
    padding: var(--space-base-64) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-legal {
    padding: var(--space-base-96) 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-legal {
    padding: var(--space-base-32) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-legal {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-legal {
    padding: var(--space-base-72) 0;
  }
}
.slrs-legal::before {
  display: none !important;
}
.slrs-legal::after {
  display: none !important;
}

.slrs-legal__decor {
  display: none !important;
}

.slrs-legal__decor-line {
  position: absolute;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--clr-primary-op-5) 20%, var(--clr-primary-op-10) 50%, var(--clr-primary-op-5) 80%, transparent 100%);
}
.slrs-legal__decor-line--1 {
  left: 10%;
}
.slrs-legal__decor-line--2 {
  left: 50%;
}
.slrs-legal__decor-line--3 {
  left: 90%;
}
@media (max-width: 47.98em) {
  .slrs-legal__decor-line {
    display: none;
  }
}

.slrs-legal__grid {
  display: grid;
  grid-template-columns: var(--legal-sidebar-width) 1fr;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__grid {
    gap: var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-legal__grid {
    gap: var(--space-base-32);
  }
}
.slrs-legal__grid {
  align-items: start;
}
@media (max-width: 61.98em) {
  .slrs-legal__grid {
    grid-template-columns: 1fr;
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-legal__grid {
    gap: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-legal__grid {
    gap: var(--space-base-40);
  }
}

.slrs-legal__sidebar {
  position: sticky;
  top: 140px;
}
@media (max-width: 61.98em) {
  .slrs-legal__sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100vh;
    height: 100dvh;
    z-index: 2000;
    background: var(--legal-card-bg);
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    margin: 0;
    overflow-y: auto;
    display: block;
  }
  .slrs-legal__sidebar.open {
    transform: translateX(0);
  }
}

.slrs-legal__sidebar-toggle {
  display: none;
}
@media (max-width: 61.98em) {
  .slrs-legal__sidebar-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 20px;
    bottom: 100px;
    width: 52px;
    height: 52px;
    border-radius: var(--radius-full);
    background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
    color: var(--clr-white);
    border: none;
    box-shadow: 0 4px 20px rgba(22, 101, 52, 0.3);
    z-index: 1999;
    cursor: pointer;
    transition: transform var(--legal-transition-bounce), box-shadow var(--legal-transition);
  }
  .slrs-legal__sidebar-toggle i {
    font-size: 1.25rem;
    transition: transform var(--legal-transition);
  }
  .slrs-legal__sidebar-toggle:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(22, 101, 52, 0.4);
  }
  .slrs-legal__sidebar-toggle:active {
    transform: scale(0.95);
  }
}

.slrs-legal__sidebar-overlay {
  display: none;
}
@media (max-width: 61.98em) {
  .slrs-legal__sidebar-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 1040;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .slrs-legal__sidebar-overlay.open {
    opacity: 1;
    pointer-events: auto;
  }
}

.slrs-legal__sidebar-close {
  display: none;
}
@media (max-width: 61.98em) {
  .slrs-legal__sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--clr-primary-op-10);
    color: var(--clr-primary);
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    margin-left: auto;
  }
  .slrs-legal__sidebar-close:hover {
    background: var(--clr-primary);
    color: var(--clr-white);
    transform: rotate(90deg);
  }
}

.slrs-legal__nav {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__nav {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav {
    padding: var(--space-base-24);
  }
}
.slrs-legal__nav {
  background: var(--legal-card-bg);
  backdrop-filter: blur(24px);
  border-radius: 24px;
  border: 1px solid var(--clr-glass-op-20);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-40), 0 8px 32px var(--clr-smoke-op-5);
  position: relative;
  overflow: hidden;
}
@media (max-width: 61.98em) {
  .slrs-legal__nav {
    height: 100%;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-legal__nav {
    padding: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-legal__nav {
    padding: var(--space-base-28);
  }
}
.slrs-legal__nav .slrs-legal__nav-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--clr-primary-op-10);
  border-radius: 0 0 var(--radius-full) var(--radius-full);
  overflow: hidden;
}
.slrs-legal__nav .slrs-legal__nav-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: inherit;
  transition: width 0.15s ease-out;
}
.slrs-legal__nav .slrs-legal__nav-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__nav .slrs-legal__nav-header {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-header {
    gap: var(--space-base-16);
  }
}
.slrs-legal__nav .slrs-legal__nav-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__nav .slrs-legal__nav-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-header {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-legal__nav .slrs-legal__nav-header {
  padding-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-header {
    padding-top: var(--space-base-10);
  }
}
.slrs-legal__nav .slrs-legal__nav-header h2 {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.2;
}
.slrs-legal__nav .slrs-legal__nav-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-20));
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}
.slrs-legal__nav .slrs-legal__nav-count {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-medium);
}
.slrs-legal__nav .slrs-legal__nav-divider {
  height: 1px;
  background: linear-gradient(90deg, var(--clr-primary-op-20), var(--clr-primary-op-5), transparent);
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__nav .slrs-legal__nav-divider {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-divider {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-legal__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-legal__nav li {
  margin-bottom: 2px;
}
.slrs-legal__nav li:last-child {
  margin-bottom: 0;
}
.slrs-legal__nav a {
  display: flex;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__nav a {
    padding: var(--space-base-8) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav a {
    padding: var(--space-base-10) var(--space-base-16);
  }
}
.slrs-legal__nav a {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-legal__nav a:visited {
  color: var(--clr-text-muted);
}
.slrs-legal__nav a {
  text-decoration: none !important;
  font-weight: var(--fw-medium);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-legal__nav a {
    gap: var(--space-base-10);
  }
}
.slrs-legal__nav a .slrs-legal__nav-num {
  font-size: 0.8rem;
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  opacity: 0.7;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--clr-primary-op-5);
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-legal__nav a .slrs-legal__nav-text {
  flex: 1;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-legal__nav a > i {
  font-size: 0.7rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  color: var(--clr-primary);
}
.slrs-legal__nav a:hover {
  color: var(--clr-primary);
  background: var(--clr-primary-op-5);
}
.slrs-legal__nav a:hover .slrs-legal__nav-num {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  opacity: 1;
}
.slrs-legal__nav a:hover > i {
  opacity: 0.6;
  transform: translateX(0);
}
.slrs-legal__nav a.active, .slrs-legal__nav a.active:visited {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  font-weight: var(--fw-semibold);
}
.slrs-legal__nav a.active .slrs-legal__nav-num, .slrs-legal__nav a.active:visited .slrs-legal__nav-num {
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  opacity: 1;
  font-size: 0.8rem;
}
.slrs-legal__nav a.active > i, .slrs-legal__nav a.active:visited > i {
  opacity: 1;
  transform: translateX(0);
}
.slrs-legal__nav a.active::before, .slrs-legal__nav a.active:visited::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background: linear-gradient(180deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full);
}
.slrs-legal__nav .slrs-legal__nav-footer {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-footer {
    gap: var(--space-base-10);
  }
}
.slrs-legal__nav .slrs-legal__nav-footer {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__nav .slrs-legal__nav-footer {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-footer {
    margin-top: var(--space-base-20);
  }
}
.slrs-legal__nav .slrs-legal__nav-footer {
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__nav .slrs-legal__nav-footer {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__nav .slrs-legal__nav-footer {
    padding-top: var(--space-base-20);
  }
}
.slrs-legal__nav .slrs-legal__nav-footer {
  border-top: var(--border-default);
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-legal__nav .slrs-legal__nav-footer i {
  font-size: 0.7rem;
  color: var(--clr-primary);
}

.slrs-legal__content {
  max-width: 860px;
  min-width: 0;
}

.slrs-legal__section {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__section {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__section {
    margin-bottom: var(--space-base-24);
  }
}
.slrs-legal__section:last-child {
  margin-bottom: 0;
}

.slrs-legal__section-card {
  background: var(--legal-card-bg);
  border: 1px solid var(--legal-card-border);
  border-radius: var(--legal-card-radius);
  box-shadow: 0 2px 16px var(--clr-black-op-5);
  overflow: hidden;
  transition: box-shadow var(--legal-transition);
  position: relative;
}
.slrs-legal__section-card:hover {
  box-shadow: 0 8px 32px var(--clr-black-op-5);
}
.slrs-legal__section-card--accent {
  border-color: var(--clr-accent-op-30);
  background: linear-gradient(135deg, var(--legal-card-bg) 0%, var(--clr-accent-op-5) 100%);
}
.slrs-legal__section-card--accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-primary));
}

.slrs-legal__section-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__section-header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-header {
    gap: var(--space-base-20);
  }
}
.slrs-legal__section-header {
  padding: var(--space-base-16) var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-legal__section-header {
    padding: var(--space-base-20) var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-header {
    padding: var(--space-base-24) var(--space-base-24) 0;
  }
}
.slrs-legal__section-header h2,
.slrs-legal__section-header h3 {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.3;
}
.slrs-legal__section-header h2 {
  font-size: var(--ffs-2xl);
}

.slrs-legal__section-badge {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-20));
  color: var(--clr-primary);
  flex-shrink: 0;
  position: relative;
  font-size: 1.25rem;
  transition: all var(--legal-transition-bounce);
}
.slrs-legal__section-badge .slrs-legal__section-num {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  border-radius: var(--radius-full);
  border: 2px solid var(--legal-card-bg);
  line-height: 1;
}
.slrs-legal__section-badge--accent {
  background: linear-gradient(135deg, var(--clr-accent-op-10), var(--clr-accent-op-20));
  color: var(--clr-accent);
}
.slrs-legal__section-badge--accent .slrs-legal__section-num {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
}

.slrs-legal__section-card:hover .slrs-legal__section-badge {
  transform: scale(1.05) rotate(5deg);
}

.slrs-legal__section-subtitle {
  display: block;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-medium);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.slrs-legal__section-body {
  padding: var(--space-base-12) var(--space-base-16) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__section-body {
    padding: var(--space-base-16) var(--space-base-20) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-body {
    padding: var(--space-base-20) var(--space-base-24) var(--space-base-24);
  }
}
.slrs-legal__section-body p {
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-legal__section-body p {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-body p {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-legal__section-body p {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
}
.slrs-legal__section-body p:last-child {
  margin-bottom: 0;
}
.slrs-legal__section-body p a {
  color: var(--clr-primary);
  text-decoration: none !important;
  font-weight: 500;
  box-shadow: inset 0 -2px 0 var(--clr-primary-op-30);
  transition: all 0.2s ease;
}
.slrs-legal__section-body p a:hover {
  box-shadow: inset 0 -1.5em 0 var(--clr-primary-op-10);
}
.slrs-legal__section-body h4 {
  margin: var(--space-base-16) 0 var(--space-base-8) 0;
}
@media (min-width: 48em) {
  .slrs-legal__section-body h4 {
    margin: var(--space-base-20) 0 var(--space-base-12) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-body h4 {
    margin: var(--space-base-28) 0 var(--space-base-16) 0;
  }
}
.slrs-legal__section-body h4 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-legal__section-body ul {
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-legal__section-body ul {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-body ul {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-legal__section-body ul {
  padding-left: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-legal__section-body ul {
    padding-left: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-legal__section-body ul {
    padding-left: var(--space-base-40);
  }
}
.slrs-legal__section-body ul li {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-legal__section-body ul li {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-legal__section-body ul li {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
}
.slrs-legal__section-body ul li::marker {
  color: var(--clr-primary);
}
.slrs-legal__section-body ul li strong {
  color: var(--clr-text);
  font-weight: var(--fw-semibold);
}

.slrs-legal__info-banner {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__info-banner {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__info-banner {
    gap: var(--space-base-16);
  }
}
.slrs-legal__info-banner {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__info-banner {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__info-banner {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-legal__info-banner {
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-15);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__info-banner {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__info-banner {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-legal__info-banner > i {
  color: var(--clr-primary);
  font-size: 1rem;
  flex-shrink: 0;
}
.slrs-legal__info-banner span {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: 1.5;
}
.slrs-legal__info-banner span strong {
  color: var(--clr-text);
}
.slrs-legal__info-banner--success {
  background: hsla(142, 72%, 29%, 0.08);
  border-color: hsla(142, 72%, 29%, 0.2);
}
.slrs-legal__info-banner--success > i {
  color: hsl(142, 72%, 29%);
}

.slrs-legal__data-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__data-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__data-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-legal__data-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-legal__data-card {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  text-align: left;
  padding: 0;
  background: var(--clr-glass-op-2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-8);
  border-radius: 24px;
  box-shadow: inset 0 1px 1px var(--clr-white-op-20), 0 2px 8px var(--clr-smoke-op-3);
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-legal__data-card {
  background: var(--clr-white-op-2);
  border-color: var(--clr-white-op-10);
  box-shadow: inset 0 1px 1px var(--clr-white-op-10), 0 2px 8px var(--clr-black-op-20);
}
.slrs-legal__data-card:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 16px 32px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-white-op-40);
  background: var(--clr-glass-op-5);
  border-color: var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-legal__data-card:hover {
  background: var(--clr-white-op-5);
  border-color: var(--clr-white-op-20);
  box-shadow: 0 16px 32px var(--clr-black-op-50), inset 0 1px 1px var(--clr-white-op-20);
}
.slrs-legal__data-card:hover .slrs-legal__data-icon {
  background: var(--clr-primary-op-15);
  border-color: var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-legal__data-card:hover .slrs-legal__data-icon {
  background: var(--clr-primary-op-20);
  border-color: var(--clr-primary-op-30);
}
.slrs-legal__data-card:hover .slrs-legal__data-icon i {
  transform: scale(1.2) rotate(4deg);
  color: var(--clr-primary);
  filter: drop-shadow(0 4px 8px var(--clr-primary-op-50));
}
.slrs-legal__data-card .slrs-legal__data-icon {
  flex-shrink: 0;
  width: 64px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: var(--space-base-24);
  background: var(--clr-primary-op-5);
  border-right: 1px solid var(--clr-smoke-op-6);
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
}
@media (min-width: 48em) {
  .slrs-legal__data-card .slrs-legal__data-icon {
    width: 72px;
    padding-top: var(--space-base-28);
  }
}
[data-theme=dark] .slrs-legal__data-card .slrs-legal__data-icon {
  background: var(--clr-primary-op-10);
  border-right: 1px solid var(--clr-white-op-5);
}
.slrs-legal__data-card .slrs-legal__data-icon i {
  font-size: 1.5rem;
  color: var(--clr-primary);
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
}
.slrs-legal__data-card .slrs-legal__data-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-legal__data-card .slrs-legal__data-body {
    padding: var(--space-base-20) var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-legal__data-card .slrs-legal__data-body {
    padding: var(--space-base-24) var(--space-base-32);
  }
}
.slrs-legal__data-card h4 {
  margin: 0 0 var(--space-base-12) 0 !important;
  font-size: var(--ffs-base);
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  letter-spacing: var(--ls-tight);
  line-height: var(--lh-tight);
}
.slrs-legal__data-card p {
  margin: 0 0 var(--space-base-16) 0 !important;
  font-size: var(--ffs-xs) !important;
  font-weight: var(--fw-regular) !important;
  color: var(--clr-text);
  opacity: 0.85;
  line-height: var(--lh-relaxed);
}
.slrs-legal__data-card p:last-child {
  margin-bottom: 0 !important;
}
.slrs-legal__data-card ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 var(--space-base-16) 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slrs-legal__data-card ul:last-child {
  margin-bottom: 0 !important;
}
.slrs-legal__data-card ul li {
  position: relative;
  padding-left: var(--space-base-16) !important;
  font-size: var(--ffs-xs) !important;
  font-weight: var(--fw-regular) !important;
  color: var(--clr-text-muted);
  margin-bottom: 0 !important;
  line-height: var(--lh-relaxed);
}
.slrs-legal__data-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--clr-primary);
  box-shadow: 0 0 6px var(--clr-primary-op-50);
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}
.slrs-legal__data-card ul li:hover::before {
  transform: scale(1.5);
  background: var(--clr-accent);
  box-shadow: 0 0 10px var(--clr-accent-op-50);
}

.slrs-legal__use-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__use-grid {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__use-grid {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-legal__use-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-legal__use-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-legal__use-item span {
  display: inline-block;
}
@media (min-width: 48em) {
  .slrs-legal__use-item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__use-item {
    gap: var(--space-base-16);
  }
}
.slrs-legal__use-item {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__use-item {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__use-item {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-legal__use-item {
  border-radius: 100px;
  overflow: hidden;
  background: var(--clr-smoke-op-4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-8);
  box-shadow: inset 0 1px 1px var(--clr-white-op-20);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-legal__use-item {
  background: var(--clr-white-op-3);
  border-color: var(--clr-white-op-10);
  box-shadow: inset 0 1px 1px var(--clr-white-op-10);
}
.slrs-legal__use-item:hover {
  border-color: var(--clr-primary-op-30);
  background: var(--clr-primary-op-5);
  box-shadow: 0 4px 12px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-white-op-40);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-legal__use-item:hover {
  background: var(--clr-white-op-5);
  border-color: var(--clr-white-op-20);
  box-shadow: 0 4px 12px var(--clr-black), inset 0 1px 1px var(--clr-white-op-20);
}
.slrs-legal__use-item:hover i {
  color: var(--clr-primary);
  transform: scale(1.15) rotate(5deg);
}
.slrs-legal__use-item i {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--clr-text-muted);
  background: var(--clr-primary-op-10);
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-legal__use-item span {
  font-size: var(--ffs-xs);
  color: var(--clr-text);
  line-height: 1.4;
}

.slrs-legal__highlight {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-12);
  padding: var(--space-base-16);
  margin-bottom: var(--space-base-16);
  background: linear-gradient(135deg, var(--clr-primary-op-5) 0%, var(--clr-glass-op-2) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  border: 1px solid var(--clr-smoke-op-8);
  border-left: 4px solid var(--clr-primary);
  box-shadow: inset 0 1px 1px var(--clr-white-op-20), 0 4px 12px var(--clr-smoke-op-4);
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48em) {
  .slrs-legal__highlight {
    padding: var(--space-base-20);
    gap: var(--space-base-16);
  }
}
[data-theme=dark] .slrs-legal__highlight {
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, var(--clr-white-op-2) 100%);
  border-color: var(--clr-white-op-10);
  border-left-color: var(--clr-primary);
  box-shadow: inset 0 1px 1px var(--clr-white-op-10), 0 4px 12px var(--clr-black-op-20);
}
.slrs-legal__highlight::before {
  content: "";
  position: absolute;
  top: -30px;
  left: -20px;
  width: 80px;
  height: 80px;
  background: var(--clr-primary);
  filter: blur(30px);
  opacity: 0.15;
  border-radius: 50%;
  pointer-events: none;
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s;
}
.slrs-legal__highlight:last-child {
  margin-bottom: 0;
}
.slrs-legal__highlight:hover {
  transform: translateX(4px) translateY(-2px);
  box-shadow: 0 12px 24px var(--clr-primary-op-5), inset 0 1px 1px var(--clr-white-op-30);
  border-color: var(--clr-primary-op-15);
  border-left-color: var(--clr-accent);
}
[data-theme=dark] .slrs-legal__highlight:hover {
  box-shadow: 0 12px 24px var(--clr-primary-op-10), inset 0 1px 1px var(--clr-white-op-20);
  border-color: var(--clr-primary-op-20);
}
.slrs-legal__highlight:hover::before {
  transform: scale(1.4) translate(10px, 10px);
  opacity: 0.25;
  background: var(--clr-accent);
}
.slrs-legal__highlight:hover .slrs-legal__highlight-icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.15) rotate(8deg);
  box-shadow: 0 8px 16px var(--clr-primary-op-40);
  border-color: transparent;
}
@media (max-width: 35.98em) {
  .slrs-legal__highlight {
    flex-direction: column;
    gap: var(--space-base-12);
    border-left-width: 3px;
  }
}

.slrs-legal__highlight-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: 12px;
  border: 1px solid var(--clr-primary-op-15);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
}
[data-theme=dark] .slrs-legal__highlight-icon {
  background: var(--clr-primary-op-20);
  border-color: var(--clr-primary-op-30);
}

.slrs-legal__highlight-content {
  position: relative;
  z-index: 1;
  flex: 1;
  font-size: var(--ffs-2xs);
  font-weight: var(--fw-regular);
  color: var(--clr-text);
  opacity: 0.85;
  line-height: var(--lh-relaxed);
}
.slrs-legal__highlight-content h4 {
  margin: 0 0 var(--space-base-6) 0 !important;
  font-size: var(--ffs-base) !important;
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  opacity: 1;
  letter-spacing: var(--ls-tight);
}
@media (min-width: 48em) {
  .slrs-legal__highlight-content h4 {
    margin: 0 0 var(--space-base-8) 0 !important;
  }
}
.slrs-legal__highlight-content p {
  margin: 0 !important;
  font-size: var(--ffs-xs) !important;
}

.slrs-legal__callout {
  margin-top: 1.5rem;
  padding: 1.2rem;
  border-radius: 12px;
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.slrs-legal__callout--info {
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-20);
}

.slrs-legal__callout-icon {
  font-size: 1.5rem;
  color: var(--clr-primary);
}

.slrs-legal__callout-title {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--clr-text);
  font-family: var(--ff-heading);
}

.slrs-legal__callout-content {
  margin: 0;
  font-size: 0.9rem;
  color: var(--clr-text-muted);
}

.slrs-legal__cookie-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__cookie-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__cookie-grid {
    gap: var(--space-base-20);
  }
}
.slrs-legal__cookie-grid {
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-legal__cookie-grid {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-legal__cookie-grid {
    margin: var(--space-base-28) 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-legal__cookie-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-legal__cookie-card {
  text-align: left;
  padding: var(--space-base-20);
  background: var(--clr-glass-op-3);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--clr-smoke-op-8);
  border-radius: 24px;
  box-shadow: inset 0 1px 1px var(--clr-white-op-30);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.slrs-legal__cookie-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, var(--clr-primary-op-10), transparent 60%), radial-gradient(circle at bottom left, var(--clr-primary-op-5), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
  pointer-events: none;
}
.slrs-legal__cookie-card > * {
  position: relative;
  z-index: 1;
}
@media (min-width: 48em) {
  .slrs-legal__cookie-card {
    padding: var(--space-base-24);
  }
}
[data-theme=dark] .slrs-legal__cookie-card {
  background: var(--clr-white-op-3);
  border-color: var(--clr-white-op-10);
  box-shadow: inset 0 1px 1px var(--clr-white-op-10);
}
.slrs-legal__cookie-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px var(--clr-smoke-op-8), inset 0 1px 1px var(--clr-white-op-40), inset 0 -24px 24px -16px var(--clr-primary-op-5);
  background: var(--clr-glass-op-5);
  border-color: var(--clr-smoke-op-15);
}
.slrs-legal__cookie-card:hover::before {
  opacity: 1;
}
[data-theme=dark] .slrs-legal__cookie-card:hover {
  background: var(--clr-white-op-5);
  border-color: var(--clr-white-op-20);
  box-shadow: 0 12px 32px var(--clr-black), inset 0 1px 1px var(--clr-white-op-20), inset 0 -24px 24px -16px var(--clr-primary-op-10);
}
.slrs-legal__cookie-card:hover .slrs-legal__cookie-icon {
  transform: scale(1.15) rotate(5deg);
}
.slrs-legal__cookie-card h4 {
  margin: var(--space-base-12) 0 var(--space-base-8) 0 !important;
  font-size: 16px;
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  letter-spacing: -0.01em;
}
.slrs-legal__cookie-card > p {
  margin: 0 !important;
  font-size: var(--ffs-xs) !important;
  color: var(--clr-text-muted);
  line-height: 1.6;
}

.slrs-legal__cookie-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--space-base-16);
}

.slrs-legal__cookie-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 100px;
  backdrop-filter: blur(4px);
  border: 1px solid transparent;
}

.slrs-legal__cookie-card--essential {
  background: linear-gradient(135deg, var(--clr-primary-op-5) 0%, var(--clr-glass-op-3) 100%);
  border-color: var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-legal__cookie-card--essential {
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, var(--clr-white-op-3) 100%);
  border-color: var(--clr-primary-op-30);
}
.slrs-legal__cookie-card--essential:hover {
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 12px 32px var(--clr-primary-op-10), inset 0 1px 1px var(--clr-white-op-40);
}
.slrs-legal__cookie-card--essential .slrs-legal__cookie-status {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
}
.slrs-legal__cookie-card--essential .slrs-legal__cookie-icon {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
}

.slrs-legal__cookie-card--analytics .slrs-legal__cookie-status {
  background: hsla(40, 95%, 50%, 0.1);
  color: hsl(40, 95%, 38%);
  border-color: hsla(40, 95%, 50%, 0.2);
}
[data-theme=dark] .slrs-legal__cookie-card--analytics .slrs-legal__cookie-status {
  color: hsl(40, 100%, 60%);
}
.slrs-legal__cookie-card--analytics .slrs-legal__cookie-icon {
  color: hsl(40, 95%, 38%);
  background: hsla(40, 95%, 50%, 0.1);
}
[data-theme=dark] .slrs-legal__cookie-card--analytics .slrs-legal__cookie-icon {
  color: hsl(40, 100%, 60%);
}

.slrs-legal__cookie-card--marketing .slrs-legal__cookie-status {
  background: hsla(280, 60%, 50%, 0.1);
  color: hsl(280, 60%, 45%);
  border-color: hsla(280, 60%, 50%, 0.2);
}
[data-theme=dark] .slrs-legal__cookie-card--marketing .slrs-legal__cookie-status {
  color: hsl(280, 80%, 70%);
}
.slrs-legal__cookie-card--marketing .slrs-legal__cookie-icon {
  color: hsl(280, 60%, 45%);
  background: hsla(280, 60%, 50%, 0.1);
}
[data-theme=dark] .slrs-legal__cookie-card--marketing .slrs-legal__cookie-icon {
  color: hsl(280, 80%, 70%);
}

.slrs-legal__cookie-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border-radius: 14px;
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  flex-shrink: 0;
}

.slrs-legal__rights-grid {
  display: grid;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__rights-grid {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__rights-grid {
    gap: var(--space-base-16);
  }
}
.slrs-legal__rights-grid {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__rights-grid {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__rights-grid {
    margin-bottom: var(--space-base-16);
  }
}

.slrs-legal__rights-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__rights-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__rights-item {
    gap: var(--space-base-20);
  }
}
.slrs-legal__rights-item {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__rights-item {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__rights-item {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-legal__rights-item {
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  transition: border-color var(--legal-transition), background var(--legal-transition), transform var(--legal-transition);
}
.slrs-legal__rights-item:hover {
  border-color: var(--clr-primary-op-30);
  background: var(--clr-primary-op-5);
  transform: translateX(4px);
}
.slrs-legal__rights-item:hover .slrs-legal__rights-icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.1);
}
.slrs-legal__rights-item strong {
  display: block;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: 2px;
}
.slrs-legal__rights-item p {
  margin: 0 !important;
  font-size: var(--ffs-xs) !important;
  color: var(--clr-text-muted);
  line-height: 1.5 !important;
}

.slrs-legal__rights-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  margin-top: 2px;
  transition: all var(--legal-transition-bounce);
}

.slrs-legal__accordion-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__accordion-group {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__accordion-group {
    gap: var(--space-base-16);
  }
}

.slrs-legal__accordion {
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: border-color var(--legal-transition);
}
.slrs-legal__accordion:has(.slrs-legal__accordion-trigger[aria-expanded=true]) {
  border-color: var(--clr-primary-op-30);
}

.slrs-legal__accordion-trigger {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-legal__accordion-trigger {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-legal__accordion-trigger {
    gap: var(--space-base-16);
  }
}
.slrs-legal__accordion-trigger {
  width: 100%;
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__accordion-trigger {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__accordion-trigger {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-legal__accordion-trigger {
  background: var(--clr-bg);
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-align: left;
  transition: background var(--legal-transition-fast);
}
.slrs-legal__accordion-trigger > i:first-child {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.slrs-legal__accordion-trigger span {
  flex: 1;
}
.slrs-legal__accordion-trigger .slrs-legal__accordion-arrow {
  font-size: 0.7rem;
  color: var(--clr-text-muted);
  transition: transform var(--legal-transition);
  width: auto;
  height: auto;
  background: none;
}
.slrs-legal__accordion-trigger[aria-expanded=true] {
  background: var(--clr-primary-op-5);
}
[data-theme=dark] .slrs-legal__accordion-trigger[aria-expanded=true] {
  background: var(--clr-primary-op-5);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-legal__accordion-trigger[aria-expanded=true] .slrs-legal__accordion-arrow {
  color: var(--clr-white);
}
[data-theme=dark] .slrs-legal__accordion-trigger[aria-expanded=true] > i:first-child {
  color: var(--clr-white);
  background: var(--clr-white-op-20);
}
.slrs-legal__accordion-trigger[aria-expanded=true] .slrs-legal__accordion-arrow {
  transform: rotate(180deg);
}
.slrs-legal__accordion-trigger:hover {
  background: var(--clr-primary-op-5);
}
[data-theme=dark] .slrs-legal__accordion-trigger:hover {
  background: var(--clr-primary-op-5);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-legal__accordion-trigger:hover .slrs-legal__accordion-arrow {
  color: var(--clr-white);
}
[data-theme=dark] .slrs-legal__accordion-trigger:hover > i:first-child {
  color: var(--clr-white);
  background: var(--clr-white-op-20);
}

.slrs-legal__accordion-panel {
  padding: 0;
  background: var(--clr-bg);
}
.slrs-legal__accordion-panel .universal-accordion-content {
  padding: var(--space-base-8) var(--space-base-16) var(--space-base-16) calc(var(--space-base-16) + 28px + var(--space-base-8));
}
@media (min-width: 48em) {
  .slrs-legal__accordion-panel .universal-accordion-content {
    padding: var(--space-base-12) var(--space-base-20) var(--space-base-20) calc(var(--space-base-20) + 28px + var(--space-base-12));
  }
}
@media (min-width: 75em) {
  .slrs-legal__accordion-panel .universal-accordion-content {
    padding: var(--space-base-12) var(--space-base-28) var(--space-base-24) calc(var(--space-base-28) + 28px + var(--space-base-16));
  }
}
.slrs-legal__accordion-panel .universal-accordion-content p {
  margin-top: var(--space-base-12) !important;
  font-size: var(--ffs-xs) !important;
}
.slrs-legal__accordion-panel .universal-accordion-content p:first-of-type {
  margin-top: 0 !important;
}
.slrs-legal__accordion-panel ul {
  margin: 0 !important;
}
.slrs-legal__accordion-panel ul li {
  font-size: var(--ffs-sm) !important;
}

.slrs-legal__warranty-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-box {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-box {
    gap: var(--space-base-20);
  }
}
.slrs-legal__warranty-box {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-box {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-box {
    margin-bottom: var(--space-base-20);
  }
}

.slrs-legal__warranty-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-item {
    gap: var(--space-base-20);
  }
}
.slrs-legal__warranty-item {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-item {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-item {
    padding: var(--space-base-28);
  }
}
.slrs-legal__warranty-item {
  background: var(--legal-card-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 24px;
  border: var(--border-default);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-40), 0 8px 32px var(--clr-smoke-op-5);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.slrs-legal__warranty-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, var(--clr-primary-op-10), transparent 60%), radial-gradient(circle at bottom right, var(--clr-primary-op-5), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
  pointer-events: none;
}
.slrs-legal__warranty-item .slrs-legal__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-item .slrs-legal__content {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-item .slrs-legal__content {
    gap: var(--space-base-20);
  }
}
.slrs-legal__warranty-item .slrs-legal__content {
  flex: 1;
}
@media (max-width: 25.855em) {
  .slrs-legal__warranty-item .slrs-legal__content {
    flex-direction: column;
    align-items: start;
  }
}
.slrs-legal__warranty-item:hover {
  border-color: var(--clr-primary-op-30);
  background: var(--clr-glass-op-15);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-30), inset 0 -24px 24px -16px var(--clr-primary-op-5), 0 8px 24px var(--clr-smoke-op-10);
  transform: translateY(-4px);
}
.slrs-legal__warranty-item:hover::before {
  opacity: 1;
}
.slrs-legal__warranty-item:hover .slrs-legal__warranty-icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.05) rotate(5deg);
}
.slrs-legal__warranty-item:hover .slrs-legal__warranty-tag {
  background: var(--clr-primary);
  color: var(--clr-white);
}
@media (max-width: 35.98em) {
  .slrs-legal__warranty-item {
    flex-direction: column;
    align-items: start;
  }
}

.slrs-legal__warranty-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-20));
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  transition: all var(--legal-transition-bounce);
}

.slrs-legal__warranty-info {
  flex: 1;
  min-width: 0;
}
.slrs-legal__warranty-info h4 {
  margin: 0 0 var(--space-base-6) 0 !important;
}
@media (min-width: 75em) {
  .slrs-legal__warranty-info h4 {
    margin: 0 0 var(--space-base-8) 0 !important;
  }
}
.slrs-legal__warranty-info h4 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base) !important;
  font-weight: var(--fw-bold);
}
.slrs-legal__warranty-info p {
  margin: 0 !important;
  font-size: var(--ffs-xs) !important;
  color: var(--clr-text-muted);
}

.slrs-legal__warranty-tag {
  padding: var(--space-base-6) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__warranty-tag {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__warranty-tag {
    padding: var(--space-base-8) var(--space-base-20);
  }
}
.slrs-legal__warranty-tag {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  white-space: nowrap;
  transition: background var(--legal-transition), color var(--legal-transition);
  flex-shrink: 0;
}
@media (max-width: 35.98em) {
  .slrs-legal__warranty-tag {
    align-self: flex-end;
  }
}
@media (max-width: 25.855em) {
  .slrs-legal__warranty-tag {
    align-self: flex-start;
  }
}

.slrs-legal__contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__contact-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__contact-grid {
    gap: var(--space-base-20);
  }
}
.slrs-legal__contact-grid {
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__contact-grid {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__contact-grid {
    margin-top: var(--space-base-28);
  }
}
@media (max-width: 47.98em) {
  .slrs-legal__contact-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-legal__contact-card {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-legal__contact-card {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-legal__contact-card {
    gap: var(--space-base-20);
  }
}
.slrs-legal__contact-card {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-legal__contact-card {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-legal__contact-card {
    padding: var(--space-base-28);
  }
}
.slrs-legal__contact-card {
  background: var(--clr-glass-op-2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 20px;
  border: 1px solid var(--clr-smoke-op-8);
  box-shadow: inset 0 1px 1px var(--clr-white-op-20), 0 2px 8px var(--clr-smoke-op-3);
  text-decoration: none !important;
  font-weight: 500;
  transition: all cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-legal__contact-card {
  background: var(--clr-white-op-3);
  border-color: var(--clr-white-op-10);
  box-shadow: inset 0 1px 1px var(--clr-white-op-10), 0 2px 8px var(--clr-black-op-20);
}
.slrs-legal__contact-card:hover {
  border-color: var(--clr-primary-op-30);
  background: var(--clr-glass-op-5);
  box-shadow: 0 12px 24px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-white-op-40);
  transform: translateY(-4px) scale(1.01);
}
[data-theme=dark] .slrs-legal__contact-card:hover {
  background: var(--clr-white-op-5);
  border-color: var(--clr-white-op-20);
  box-shadow: 0 12px 24px var(--clr-black-op-50), inset 0 1px 1px var(--clr-white-op-20);
}
.slrs-legal__contact-card:hover .slrs-legal__contact-icon {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.1) rotate(5deg);
  border-radius: 50%;
}
.slrs-legal__contact-card:hover .slrs-legal__contact-arrow {
  opacity: 1;
  transform: translateX(0);
}

.slrs-legal__contact-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  transition: all var(--legal-transition-bounce);
}

.slrs-legal__contact-info {
  flex: 1;
  min-width: 0;
}
.slrs-legal__contact-info strong {
  display: block;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}
.slrs-legal__contact-info span {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
}

.slrs-legal__contact-arrow {
  font-size: 0.8rem;
  color: var(--clr-primary);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity var(--legal-transition-fast), transform var(--legal-transition-fast);
  flex-shrink: 0;
}

[data-theme=dark] .slrs-legal {
  --legal-card-bg: var(--clr-surface-frost);
  --legal-card-border: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-legal::before, [data-theme=dark] .slrs-legal::after {
  opacity: 0.4;
}
[data-theme=dark] .slrs-legal__decor-line {
  background: linear-gradient(180deg, transparent 0%, var(--clr-primary-op-5) 20%, var(--clr-primary-op-5) 50%, var(--clr-primary-op-5) 80%, transparent 100%);
}
[data-theme=dark] .slrs-legal__nav {
  box-shadow: 0 4px 24px var(--clr-smoke-op-30);
}
[data-theme=dark] .slrs-legal__section-card {
  box-shadow: 0 2px 16px var(--clr-smoke-op-20);
}
[data-theme=dark] .slrs-legal__section-card:hover {
  box-shadow: 0 8px 32px var(--clr-smoke-op-30);
}
[data-theme=dark] .slrs-legal__use-item,
[data-theme=dark] .slrs-legal__highlight,
[data-theme=dark] .slrs-legal__rights-item,
[data-theme=dark] .slrs-legal__accordion-trigger,
[data-theme=dark] .slrs-legal__accordion-panel,
[data-theme=dark] .slrs-legal__warranty-item,
[data-theme=dark] .slrs-legal__contact-card {
  background: var(--clr-surface-void);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-legal__info-banner--success {
  background: hsla(142, 72%, 29%, 0.12);
  border-color: hsla(142, 72%, 29%, 0.25);
}
[data-theme=dark] .slrs-legal__cookie-card--analytics .slrs-legal__cookie-status {
  background: hsla(40, 95%, 50%, 0.15);
  color: hsl(40, 95%, 60%);
}
[data-theme=dark] .slrs-legal__cookie-card--analytics .slrs-legal__cookie-icon {
  color: hsl(40, 95%, 60%);
  background: hsla(40, 95%, 50%, 0.12);
}
[data-theme=dark] .slrs-legal__cookie-card--marketing .slrs-legal__cookie-status {
  background: hsla(280, 60%, 50%, 0.15);
  color: hsl(280, 60%, 65%);
}
[data-theme=dark] .slrs-legal__cookie-card--marketing .slrs-legal__cookie-icon {
  color: hsl(280, 60%, 65%);
  background: hsla(280, 60%, 50%, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-legal__nav a,
  .slrs-legal__section-card,
  .slrs-legal__section-badge,
  .slrs-legal__data-icon,
  .slrs-legal__use-item,
  .slrs-legal__highlight,
  .slrs-legal__highlight-icon,
  .slrs-legal__cookie-icon,
  .slrs-legal__rights-item,
  .slrs-legal__rights-icon,
  .slrs-legal__warranty-item,
  .slrs-legal__warranty-icon,
  .slrs-legal__warranty-tag,
  .slrs-legal__contact-card,
  .slrs-legal__contact-icon,
  .slrs-legal__contact-arrow {
    transition: none !important;
  }
  .slrs-legal__nav a:hover,
  .slrs-legal__section-card:hover,
  .slrs-legal__section-badge:hover,
  .slrs-legal__data-icon:hover,
  .slrs-legal__use-item:hover,
  .slrs-legal__highlight:hover,
  .slrs-legal__highlight-icon:hover,
  .slrs-legal__cookie-icon:hover,
  .slrs-legal__rights-item:hover,
  .slrs-legal__rights-icon:hover,
  .slrs-legal__warranty-item:hover,
  .slrs-legal__warranty-icon:hover,
  .slrs-legal__warranty-tag:hover,
  .slrs-legal__contact-card:hover,
  .slrs-legal__contact-icon:hover,
  .slrs-legal__contact-arrow:hover {
    transform: none !important;
  }
}
.slrs-legal__nav a:focus-visible,
.slrs-legal__accordion-trigger:focus-visible,
.slrs-legal__contact-card:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
}

.slrs-legal__section-body p a:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

@media (forced-colors: active) {
  .slrs-legal::before,
  .slrs-legal::after,
  .slrs-legal__decor {
    display: none;
  }
  .slrs-legal__nav {
    border: 2px solid CanvasText;
  }
  .slrs-legal__nav-progress {
    display: none;
  }
  .slrs-legal__nav a.active::before {
    background: CanvasText;
  }
  .slrs-legal__section-card {
    border: 2px solid CanvasText;
  }
  .slrs-legal__section-badge {
    border: 1px solid CanvasText;
  }
  .slrs-legal__use-item,
  .slrs-legal__highlight,
  .slrs-legal__rights-item,
  .slrs-legal__accordion,
  .slrs-legal__warranty-item,
  .slrs-legal__contact-card {
    border: 1px solid CanvasText;
  }
}
@media print {
  .slrs-legal {
    background: white !important;
    padding: 1rem 0 !important;
  }
  .slrs-legal::before, .slrs-legal::after {
    display: none !important;
  }
  .slrs-legal__decor {
    display: none !important;
  }
  .slrs-legal__grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .slrs-legal__sidebar {
    position: static !important;
  }
  .slrs-legal__nav {
    background: #f9f9f9 !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
  .slrs-legal__nav-progress {
    display: none !important;
  }
  .slrs-legal__section-card {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    break-inside: avoid;
  }
  .slrs-legal__rights-item,
  .slrs-legal__warranty-item,
  .slrs-legal__contact-card,
  .slrs-legal__highlight {
    background: white !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
}
/*====================
28. Coming soon css 
======================*/
/* ──────────────────────────────────────────────────────── */
/* Ultra Premium Coming Soon Page (slrs-coming-soon)       */
/* ──────────────────────────────────────────────────────── */
.slrs-coming-soon {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--space-base-80) 0;
  background: #050810;
}
.slrs-coming-soon__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.slrs-coming-soon__aurora {
  position: absolute;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.35;
  mix-blend-mode: screen;
}
.slrs-coming-soon__aurora--1 {
  width: 70vw;
  height: 70vw;
  background: var(--clr-primary);
  top: -30%;
  left: -20%;
  animation: slrs-cs-aurora 15s ease-in-out infinite;
}
.slrs-coming-soon__aurora--2 {
  width: 60vw;
  height: 60vw;
  background: var(--clr-accent);
  bottom: -30%;
  right: -20%;
  animation: slrs-cs-aurora 12s ease-in-out infinite reverse;
  animation-delay: -5s;
}
.slrs-coming-soon__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
  mask-image: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, transparent 60%);
  perspective: 1000px;
  transform: rotateX(60deg) translateY(-100px) scale(2);
  transform-origin: top center;
  animation: slrs-cs-grid-move 20s linear infinite;
}
.slrs-coming-soon__content {
  position: relative;
  z-index: 10;
  text-align: center;
}
.slrs-coming-soon__logo {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-base-40);
}
.slrs-coming-soon__logo img {
  max-width: 180px;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}
.slrs-coming-soon__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-10);
  padding: var(--space-base-8) var(--space-base-24);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: var(--space-base-32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.slrs-coming-soon__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--clr-primary);
  box-shadow: 0 0 12px var(--clr-primary), 0 0 24px var(--clr-primary);
  animation: slrs-cs-pulse-dot 1.5s ease-in-out infinite;
}
.slrs-coming-soon__title {
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  margin-bottom: var(--space-base-24);
  letter-spacing: -1px;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.slrs-coming-soon__title-highlight {
  position: relative;
  display: inline-block;
  background: linear-gradient(135deg, #fff 0%, var(--clr-primary) 50%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-coming-soon__title-highlight::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 4px;
  filter: blur(2px);
}
.slrs-coming-soon__desc {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 auto var(--space-base-48);
}
.slrs-coming-soon__countdown-wrap {
  margin-bottom: var(--space-base-56);
}
.slrs-coming-soon__countdown .time-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-base-24);
}
.slrs-coming-soon__countdown .time {
  position: relative;
  width: 130px;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Subtle breathing glow for the whole box */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.slrs-coming-soon__countdown .time:hover {
  transform: translateY(-10px) scale(1.05);
}
.slrs-coming-soon__countdown .time:hover::after {
  background: radial-gradient(circle at top left, rgba(30, 35, 55, 0.9), rgba(10, 14, 26, 0.95));
}
.slrs-coming-soon__countdown .time {
  /* 1. Outer Glowing Comet Ring (Fast Forward Spin) */
}
.slrs-coming-soon__countdown .time::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0%, transparent 45%, rgba(255, 255, 255, 0.8) 75%, var(--clr-primary) 85%, var(--clr-accent) 100%);
  z-index: -2;
  animation: slrs-cs-spin 2.5s linear infinite;
  filter: blur(1px);
}
.slrs-coming-soon__countdown .time {
  /* 2. Inner Dark Glass Core (Masks the comet to make it a ring) */
}
.slrs-coming-soon__countdown .time::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: radial-gradient(circle at top left, rgba(15, 20, 30, 0.9), rgba(5, 8, 15, 0.95));
  border-radius: 50%;
  z-index: -1;
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: background 0.4s ease;
}
.slrs-coming-soon__countdown .time > span {
  display: block;
  position: static !important; /* Crucial for absolute centering of pseudo-elements */
}
.slrs-coming-soon__countdown .time > span:first-child {
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4), 0 2px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: var(--space-base-6);
  font-variant-numeric: tabular-nums;
  /* 3. Counter-Rotating Tech Dashed Ring (Slow Reverse Spin) */
  /* Guaranteed perfect centering relative to .time via inset */
}
.slrs-coming-soon__countdown .time > span:first-child::after {
  content: "";
  position: absolute;
  inset: 10px;
  width: auto;
  height: auto;
  margin: 0;
  transform: none;
  border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  animation: slrs-cs-spin 15s linear infinite reverse;
  pointer-events: none;
  z-index: -1;
}
.slrs-coming-soon__countdown .time .unit {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--clr-primary);
  opacity: 0.9;
}
.slrs-coming-soon__countdown .divider {
  display: none;
}
@media (max-width: 47.98em) {
  .slrs-coming-soon__countdown .time {
    width: 110px;
    height: 110px;
  }
  .slrs-coming-soon__countdown .time > span:first-child {
    font-size: 34px;
  }
  .slrs-coming-soon__countdown .time > span:first-child::after {
    inset: 8px;
  }
  .slrs-coming-soon__countdown .time .unit {
    font-size: 10px;
    letter-spacing: 2px;
  }
  .slrs-coming-soon__countdown .time-wrap {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-coming-soon__countdown .time {
    width: 86px;
    height: 86px;
  }
  .slrs-coming-soon__countdown .time > span:first-child {
    font-size: 26px;
  }
  .slrs-coming-soon__countdown .time > span:first-child::after {
    inset: 6px;
  }
  .slrs-coming-soon__countdown .time .unit {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .slrs-coming-soon__countdown .time-wrap {
    gap: var(--space-base-12);
  }
}
.slrs-coming-soon__newsletter {
  max-width: 500px;
  margin: 0 auto var(--space-base-40);
}
.slrs-coming-soon__form-group {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  padding: var(--space-base-8);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.02);
  transition: all 0.4s ease;
}
.slrs-coming-soon__form-group:focus-within {
  border-color: var(--clr-primary);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px var(--clr-primary-op-25);
}
.slrs-coming-soon__form-group input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  padding: var(--space-base-16) var(--space-base-20) var(--space-base-16) var(--space-base-48);
  font-size: 15px;
  color: #fff;
  font-family: inherit;
}
.slrs-coming-soon__form-group input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-coming-soon__form-group .slrs-btn {
  flex-shrink: 0;
  border-radius: 100px;
  padding: var(--space-base-16) var(--space-base-32);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  gap: var(--space-base-10);
  box-shadow: 0 5px 15px var(--clr-primary-op-35);
}
.slrs-coming-soon__form-group .slrs-btn:hover {
  box-shadow: 0 8px 25px var(--clr-primary-op-50);
}
.slrs-coming-soon__form-icon {
  position: absolute;
  left: 24px;
  font-size: 18px;
  color: var(--clr-primary);
  pointer-events: none;
}
@media (max-width: 35.98em) {
  .slrs-coming-soon__form-group {
    padding: var(--space-base-4);
  }
  .slrs-coming-soon__form-group input {
    padding: var(--space-base-12) var(--space-base-12) var(--space-base-12) var(--space-base-36);
    font-size: 14px;
  }
  .slrs-coming-soon__form-group .slrs-btn {
    padding: var(--space-base-10) var(--space-base-16);
  }
  .slrs-coming-soon__form-group .slrs-btn span {
    display: none;
  }
  .slrs-coming-soon__form-icon {
    left: 14px;
    font-size: 14px;
  }
}
.slrs-coming-soon__form-note {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: var(--space-base-16);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
.slrs-coming-soon__form-note i {
  color: var(--clr-accent);
}
.slrs-coming-soon__social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-16);
}
.slrs-coming-soon__social-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: rgba(255, 255, 255, 0.4);
}
.slrs-coming-soon__social-links {
  display: flex;
  gap: var(--space-base-16);
}
.slrs-coming-soon__social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.slrs-coming-soon__social-links a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.slrs-coming-soon__social-links a:hover {
  border-color: transparent;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px var(--clr-primary-op-35);
}
.slrs-coming-soon__social-links a:hover::before {
  opacity: 1;
}

@keyframes slrs-cs-aurora {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(5%, -5%) scale(1.05);
  }
}
@keyframes slrs-cs-pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.8);
  }
}
@keyframes slrs-cs-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slrs-cs-grid-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50px;
  }
}
.slrs-faq {
  --glass-bg: var(--clr-glass-op-75);
  --glass-border: var(--clr-glass-op-50);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-8);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-12);
  --glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  --accordion-depth: 0 4px 20px var(--clr-smoke-op-6);
  --accordion-depth-hover: 0 12px 40px var(--clr-smoke-op-10);
  --accordion-depth-active: 0 16px 50px var(--clr-primary-op-20);
  --transition-base: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --hover-lift: -6px;
  position: relative;
  background: var(--clr-bg-alt);
  overflow: hidden;
}
.slrs-faq > .container, .slrs-faq > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-faq {
  padding: var(--space-base-56) 0;
}
@media (min-width: 48em) {
  .slrs-faq {
    padding: var(--space-base-96) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq {
    padding: var(--space-base-144) 0;
  }
}
.slrs-faq .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-faq {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq {
    padding: var(--space-base-80) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq {
    padding: var(--space-base-120) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-faq {
    padding: var(--space-base-40) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq {
    padding: var(--space-base-64) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq {
    padding: var(--space-base-96) 0;
  }
}
@media (max-width: 61.98em) {
  .slrs-faq .faq-content {
    margin-bottom: var(--space-base-24);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq .faq-content {
    margin-bottom: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq .faq-content {
    margin-bottom: var(--space-base-56);
  }
}
.slrs-faq .faq-img {
  position: relative;
  text-align: right;
}
.slrs-faq .faq-img .ani-img {
  display: inline-block;
  width: 80%;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  box-shadow: var(--glass-shadow);
}
.slrs-faq .faq-img .ani-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: inherit;
}
.slrs-faq .faq-img img {
  width: 80%;
  border-radius: var(--radius-3xl);
  box-shadow: var(--glass-shadow);
}
@media (max-width: 61.98em) {
  .slrs-faq .faq-img {
    text-align: center;
    margin-top: var(--space-base-32);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq .faq-img {
    margin-top: var(--space-base-48);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq .faq-img {
    margin-top: var(--space-base-72);
  }
}
@media (max-width: 61.98em) {
  .slrs-faq .faq-img .ani-img {
    width: 100%;
  }
  .slrs-faq .faq-img img {
    width: 100%;
  }
}

.slrs-faq__cta {
  position: relative;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq__cta {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta {
    padding: var(--space-base-40);
  }
}
.slrs-faq__cta {
  background: var(--clr-glass-op-75);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--clr-glass-op-50);
  box-shadow: 0 8px 32px var(--clr-smoke-op-8);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.03;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.slrs-faq__cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-base-28);
  right: var(--space-base-28);
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  border-radius: 0 0 var(--radius-full) var(--radius-full);
}
.slrs-faq__cta:hover {
  box-shadow: 0 20px 50px var(--clr-smoke-op-12);
  transform: translateY(-4px);
}

.slrs-faq__cta-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq__cta-badge {
    gap: var(--space-base-10);
  }
}
.slrs-faq__cta-badge {
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq__cta-badge {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-badge {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-faq__cta-badge {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__cta-badge {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-badge {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-faq__cta-badge {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-success);
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-30);
  border-radius: var(--radius-full);
}

.slrs-faq__cta-badge-dot {
  position: relative;
  width: 8px;
  height: 8px;
  background: var(--clr-success);
  border-radius: var(--radius-full);
}
.slrs-faq__cta-badge-dot::before {
  content: "";
  position: absolute;
  inset: -4px;
  background: var(--clr-success-op-40);
  border-radius: inherit;
  animation: slrs-faq-pulse-ring 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes slrs-faq-pulse-ring {
  0% {
    transform: scale(0.9);
    opacity: 0.9;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.slrs-faq__cta-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq__cta-title {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-title {
    gap: var(--space-base-16);
  }
}
.slrs-faq__cta-title {
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 48em) {
  .slrs-faq__cta-title {
    margin: 0 0 var(--space-base-12) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-title {
    margin: 0 0 var(--space-base-16) 0;
  }
}
.slrs-faq__cta-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-faq__cta-title i {
  color: var(--clr-accent);
}

.slrs-faq__cta-text {
  margin: 0 0 var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-faq__cta-text {
    margin: 0 0 var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-text {
    margin: 0 0 var(--space-base-28) 0;
  }
}
.slrs-faq__cta-text {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
}

.slrs-faq__cta-phone {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__cta-phone {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-phone {
    gap: var(--space-base-20);
  }
}
.slrs-faq__cta-phone {
  padding: var(--space-base-12) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq__cta-phone {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq__cta-phone {
    padding: var(--space-base-20) var(--space-base-40);
  }
}
.slrs-faq__cta-phone {
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  border-radius: var(--radius-xl);
  text-decoration: none;
  box-shadow: 0 8px 30px var(--clr-primary-op-40);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq__cta-phone::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-white-op-25), transparent);
  transition: left 0.6s ease;
}
.slrs-faq__cta-phone:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px var(--clr-primary-op-50);
}
.slrs-faq__cta-phone:hover::before {
  left: 100%;
}
.slrs-faq__cta-phone:hover .slrs-faq__cta-phone-ring {
  animation: slrs-faq-ring-expand 1.5s ease-out;
}

.slrs-faq__cta-phone-icon {
  position: relative;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--clr-primary);
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  box-shadow: 0 4px 15px var(--clr-smoke-op-10);
}

.slrs-faq__cta-phone-ring {
  position: absolute;
  inset: -5px;
  border: 2px solid var(--clr-accent);
  border-radius: inherit;
}

@keyframes slrs-faq-ring-expand {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
.slrs-faq__cta-phone-content {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.slrs-faq__cta-phone-label {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-white-op-80);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slrs-faq__cta-phone-number {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
}

.slrs-faq__accordion .accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__accordion .accordion-wrapper {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion .accordion-wrapper {
    gap: var(--space-base-20);
  }
}
.slrs-faq__accordion .accordion-item {
  background: var(--clr-bg);
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-neutral-200);
  overflow: hidden;
  box-shadow: 0 4px 20px var(--clr-smoke-op-6);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq__accordion .accordion-item:hover {
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 12px 40px var(--clr-smoke-op-10);
  transform: translateY(-6px);
}
.slrs-faq__accordion .accordion-item.active {
  border-color: var(--clr-primary-op-50);
  box-shadow: 0 16px 50px var(--clr-primary-op-20);
  transform: translateY(0);
}
.slrs-faq__accordion .accordion-item.active .accordion-header {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  color: var(--clr-white);
}
.slrs-faq__accordion .accordion-item.active .accordion-header-title {
  color: var(--clr-white);
}
.slrs-faq__accordion .accordion-item.active .accordion-icon {
  color: var(--clr-white);
  background: var(--clr-white-op-20);
}
.slrs-faq__accordion .accordion-item.active .accordion-content {
  border-top: 1px solid var(--clr-primary-op-20);
}
.slrs-faq__accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq__accordion .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion .accordion-header {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq__accordion .accordion-header {
  background: var(--clr-bg);
  border: none;
  min-height: 76px;
  cursor: pointer;
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 35.98em) {
  .slrs-faq__accordion .accordion-header {
    padding: var(--space-base-12) var(--space-base-16);
    min-height: 68px;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq__accordion .accordion-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq__accordion .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-faq__accordion .accordion-header-title {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  color: var(--clr-text);
  text-align: left;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 35.98em) {
  .slrs-faq__accordion .accordion-header-title {
    font-size: var(--ffs-sm);
  }
}
.slrs-faq__accordion .accordion-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  color: var(--clr-primary);
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 35.98em) {
  .slrs-faq__accordion .accordion-icon {
    width: 34px;
    height: 34px;
  }
}
.slrs-faq__accordion .accordion-content-inner {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq__accordion .accordion-content-inner {
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding-top: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq__accordion .accordion-content-inner {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-faq__accordion .accordion-content-inner p {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__accordion .accordion-content-inner p {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion .accordion-content-inner p {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-faq__accordion .accordion-content-inner p {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
}
.slrs-faq__accordion .accordion-content-inner p:last-child {
  margin-bottom: 0;
}

.slrs-faq__accordion--numbered {
  counter-reset: faq-counter;
}
.slrs-faq__accordion--numbered .accordion-item {
  counter-increment: faq-counter;
}
.slrs-faq__accordion--numbered .accordion-header::before {
  content: counter(faq-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq__accordion--numbered .accordion-header::before {
    margin-right: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq__accordion--numbered .accordion-header::before {
    margin-right: var(--space-base-20);
  }
}
.slrs-faq__accordion--numbered .accordion-header::before {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq__accordion--numbered .accordion-item.active .accordion-header::before {
  color: var(--clr-white);
  background: var(--clr-white-op-20);
}
@media (max-width: 61.98em) {
  .slrs-faq__accordion--numbered .slrs-faq__cta {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    margin: var(--space-base-20) auto 0 auto !important;
    max-width: 100% !important;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq__accordion--numbered .slrs-faq__cta {
    margin: var(--space-base-28) auto 0 auto !important;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq__accordion--numbered .slrs-faq__cta {
    margin: var(--space-base-40) auto 0 auto !important;
  }
}

.slrs-faq-home {
  position: relative;
  background: var(--clr-bg-alt);
  overflow: hidden;
}
.slrs-faq-home > .container, .slrs-faq-home > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-faq-home {
  position: relative;
  overflow: hidden;
}
.slrs-faq-home .container {
  position: relative;
  z-index: 10;
}

.slrs-faq-home__sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-home__sidebar {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__sidebar {
    gap: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-faq-home__sidebar {
    gap: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq-home__sidebar {
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq-home__sidebar {
    gap: var(--space-base-28);
  }
}

.slrs-faq-home__stats {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-home__stats {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__stats {
    gap: var(--space-base-20);
  }
}

.slrs-faq-home__stat-card {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-home__stat-card {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__stat-card {
    gap: var(--space-base-28);
  }
}
.slrs-faq-home__stat-card {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-home__stat-card {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__stat-card {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq-home__stat-card {
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 20px var(--clr-smoke-op-6);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq-home__stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px var(--clr-smoke-op-10);
  border-color: var(--clr-primary-op-30);
}

.slrs-faq-home__stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  color: var(--clr-white);
  font-size: 1.25rem;
  box-shadow: 0 6px 20px var(--clr-primary-op-30);
}
.slrs-faq-home__stat-icon--accent {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  box-shadow: 0 6px 20px var(--clr-accent-op-30);
}
.slrs-faq-home__stat-icon--secondary {
  background: linear-gradient(135deg, var(--clr-secondary), var(--clr-secondary-dark));
  box-shadow: 0 6px 20px var(--clr-secondary-op-30);
}

.slrs-faq-home__stat-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.slrs-faq-home__stat-number {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.slrs-faq-home__stat-label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  line-height: 1.4;
}

.slrs-faq-home__accordion .accordion-wrapper {
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-home__accordion .accordion-wrapper {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__accordion .accordion-wrapper {
    gap: var(--space-base-16);
  }
}
.slrs-faq-home__accordion .accordion-item {
  border-radius: var(--radius-xl);
  box-shadow: 0 2px 12px var(--clr-smoke-op-4);
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-faq-home__accordion .accordion-item:hover {
  box-shadow: 0 8px 30px var(--clr-smoke-op-8);
}
.slrs-faq-home__accordion .accordion-item.active {
  box-shadow: 0 12px 40px var(--clr-primary-op-15);
}
.slrs-faq-home__accordion .accordion-header {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-home__accordion .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__accordion .accordion-header {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq-home__accordion .accordion-header {
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
}
@media (max-width: 35.98em) {
  .slrs-faq-home__accordion .accordion-header {
    padding: var(--space-base-12) var(--space-base-16);
    font-size: var(--ffs-sm);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-home__accordion .accordion-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-home__accordion .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-faq-home__accordion .accordion-title-area i {
  font-size: var(--ffs-lg);
}
.slrs-faq-home__accordion .accordion-content-inner {
  padding: 0 var(--space-base-20) var(--space-base-20) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-home__accordion .accordion-content-inner {
    padding: 0 var(--space-base-28) var(--space-base-28) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-home__accordion .accordion-content-inner {
    padding: 0 var(--space-base-40) var(--space-base-40) var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-faq-home__accordion .accordion-content-inner {
    padding: 0 var(--space-base-16) var(--space-base-16) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-home__accordion .accordion-content-inner {
    padding: 0 var(--space-base-20) var(--space-base-20) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-home__accordion .accordion-content-inner {
    padding: 0 var(--space-base-28) var(--space-base-28) var(--space-base-28);
  }
}
.slrs-faq-home__accordion .accordion-content-inner p {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: 0;
}

[data-theme=dark] .slrs-faq-home__stat-card {
  background: var(--clr-neutral-100);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-home__stat-card:hover {
  border-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-faq-home__stat-number {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-faq-home__stat-label {
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-faq-home__accordion .accordion-item {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-faq-home__accordion .accordion-item:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .slrs-faq-home__accordion .accordion-item.active {
  box-shadow: 0 12px 40px var(--clr-primary-op-20);
}

@media (max-width: 61.98em) {
  .slrs-faq-home__sidebar {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .slrs-faq-home__stats {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .slrs-faq-home__stat-card {
    flex: 1 1 calc(33.333% - var(--space-base-16));
    min-width: 180px;
  }
  .slrs-faq-home__sidebar > .slrs-faq__cta {
    width: 100%;
  }
}
@media (max-width: 47.98em) {
  .slrs-faq-home__stat-card {
    flex: 1 1 calc(50% - var(--space-base-16));
  }
}
@media (max-width: 35.98em) {
  .slrs-faq-home__stat-card {
    flex: 1 1 100%;
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-home__stat-card {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-home__stat-card {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-faq-home__stat-icon {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
  }
  .slrs-faq-home__stat-number {
    font-size: var(--ffs-xl);
  }
}
.slrs-faq-page {
  --glass-bg: var(--clr-glass-op-80);
  --glass-border: var(--clr-glass-op-50);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-8);
  --glass-shadow-hover: 0 16px 48px var(--clr-smoke-op-12);
  --glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  --depth-sm: 0 2px 8px var(--clr-smoke-op-4);
  --depth-md: 0 4px 20px var(--clr-smoke-op-6);
  --depth-lg: 0 8px 30px var(--clr-smoke-op-8);
  --depth-xl: 0 16px 50px var(--clr-smoke-op-10);
  --depth-primary: 0 8px 30px var(--clr-primary-op-20);
  --transition-base: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --hover-lift: -6px;
  position: relative;
  background: var(--clr-bg-alt);
  overflow: hidden;
}
.slrs-faq-page > .container, .slrs-faq-page > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-faq-page {
  padding: var(--space-base-48) 0;
}
@media (min-width: 48em) {
  .slrs-faq-page {
    padding: var(--space-base-80) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq-page {
    padding: var(--space-base-120) 0;
  }
}
.slrs-faq-page .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-faq-page {
    padding: var(--space-base-40) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq-page {
    padding: var(--space-base-64) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq-page {
    padding: var(--space-base-96) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-faq-page {
    padding: var(--space-base-32) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-page {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page {
    padding: var(--space-base-72) 0;
  }
}

.slrs-faq-page__search-section {
  margin-bottom: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-faq-page__search-section {
    margin-bottom: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__search-section {
    margin-bottom: var(--space-base-56);
  }
}

.slrs-faq-page__search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__search-wrapper {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__search-wrapper {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__search-wrapper {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__search-wrapper {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__search-wrapper {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq-page__search-wrapper {
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  box-shadow: 0 4px 30px var(--clr-smoke-op-4);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
  overflow: hidden;
}
.slrs-faq-page__search-wrapper:focus-within {
  border-color: var(--clr-primary-op-50);
  box-shadow: 0 0 0 4px var(--clr-primary-op-15), 0 12px 40px var(--clr-smoke-op-8);
  transform: translateY(-2px);
}
.slrs-faq-page__search-wrapper:focus-within .slrs-faq-page__search-icon {
  color: var(--clr-primary);
  transform: scale(1.1);
}
@media (max-width: 35.98em) {
  .slrs-faq-page__search-wrapper {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-page__search-wrapper {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__search-wrapper {
    padding: var(--space-base-20) var(--space-base-28);
  }
}

.slrs-faq-page__search-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  color: var(--clr-neutral-400);
  transition: color var(--transition-base);
}

.slrs-faq-page__search-input {
  flex: 1;
  min-width: 0;
  padding: 0;
  font-family: inherit;
  font-size: var(--ffs-base);
  color: var(--clr-text);
  background: transparent;
  border: none;
  outline: none;
}
.slrs-faq-page__search-input::placeholder {
  color: var(--clr-neutral-400);
}

.slrs-faq-page__search-shortcut {
  display: flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-faq-page__search-shortcut {
    gap: var(--space-base-8);
  }
}
.slrs-faq-page__search-shortcut {
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__search-shortcut {
    padding: var(--space-base-8) var(--space-base-10);
  }
}
.slrs-faq-page__search-shortcut {
  background: var(--clr-neutral-100);
  border-radius: var(--radius-sm);
}
.slrs-faq-page__search-shortcut kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__search-shortcut kbd {
    padding: var(--space-base-8) var(--space-base-10);
  }
}
.slrs-faq-page__search-shortcut kbd {
  font-family: inherit;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xs);
  box-shadow: 0 1px 0 var(--clr-neutral-200);
}
@media (max-width: 47.98em) {
  .slrs-faq-page__search-shortcut {
    display: none;
  }
}

.slrs-faq-page__search-clear {
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  color: var(--clr-neutral-400);
  background: var(--clr-neutral-100);
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: color var(--transition-fast), background var(--transition-fast);
}
.slrs-faq-page__search-clear:hover {
  color: var(--clr-danger);
  background: var(--clr-danger-op-10);
}
.slrs-faq-page__search-clear.is-visible {
  display: flex;
}

.slrs-faq-page__search-hint {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__search-hint {
    gap: var(--space-base-10);
  }
}
.slrs-faq-page__search-hint {
  margin-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__search-hint {
    margin-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__search-hint {
    margin-top: var(--space-base-16);
  }
}
.slrs-faq-page__search-hint {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-faq-page__search-hint i {
  color: var(--clr-accent);
}
.slrs-faq-page__search-hint a {
  color: var(--clr-primary);
  text-decoration: none;
  font-weight: var(--fw-medium);
  transition: color var(--transition-fast);
}
.slrs-faq-page__search-hint a:hover {
  color: var(--clr-primary-dark);
  text-decoration: underline;
}

.slrs-faq-page__tabs .universal-tabs-nav-wrapper {
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-full);
  padding: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .universal-tabs-nav-wrapper {
    padding: var(--space-base-6);
  }
}
.slrs-faq-page__tabs .universal-tabs-nav-wrapper {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__tabs .universal-tabs-nav-wrapper {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .universal-tabs-nav-wrapper {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-faq-page__tabs .tabs-container,
.slrs-faq-page__tabs .universal-tabs-nav {
  background: transparent;
  border-bottom: none;
  padding: 0;
  margin: 0;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .tabs-container,
  .slrs-faq-page__tabs .universal-tabs-nav {
    gap: var(--space-base-6);
  }
}
.slrs-faq-page__tabs .tabs-container,
.slrs-faq-page__tabs .universal-tabs-nav {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slrs-faq-page__tabs .tabs-container::-webkit-scrollbar,
.slrs-faq-page__tabs .universal-tabs-nav::-webkit-scrollbar {
  display: none;
}
.slrs-faq-page__tabs .tabs-container,
.slrs-faq-page__tabs .universal-tabs-nav {
  mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
}
@media (max-width: 35.98em) {
  .slrs-faq-page__tabs .tabs-container,
  .slrs-faq-page__tabs .universal-tabs-nav {
    padding-left: var(--space-base-8);
    padding-right: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__tabs .tabs-container,
  .slrs-faq-page__tabs .universal-tabs-nav {
    padding-left: var(--space-base-10);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__tabs .tabs-container,
  .slrs-faq-page__tabs .universal-tabs-nav {
    padding-right: var(--space-base-10);
  }
}
.slrs-faq-page__tabs .tab-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__tabs .tab-item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .tab-item {
    gap: var(--space-base-16);
  }
}
.slrs-faq-page__tabs .tab-item {
  flex-shrink: 0;
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-page__tabs .tab-item {
    padding: var(--space-base-12) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .tab-item {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
.slrs-faq-page__tabs .tab-item {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  background: transparent;
  border: none;
  border-radius: var(--radius-full);
  box-shadow: none;
  white-space: nowrap;
  min-height: auto;
  transition: color var(--transition-base);
}
.slrs-faq-page__tabs .tab-item .tab-icon2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0.75rem;
  color: inherit;
  background: transparent;
  border-radius: var(--radius-md);
  transition: transform var(--transition-base);
}
.slrs-faq-page__tabs .tab-item .tab-icon2 i {
  font-size: 0.85rem;
  opacity: 0.8;
  transition: opacity var(--transition-fast);
}
.slrs-faq-page__tabs .tab-item .tab-label {
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .tab-item .tab-label {
    gap: var(--space-base-6);
  }
}
.slrs-faq-page__tabs .tab-item .tab-label .tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__tabs .tab-item .tab-label .tab-count {
    padding: var(--space-base-8) var(--space-base-10);
  }
}
.slrs-faq-page__tabs .tab-item .tab-label .tab-count {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  background: var(--clr-neutral-200);
  border-radius: var(--radius-full);
  transition: background var(--transition-base), color var(--transition-base);
}
.slrs-faq-page__tabs .tab-item:hover:not(:disabled):not([aria-disabled=true]) {
  color: var(--clr-primary);
  background: transparent;
  border-color: transparent;
  transform: none;
  box-shadow: none;
}
.slrs-faq-page__tabs .tab-item:hover:not(:disabled):not([aria-disabled=true]) .tab-icon2 {
  color: var(--clr-primary);
  transform: scale(1.1) rotate(8deg);
}
.slrs-faq-page__tabs .tab-item:hover:not(:disabled):not([aria-disabled=true]) .tab-icon2 i {
  opacity: 1;
}
.slrs-faq-page__tabs .tab-item:hover:not(:disabled):not([aria-disabled=true]) .tab-count {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
}
.slrs-faq-page__tabs .tab-item.active, .slrs-faq-page__tabs .tab-item[aria-selected=true] {
  color: var(--clr-white) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.slrs-faq-page__tabs .tab-item.active .tab-icon2, .slrs-faq-page__tabs .tab-item[aria-selected=true] .tab-icon2 {
  color: var(--clr-white) !important;
}
.slrs-faq-page__tabs .tab-item.active .tab-count, .slrs-faq-page__tabs .tab-item[aria-selected=true] .tab-count {
  background: var(--clr-white-op-25) !important;
  color: var(--clr-white) !important;
}
.slrs-faq-page__tabs .tab-item.active:hover:not(:disabled), .slrs-faq-page__tabs .tab-item[aria-selected=true]:hover:not(:disabled) {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}
.slrs-faq-page__tabs .universal-tab-indicator {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  border-radius: var(--radius-full);
  box-shadow: 0 4px 15px var(--clr-primary-op-35);
}
.slrs-faq-page__tabs .tab-content-wrapper {
  background-color: transparent;
}
.slrs-faq-page__tabs .tab-category-content,
.slrs-faq-page__tabs .universal-tab-panel {
  padding: 0;
  color: inherit;
}
.slrs-faq-page__tabs .tab-category-content .slrs-faq-page__section,
.slrs-faq-page__tabs .universal-tab-panel .slrs-faq-page__section {
  margin-bottom: 0;
  scroll-margin-top: 120px;
}

.slrs-faq-page__stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-72);
  }
}
.slrs-faq-page__stats {
  margin-bottom: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-faq-page__stats {
    margin-bottom: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__stats {
    margin-bottom: var(--space-base-72);
  }
}
.slrs-faq-page__stats {
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__stats {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__stats {
    padding: var(--space-base-40);
  }
}
.slrs-faq-page__stats {
  background: var(--glass-bg);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-faq-page__stats {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-faq-page__stats {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--glass-shadow);
  position: relative;
  overflow: hidden;
}
.slrs-faq-page__stats::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--glass-noise);
  opacity: 0.02;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media (max-width: 47.98em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-20);
    flex-wrap: wrap;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-28);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-faq-page__stats {
    flex-direction: column;
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__stats {
    gap: var(--space-base-28);
  }
}

.slrs-faq-page__stat {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__stat {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__stat {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__stat {
  text-align: left;
  position: relative;
  z-index: 2;
  transition: transform var(--transition-base);
}
.slrs-faq-page__stat:hover {
  transform: translateY(-3px);
}
.slrs-faq-page__stat:hover .slrs-faq-page__stat-icon {
  transform: scale(1.1) rotate(6deg);
}
@media (max-width: 35.98em) {
  .slrs-faq-page__stat {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-page__stat {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__stat {
    gap: var(--space-base-16);
  }
}

.slrs-faq-page__stat-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-xl);
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-5));
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  box-shadow: 0 4px 20px var(--clr-primary-op-20);
  transition: transform var(--transition-base);
}
.slrs-faq-page__stat-icon:hover {
  transform: translateY(-3px);
}
.slrs-faq-page__stat-icon--primary svg {
  width: var(--size-fs-xl);
  height: var(--size-fs-xl);
  min-width: var(--size-fs-xl);
  min-height: var(--size-fs-xl);
  color: var(--clr-primary);
  fill: currentColor;
}
.slrs-faq-page__stat-icon--accent {
  color: var(--clr-accent-dark);
  background: linear-gradient(135deg, var(--clr-accent-op-20), var(--clr-accent-op-5));
  box-shadow: 0 4px 20px var(--clr-accent-op-20);
}
.slrs-faq-page__stat-icon--success {
  color: var(--clr-success);
  background: linear-gradient(135deg, var(--clr-success-op-15), var(--clr-success-op-5));
  box-shadow: 0 4px 20px var(--clr-success-op-20);
}

.slrs-faq-page__stat-content strong {
  display: block;
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-faq-page__stat-content span {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}

.slrs-faq-page__stat-divider {
  width: 1px;
  height: 50px;
  background: linear-gradient(180deg, transparent, var(--clr-neutral-200), transparent);
}
@media (max-width: 35.98em) {
  .slrs-faq-page__stat-divider {
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--clr-neutral-200), transparent);
  }
}

.slrs-faq-page__section {
  margin-bottom: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-faq-page__section {
    margin-bottom: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section {
    margin-bottom: var(--space-base-72);
  }
}
.slrs-faq-page__section {
  scroll-margin-top: 120px;
}
.slrs-faq-page__section:last-child {
  margin-bottom: 0;
}

.slrs-faq-page__section-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-page__section-header {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section-header {
    gap: var(--space-base-28);
  }
}
.slrs-faq-page__section-header {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__section-header {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section-header {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-faq-page__section-header {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-page__section-header {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section-header {
    padding: var(--space-base-28);
  }
}
.slrs-faq-page__section-header {
  background: var(--clr-bg);
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-neutral-200);
  box-shadow: var(--depth-sm);
  transition: box-shadow var(--transition-base);
}
.slrs-faq-page__section-header:hover {
  box-shadow: var(--depth-md);
}
@media (max-width: 35.98em) {
  .slrs-faq-page__section-header {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-faq-page__section-header {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-faq-page__section-header {
    gap: var(--space-base-20);
  }
}

.slrs-faq-page__section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  font-size: 1.5rem;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-5));
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 15px var(--clr-primary-op-20);
}
.slrs-faq-page__section-icon--secondary {
  color: var(--clr-secondary);
  background: linear-gradient(135deg, var(--clr-secondary-op-15), var(--clr-secondary-op-5));
  box-shadow: 0 4px 15px var(--clr-secondary-op-20);
}
.slrs-faq-page__section-icon--accent {
  color: var(--clr-accent-dark);
  background: linear-gradient(135deg, var(--clr-accent-op-15), var(--clr-accent-op-5));
  box-shadow: 0 4px 15px var(--clr-accent-op-20);
}
.slrs-faq-page__section-icon--success {
  color: var(--clr-success);
  background: linear-gradient(135deg, var(--clr-success-op-15), var(--clr-success-op-5));
  box-shadow: 0 4px 15px var(--clr-success-op-20);
}

.slrs-faq-page__section-content {
  flex: 1;
  min-width: 0;
}

.slrs-faq-page__section-title {
  margin: 0 0 var(--space-base-6) 0;
}
@media (min-width: 75em) {
  .slrs-faq-page__section-title {
    margin: 0 0 var(--space-base-8) 0;
  }
}
.slrs-faq-page__section-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}

.slrs-faq-page__section-subtitle {
  margin: 0;
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}

.slrs-faq-page__section-count {
  flex-shrink: 0;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__section-count {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section-count {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-faq-page__section-count {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
}

.slrs-faq-page__section .accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-wrapper {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-wrapper {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__section .accordion-item {
  background: var(--clr-bg);
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-neutral-200);
  overflow: hidden;
  box-shadow: var(--depth-sm);
  position: relative;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.slrs-faq-page__section .accordion-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: 5;
}
.slrs-faq-page__section .accordion-item:hover {
  border-color: var(--clr-primary-op-40);
  box-shadow: var(--depth-lg);
  transform: translateY(var(--hover-lift));
}
.slrs-faq-page__section .accordion-item.active {
  border-color: var(--clr-primary-op-30);
  box-shadow: var(--depth-primary);
  transform: translateY(0);
}
.slrs-faq-page__section .accordion-item.active::before {
  opacity: 1;
}
.slrs-faq-page__section .accordion-item.active .accordion-header {
  background: linear-gradient(90deg, var(--clr-primary-op-5), transparent);
  color: var(--clr-primary);
}
.slrs-faq-page__section .accordion-item.active .accordion-header-title {
  color: var(--clr-primary);
}
.slrs-faq-page__section .accordion-item.active .accordion-icon-toggle {
  color: var(--clr-white);
  background: var(--clr-primary);
  transform: rotate(180deg);
  box-shadow: 0 4px 10px var(--clr-primary-op-30);
}
.slrs-faq-page__section .accordion-item.active .accordion-content {
  border-top: 1px solid var(--clr-primary-op-10);
}
.slrs-faq-page__section .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-header {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__section .accordion-header {
  width: 100%;
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-header {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq-page__section .accordion-header {
  font-family: inherit;
  text-align: left;
  background: var(--clr-bg);
  border: none;
  cursor: pointer;
  transition: background var(--transition-base), color var(--transition-base);
}
.slrs-faq-page__section .accordion-header:hover {
  background: var(--clr-bg-alt);
}
.slrs-faq-page__section .accordion-header-title {
  flex: 1;
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  color: var(--clr-text);
  transition: color var(--transition-base);
}
.slrs-faq-page__section .accordion-icon-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  color: var(--clr-primary);
  transition: background var(--transition-base), color var(--transition-base), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-faq-page__section .accordion-content-inner {
  padding: var(--space-base-16) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-content-inner {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-content-inner {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
.slrs-faq-page__section .accordion-content-inner p {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-content-inner p {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-content-inner p {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-faq-page__section .accordion-content-inner p {
  font-size: var(--ffs-sm);
  line-height: 1.75;
  color: var(--clr-text-muted);
}
.slrs-faq-page__section .accordion-content-inner p:last-child {
  margin-bottom: 0;
}
.slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
  margin: var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
    margin: var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
    margin: var(--space-base-20) 0;
  }
}
.slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
  padding-left: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
    padding-left: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-content-inner ul, .slrs-faq-page__section .accordion-content-inner ol {
    padding-left: var(--space-base-28);
  }
}
.slrs-faq-page__section .accordion-content-inner ul li, .slrs-faq-page__section .accordion-content-inner ol li {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__section .accordion-content-inner ul li, .slrs-faq-page__section .accordion-content-inner ol li {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-faq-page__section .accordion-content-inner ul li, .slrs-faq-page__section .accordion-content-inner ol li {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}

.slrs-faq-page__sidebar {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar {
    gap: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-faq-page__sidebar {
    position: static;
    margin-top: var(--space-base-32);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-faq-page__sidebar {
    margin-top: var(--space-base-48);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-faq-page__sidebar {
    margin-top: var(--space-base-72);
  }
}

.slrs-faq-page__sidebar-card {
  position: relative;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card {
    padding: var(--space-base-40);
  }
}
.slrs-faq-page__sidebar-card {
  background: var(--glass-bg);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-faq-page__sidebar-card {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-faq-page__sidebar-card {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--glass-shadow);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-faq-page__sidebar-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--glass-noise);
  opacity: 0.02;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.slrs-faq-page__sidebar-card:hover {
  box-shadow: var(--glass-shadow-hover);
  transform: translateY(-4px);
}
.slrs-faq-page__sidebar-card h3 {
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card h3 {
    margin: 0 0 var(--space-base-12) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card h3 {
    margin: 0 0 var(--space-base-16) 0;
  }
}
.slrs-faq-page__sidebar-card h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-faq-page__sidebar-card p {
  margin: 0 0 var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card p {
    margin: 0 0 var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card p {
    margin: 0 0 var(--space-base-28) 0;
  }
}
.slrs-faq-page__sidebar-card p {
  font-size: var(--ffs-sm);
  line-height: 1.7;
  color: var(--clr-text-muted);
}

.slrs-faq-page__sidebar-card-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card-header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card-header {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-card-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card-header {
    margin-bottom: var(--space-base-20);
  }
}

.slrs-faq-page__sidebar-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 1.25rem;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-5));
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  box-shadow: 0 4px 15px var(--clr-primary-op-20);
}
.slrs-faq-page__sidebar-card-icon--danger {
  color: var(--clr-danger);
  background: linear-gradient(135deg, var(--clr-danger-op-15), var(--clr-danger-op-5));
  box-shadow: 0 4px 15px var(--clr-danger-op-20);
}
.slrs-faq-page__sidebar-card-icon--accent {
  color: var(--clr-accent-dark);
  background: linear-gradient(135deg, var(--clr-accent-op-20), var(--clr-accent-op-5));
  box-shadow: 0 4px 15px var(--clr-accent-op-20);
}

.slrs-faq-page__sidebar-card-badge {
  position: absolute;
  top: var(--space-base-16);
  right: var(--space-base-16);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card-badge {
    gap: var(--space-base-8);
  }
}
.slrs-faq-page__sidebar-card-badge {
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-card-badge {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card-badge {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-faq-page__sidebar-card-badge {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-danger), var(--clr-danger-dark));
  border-radius: var(--radius-full);
  box-shadow: 0 4px 15px var(--clr-danger-op-40);
  transition: transform var(--transition-base);
}
.slrs-faq-page__sidebar-card-badge:hover {
  transform: scale(1.05);
}
.slrs-faq-page__sidebar-card-badge {
  z-index: 5;
}

@keyframes faq-page-badge-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
}
.slrs-faq-page__sidebar-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-contact {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-contact {
    gap: var(--space-base-16);
  }
}
.slrs-faq-page__sidebar-contact {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-contact {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-contact {
    margin-bottom: var(--space-base-28);
  }
}

.slrs-faq-page__sidebar-contact-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-contact-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-contact-item {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-contact-item {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-contact-item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-contact-item {
    padding: var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-contact-item {
  background: var(--clr-bg-alt);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
}
.slrs-faq-page__sidebar-contact-item:hover {
  background: var(--clr-primary-op-10);
  transform: translateX(4px);
}
.slrs-faq-page__sidebar-contact-item:hover .slrs-faq-page__sidebar-contact-icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  color: var(--clr-white);
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}

.slrs-faq-page__sidebar-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  transition: background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
}

.slrs-faq-page__sidebar-contact-text {
  display: flex;
  flex-direction: column;
}
.slrs-faq-page__sidebar-contact-text small {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-faq-page__sidebar-contact-text strong {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}

.slrs-faq-page__sidebar-card--emergency {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.03) 0%, var(--clr-bg) 100%);
  border: 1px dashed var(--clr-danger-op-30);
}
.slrs-faq-page__sidebar-card--emergency .slrs-faq-page__sidebar-card-header h3 {
  color: var(--clr-danger);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-card--emergency .slrs-faq-page__sidebar-card-header h3 {
    gap: var(--space-base-10);
  }
}
.slrs-faq-page__sidebar-card--emergency:hover {
  border-color: var(--clr-danger-op-60);
  box-shadow: 0 10px 30px rgba(239, 68, 68, 0.08);
}

.slrs-faq-page__sidebar-card--accent {
  background: linear-gradient(135deg, var(--clr-accent-op-5) 0%, var(--glass-bg) 100%);
  border-color: var(--clr-accent-op-30);
}

.slrs-pulse-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--clr-danger);
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
}

@keyframes slrs-pulse-emergency {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
  }
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}
.slrs-faq-page__sidebar-list {
  list-style: none;
  margin: 0 0 var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-list {
    margin: 0 0 var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-list {
    margin: 0 0 var(--space-base-28) 0;
  }
}
.slrs-faq-page__sidebar-list {
  padding: 0;
}
.slrs-faq-page__sidebar-list li {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-list li {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-list li {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-list li {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-list li {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-list li {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-faq-page__sidebar-list li {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  padding: var(--space-base-8) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-list li {
    padding: var(--space-base-8) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-list li {
    padding: var(--space-base-10) var(--space-base-16);
  }
}
.slrs-faq-page__sidebar-list li {
  background: var(--clr-bg-alt);
  border-radius: var(--radius-lg);
  transition: transform var(--transition-base), background var(--transition-base), color var(--transition-base);
}
.slrs-faq-page__sidebar-list li:last-child {
  margin-bottom: 0;
}
.slrs-faq-page__sidebar-list li:hover {
  transform: translateX(4px);
  background: var(--clr-primary-op-5);
  color: var(--clr-primary);
}
.slrs-faq-page__sidebar-list li i {
  flex-shrink: 0;
  color: var(--clr-success);
  font-size: var(--ffs-sm);
}

.slrs-faq-page__sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slrs-faq-page__sidebar-links li {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-links li {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-faq-page__sidebar-links li:last-child {
  margin-bottom: 0;
}
.slrs-faq-page__sidebar-links a {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-links a {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-links a {
    gap: var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-links a {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-faq-page__sidebar-links a {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-faq-page__sidebar-links a {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-faq-page__sidebar-links a {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  background: var(--clr-bg-alt);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: color var(--transition-base), background var(--transition-base), transform var(--transition-base);
}
.slrs-faq-page__sidebar-links a i {
  font-size: 0.8rem;
}
.slrs-faq-page__sidebar-links a i:first-child {
  color: var(--clr-primary);
  width: 20px;
  text-align: center;
}
.slrs-faq-page__sidebar-links a i:last-child {
  margin-left: auto;
  color: var(--clr-neutral-300);
  font-size: 0.65rem;
  transition: transform var(--transition-base);
}
.slrs-faq-page__sidebar-links a:hover {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  transform: translateX(4px);
}
.slrs-faq-page__sidebar-links a:hover i:last-child {
  transform: translateX(2px);
  color: var(--clr-primary);
}

[data-theme=dark] .slrs-faq {
  background: var(--clr-bg);
  --glass-bg: rgba(30, 41, 59, 0.7);
  --glass-border: var(--clr-glass-op-8);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-40);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-faq__cta {
  border-color: var(--clr-neutral-300);
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-faq__accordion .accordion-item {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq__accordion .accordion-item .accordion-header {
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-faq__accordion .accordion-item .accordion-icon-toggle {
  background: var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-faq-page {
  background: var(--clr-bg);
  --glass-bg: rgba(30, 41, 59, 0.7);
  --glass-border: var(--clr-glass-op-8);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-40);
  --glass-shadow-hover: 0 20px 50px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-faq-page__search-wrapper {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-page__tabs .universal-tabs-nav-wrapper {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-page__tabs .tab-item {
  background: transparent !important;
  border-color: transparent !important;
}
[data-theme=dark] .slrs-faq-page__tabs .tab-item .tab-count {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-faq-page__tabs .tab-item.active .tab-count {
  background: rgba(255, 255, 255, 0.2) !important;
}
[data-theme=dark] .slrs-faq-page__tabs .universal-tab-indicator {
  background: linear-gradient(135deg, var(--clr-primary-dark), var(--clr-primary));
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-faq-page__stats {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-page__stat-divider {
  background: linear-gradient(180deg, transparent, var(--clr-neutral-300), transparent);
}
[data-theme=dark] .slrs-faq-page__section-header {
  border-color: var(--clr-neutral-300);
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-faq-page__section .accordion-item {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-page__section .accordion-item::before {
  background: linear-gradient(to bottom, var(--clr-primary-dark), var(--clr-accent));
}
[data-theme=dark] .slrs-faq-page__section .accordion-item .accordion-header {
  background: transparent;
}
[data-theme=dark] .slrs-faq-page__section .accordion-item.active {
  border-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-faq-page__section .accordion-item.active .accordion-header {
  background: linear-gradient(90deg, var(--clr-primary-op-10), transparent);
  color: var(--clr-primary-dark);
}
[data-theme=dark] .slrs-faq-page__section .accordion-item.active .accordion-header-title {
  color: var(--clr-primary-dark);
}
[data-theme=dark] .slrs-faq-page__section .accordion-item.active .accordion-icon-toggle {
  background: var(--clr-primary-dark);
  color: var(--clr-white);
  box-shadow: 0 4px 10px var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-faq-page__sidebar-list li {
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-faq-page__sidebar-list li:hover {
  background: var(--clr-primary-op-15);
  color: var(--clr-primary-dark);
}
[data-theme=dark] .slrs-faq-page__sidebar-card {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-faq-page__sidebar-links a {
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-faq__bottom-cta {
  border-color: var(--clr-neutral-300);
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-surface-frost));
}

.slrs-faq__bottom-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-faq__bottom-cta {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-faq__bottom-cta {
    gap: var(--space-base-40);
  }
}
.slrs-faq__bottom-cta {
  margin-top: var(--space-base-40);
}
@media (min-width: 48em) {
  .slrs-faq__bottom-cta {
    margin-top: var(--space-base-64);
  }
}
@media (min-width: 75em) {
  .slrs-faq__bottom-cta {
    margin-top: var(--space-base-96);
  }
}
.slrs-faq__bottom-cta {
  padding: var(--space-base-20) var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-faq__bottom-cta {
    padding: var(--space-base-28) var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-faq__bottom-cta {
    padding: var(--space-base-40) var(--space-base-72);
  }
}
.slrs-faq__bottom-cta {
  background: linear-gradient(135deg, var(--clr-primary-op-5), var(--clr-accent-op-5));
  border: 1px solid var(--clr-primary-op-20);
  border-radius: var(--radius-2xl);
  box-shadow: 0 10px 40px var(--clr-smoke-op-8);
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.slrs-faq__bottom-cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px var(--clr-smoke-op-12);
  border-color: var(--clr-primary-op-40);
}
@media (max-width: 47.98em) {
  .slrs-faq__bottom-cta {
    flex-direction: column;
    text-align: center;
    padding: var(--space-base-20);
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-faq__bottom-cta {
    padding: var(--space-base-28);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-faq__bottom-cta {
    padding: var(--space-base-40);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-faq__bottom-cta {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-faq__bottom-cta {
    gap: var(--space-base-28);
  }
}

.slrs-faq__bottom-cta-content {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-faq__bottom-cta-content {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-faq__bottom-cta-content {
    gap: var(--space-base-28);
  }
}
.slrs-faq__bottom-cta-content {
  text-align: left;
}
.slrs-faq__bottom-cta-content i {
  font-size: 2.2rem;
  color: var(--clr-accent);
  flex-shrink: 0;
}
.slrs-faq__bottom-cta-content strong {
  display: block;
  font-size: var(--ffs-base);
  color: var(--clr-text);
  font-weight: var(--fw-bold);
  margin-bottom: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-faq__bottom-cta-content strong {
    margin-bottom: var(--space-base-6);
  }
}
.slrs-faq__bottom-cta-content span, .slrs-faq__bottom-cta-content div {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
}
@media (max-width: 47.98em) {
  .slrs-faq__bottom-cta-content {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-12);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-faq__bottom-cta-content {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-faq__bottom-cta-content {
    gap: var(--space-base-20);
  }
}

@keyframes slrs-faq-lightbulb-glow {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 2px var(--clr-accent-op-40));
  }
  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 10px var(--clr-accent));
  }
}
.universal-accordion-icon-opened {
  display: none;
}

.universal-accordion-item.active .universal-accordion-icon-closed {
  display: none;
}
.universal-accordion-item.active .universal-accordion-icon-opened {
  display: block;
}

.slrs-team-card {
  --card-shadow: 0 2px 8px -1px var(--clr-smoke-op-4), 0 8px 20px -4px var(--clr-smoke-op-8);
  --card-shadow-hover: 0 4px 10px -2px var(--clr-smoke-op-4),
    0 20px 40px -10px var(--clr-smoke-op-15), 0 0 25px 0 var(--clr-primary-op-15);
  --image-height: 250px;
  --image-height-sm: 210px;
  --social-size: 34px;
  --skill-bar-height: 4px;
  --hover-lift: -6px;
  --transition-base: 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-slow: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  --neon-primary: 0 0 5px var(--clr-primary-op-50),
    0 0 10px var(--clr-primary-op-40), 0 0 20px var(--clr-primary-op-30),
    0 0 40px var(--clr-primary-op-20);
  --neon-accent: 0 0 5px var(--clr-accent-op-60),
    0 0 10px var(--clr-accent-op-50), 0 0 20px var(--clr-accent-op-40);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--card-shadow);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: transform, box-shadow;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.slrs-team-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0.35) 60%, transparent 80%);
  transform: skewX(-20deg) translate3d(0, 0, 0);
  z-index: 6;
  pointer-events: none;
  transition: none;
}
.slrs-team-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: 5;
}
.slrs-team-card:hover {
  transform: translate3d(0, var(--hover-lift), 0);
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-30);
}
.slrs-team-card:hover::before {
  left: 150%;
  transition: left 0.75s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-team-card:hover::after {
  opacity: 1;
}
.slrs-team-card:hover .slrs-team-card__image::before {
  opacity: 1;
}
.slrs-team-card:hover .slrs-team-card__image img {
  transform: scale(1.06);
}
.slrs-team-card:hover .slrs-team-card__overlay {
  opacity: 1;
}
@media (hover: hover) {
  .slrs-team-card:hover .slrs-team-card__overlay::after {
    opacity: 0.8;
  }
}
.slrs-team-card:hover .slrs-team-card__social {
  transform: translateY(0);
  opacity: 1;
}
.slrs-team-card:hover .slrs-team-card__social-link {
  transform: scale(1);
  opacity: 1;
}
.slrs-team-card:hover .slrs-team-card__social-link:nth-child(1) {
  transition-delay: 0.04s;
}
.slrs-team-card:hover .slrs-team-card__social-link:nth-child(2) {
  transition-delay: 0.08s;
}
.slrs-team-card:hover .slrs-team-card__social-link:nth-child(3) {
  transition-delay: 0.12s;
}
.slrs-team-card:hover .slrs-team-card__social-link:nth-child(4) {
  transition-delay: 0.16s;
}
.slrs-team-card:focus-within {
  outline: var(--focus-ring-primary);
  outline-offset: 4px;
}
.slrs-team-card[data-visible=false] {
  opacity: 0;
  transform: translateY(24px);
}
.slrs-team-card[data-visible=true] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--transition-base), border-color var(--transition-base);
}
.slrs-team-card:nth-child(1)[data-visible=true] {
  transition-delay: 0.05s;
}
.slrs-team-card:nth-child(2)[data-visible=true] {
  transition-delay: 0.1s;
}
.slrs-team-card:nth-child(3)[data-visible=true] {
  transition-delay: 0.15s;
}
.slrs-team-card:nth-child(4)[data-visible=true] {
  transition-delay: 0.2s;
}
.slrs-team-card:nth-child(5)[data-visible=true] {
  transition-delay: 0.25s;
}
.slrs-team-card:nth-child(6)[data-visible=true] {
  transition-delay: 0.3s;
}
.slrs-team-card:nth-child(7)[data-visible=true] {
  transition-delay: 0.35s;
}
.slrs-team-card:nth-child(8)[data-visible=true] {
  transition-delay: 0.4s;
}
.slrs-team-card:nth-child(9)[data-visible=true] {
  transition-delay: 0.45s;
}
.slrs-team-card:hover {
  transition-delay: 0s !important;
}

.slrs-team-card__image {
  position: relative;
  width: 100%;
  height: var(--image-height);
  overflow: hidden;
  background: linear-gradient(135deg, var(--clr-neutral-200), var(--clr-neutral-100));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-team-card__image::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: 2;
}
.slrs-team-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--clr-smoke-op-20) 0%, var(--clr-smoke-op-4) 25%, transparent 50%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 1;
  transition: opacity var(--transition-slow);
  z-index: 1;
  pointer-events: none;
}
.slrs-team-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 47.98em) {
  .slrs-team-card__image {
    height: var(--image-height-sm);
  }
}

.slrs-team-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--clr-smoke-op-85) 0%, var(--clr-smoke-op-40) 40%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-team-card__overlay {
    padding-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__overlay {
    padding-bottom: var(--space-base-28);
  }
}
.slrs-team-card__overlay {
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: 3;
  overflow: hidden;
}

.slrs-team-card__social {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__social {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__social {
    gap: var(--space-base-16);
  }
}
.slrs-team-card__social {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  padding: 6px 14px;
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
}
[data-theme=dark] .slrs-team-card__social {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

.slrs-team-card__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--social-size);
  height: var(--social-size);
  background: rgba(255, 255, 255, 0.15);
  color: var(--clr-white);
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 0.85rem;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: visible;
  transform: scale(0.8) translate3d(0, 0, 0);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
[data-theme=dark] .slrs-team-card__social-link {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.slrs-team-card__social-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--clr-white);
  border-radius: var(--radius-full);
  opacity: 0;
  transform: scale(0.8) translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.1, 0.8, 0.3, 1), opacity 0.5s ease, border-color 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
.slrs-team-card__social-link i {
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
}
.slrs-team-card__social-link:hover {
  color: var(--clr-white);
  border-color: transparent;
  transform: translate3d(0, -4px, 0) scale(1.15);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px var(--clr-primary-op-30);
}
.slrs-team-card__social-link:hover::after {
  opacity: 1;
  transform: scale(1.35) translate3d(0, 0, 0);
  border-color: var(--clr-primary);
}
.slrs-team-card__social-link:hover i {
  transform: scale(1.1);
}
.slrs-team-card__social-link[aria-label=LinkedIn]:hover {
  background: linear-gradient(135deg, #0a66c2, #0077b5);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px rgba(10, 102, 194, 0.4);
}
.slrs-team-card__social-link[aria-label=LinkedIn]:hover::after {
  border-color: #0077b5;
}
.slrs-team-card__social-link[aria-label=Email]:hover {
  background: linear-gradient(135deg, #ea4335, #c5221f);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px rgba(234, 67, 53, 0.4);
}
.slrs-team-card__social-link[aria-label=Email]:hover::after {
  border-color: #ea4335;
}
.slrs-team-card__social-link[aria-label=Phone]:hover {
  background: linear-gradient(135deg, #22c55e, #15803d);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.4);
}
.slrs-team-card__social-link[aria-label=Phone]:hover::after {
  border-color: #22c55e;
}
.slrs-team-card__social-link:focus-visible {
  outline: 2px solid var(--clr-white);
  outline-offset: 3px;
}

.slrs-team-card__badge {
  position: absolute;
  top: var(--space-base-8);
  left: var(--space-base-8);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-team-card__badge {
    gap: var(--space-base-8);
  }
}
.slrs-team-card__badge {
  padding: 3px var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__badge {
    padding: 3px var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__badge {
    padding: 3px var(--space-base-16);
  }
}
.slrs-team-card__badge {
  font-size: 0.65rem;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-primary-light));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full);
  box-shadow: 0 3px 12px var(--clr-accent-op-50);
  z-index: 4;
  overflow: hidden;
}
.slrs-team-card__badge i {
  font-size: 0.6rem;
  animation: slrs-team-badge-spin 6s linear infinite;
}

@keyframes slrs-team-badge-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.slrs-team-card__experience {
  position: absolute;
  top: var(--space-base-8);
  right: var(--space-base-8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: var(--clr-primary);
  border: 2px solid var(--clr-white);
  border-radius: 50%;
  box-shadow: 0 0 15px var(--clr-primary-op-60);
  z-index: 4;
  line-height: 1;
}
.slrs-team-card__experience strong {
  font-size: 0.75rem;
  font-weight: 800;
  display: block;
  margin-bottom: 1px;
}
.slrs-team-card__experience span {
  font-size: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.9;
  display: block;
}

.slrs-team-card__status-pill {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-full);
  font-size: 0.55rem;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-text-muted);
  z-index: 4;
  pointer-events: none;
  box-shadow: var(--shadow-sm);
}

.slrs-team-card__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  animation: slrs-team-status-blink 1.5s ease-in-out infinite;
}
.slrs-team-card__status-dot--active {
  background-color: var(--clr-success);
  color: var(--clr-success);
  box-shadow: 0 0 6px var(--clr-success);
}
.slrs-team-card__status-dot--field {
  background-color: var(--clr-primary);
  color: var(--clr-primary);
  box-shadow: 0 0 6px var(--clr-primary);
}
.slrs-team-card__status-dot--busy {
  background-color: var(--clr-warning);
  color: var(--clr-warning);
  box-shadow: 0 0 6px var(--clr-warning);
}

@keyframes slrs-team-status-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.slrs-team-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-base-16) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-team-card__content {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__content {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
.slrs-team-card__content {
  text-align: center;
  position: relative;
}
.slrs-team-card__content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, var(--clr-primary-op-5), transparent);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity var(--transition-base);
  pointer-events: none;
}
.slrs-team-card:hover .slrs-team-card__content::before {
  opacity: 1;
}

.slrs-team-card__name {
  padding-bottom: 6px;
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-sm), 1.4vw, var(--ffs-base));
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.3;
  background: linear-gradient(135deg, var(--clr-text), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: transform var(--transition-base);
  position: relative;
  display: inline-block;
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-team-card__name {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__name {
    margin-top: var(--space-base-20);
  }
}
.slrs-team-card__name::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--clr-primary) 20%, var(--clr-accent) 80%, transparent);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--transition-base), opacity var(--transition-base);
}
.slrs-team-card:hover .slrs-team-card__name {
  transform: translateY(-1px);
}
.slrs-team-card:hover .slrs-team-card__name::after {
  opacity: 1;
  transform: scaleX(1);
}

.slrs-team-card__role {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__role {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__role {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-team-card__role {
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__role {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__role {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-team-card__role {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.slrs-team-card:hover .slrs-team-card__role {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.03);
  box-shadow: 0 3px 10px var(--clr-primary-op-40);
}

.slrs-team-card__bio {
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-team-card__bio {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-team-card__bio {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-team-card__bio {
  font-size: var(--ffs-xs);
  line-height: 1.65;
  color: var(--clr-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slrs-team-card__skills {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-team-card__skills {
    gap: var(--space-base-10);
  }
}
.slrs-team-card__skills {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__skills {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__skills {
    margin-bottom: var(--space-base-16);
  }
}

.slrs-team-card__skill {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-team-card__skill {
    gap: var(--space-base-8);
  }
}

.slrs-team-card__skill-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
}
.slrs-team-card__skill-label strong {
  color: var(--clr-primary);
  font-weight: var(--fw-bold);
}

.slrs-team-card__skill-bar {
  height: var(--skill-bar-height);
  background: var(--clr-neutral-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}

.slrs-team-card__skill-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: inherit;
  width: 0;
  transition: width 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
}
.slrs-team-card__skill-fill::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transform: translate3d(-100%, 0, 0);
  z-index: 1;
  pointer-events: none;
}
.slrs-team-card__skill-fill::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--clr-accent);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--clr-accent-op-60), 0 0 16px var(--clr-accent-op-40);
  opacity: 0;
  transition: opacity 0.3s ease 1.2s;
}
.slrs-team-card:hover .slrs-team-card__skill-fill, .slrs-team-card[data-visible=true] .slrs-team-card__skill-fill {
  width: var(--skill-level, 0%);
}
.slrs-team-card:hover .slrs-team-card__skill-fill::after, .slrs-team-card[data-visible=true] .slrs-team-card__skill-fill::after {
  opacity: 1;
}
.slrs-team-card:hover .slrs-team-card__skill-fill::before {
  transform: translate3d(100%, 0, 0);
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
}

.slrs-team-card__tags {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-team-card__tags {
    gap: var(--space-base-10);
  }
}
.slrs-team-card__tags {
  margin-top: auto;
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__tags {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__tags {
    padding-top: var(--space-base-16);
  }
}

.slrs-team-card__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-team-card__tag {
    gap: var(--space-base-8);
  }
}
.slrs-team-card__tag {
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-team-card__tag {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-team-card__tag {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-team-card__tag {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  background: var(--clr-neutral-100);
  border: 1px solid transparent;
  border-radius: var(--radius-full);
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
  cursor: default;
}
.slrs-team-card__tag i {
  font-size: 0.7rem;
  transition: transform var(--transition-fast);
}
.slrs-team-card__tag--primary {
  color: var(--clr-success);
  background: var(--clr-success-op-10);
}
.slrs-team-card__tag--primary i {
  color: var(--clr-success);
}
.slrs-team-card:hover .slrs-team-card__tag {
  background: var(--clr-primary-op-15);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
  transform: translate3d(0, -3px, 0);
}
.slrs-team-card:hover .slrs-team-card__tag i {
  transform: scale(1.2) rotate(10deg);
}
.slrs-team-card:hover .slrs-team-card__tag:nth-child(1) {
  transition-delay: 0.04s;
}
.slrs-team-card:hover .slrs-team-card__tag:nth-child(2) {
  transition-delay: 0.08s;
}
.slrs-team-card:hover .slrs-team-card__tag:nth-child(3) {
  transition-delay: 0.12s;
}
.slrs-team-card:hover .slrs-team-card__tag:nth-child(4) {
  transition-delay: 0.16s;
}
.slrs-team-card:hover .slrs-team-card__tag:nth-child(5) {
  transition-delay: 0.2s;
}

.slrs-team-card--glass {
  background: var(--clr-glass-op-70);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  box-shadow: 0 8px 32px var(--clr-smoke-op-10);
  overflow: hidden;
  transition: box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base), backdrop-filter var(--transition-base), transform var(--transition-base);
}
.slrs-team-card--glass::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 40%, rgba(255, 255, 255, 0.05) 60%, var(--clr-primary-op-15) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  transition: transform var(--transition-slow) ease, opacity var(--transition-slow) ease;
  transform: translate3d(0, 0, 0);
}
.slrs-team-card--glass::after {
  display: none;
}
.slrs-team-card--glass .slrs-team-card__content {
  background: var(--clr-glass-op-15);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.slrs-team-card--glass:hover {
  box-shadow: 0 4px 10px -2px var(--clr-smoke-op-4), 0 20px 40px -10px var(--clr-smoke-op-15), 0 0 25px 0 var(--clr-primary-op-25);
  background: var(--clr-glass-op-80);
  border-color: var(--clr-primary-op-40);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
}
.slrs-team-card--glass:hover::before {
  transform: scale(1.1) rotate(2deg) translate3d(0, 0, 0);
  opacity: 0.95;
}

.slrs-team-card--hexagon {
  border: none;
}
.slrs-team-card--hexagon::after {
  display: none;
}
.slrs-team-card--hexagon .slrs-team-card__image {
  width: 180px;
  height: 180px;
  margin: var(--space-base-12) auto;
}
@media (min-width: 48em) {
  .slrs-team-card--hexagon .slrs-team-card__image {
    margin: var(--space-base-16) auto;
  }
}
@media (min-width: 75em) {
  .slrs-team-card--hexagon .slrs-team-card__image {
    margin: var(--space-base-20) auto;
  }
}
.slrs-team-card--hexagon .slrs-team-card__image {
  overflow: visible;
  background: transparent;
  border-radius: 0;
  transition: transform var(--transition-base);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.slrs-team-card--hexagon .slrs-team-card__image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--clr-neutral-200);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  -webkit-mask: none;
  mask: none;
  opacity: 1;
  z-index: 1;
  transition: background var(--transition-base), transform var(--transition-base);
  will-change: transform;
}
[data-theme=dark] .slrs-team-card--hexagon .slrs-team-card__image::before {
  background: var(--clr-neutral-700);
}
.slrs-team-card--hexagon .slrs-team-card__image img {
  position: absolute;
  inset: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  z-index: 2;
  transition: transform var(--transition-base);
  border-radius: 0;
  will-change: transform;
}
.slrs-team-card--hexagon .slrs-team-card__image::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 2px dashed var(--clr-primary-op-40);
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: opacity var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
  transform: scale(0.85) translate3d(0, 0, 0);
  rotate: 0deg;
  animation: slrs-team-ring-rotate 15s linear infinite;
  will-change: transform;
  display: block;
}
.slrs-team-card--hexagon .slrs-team-card__overlay {
  position: absolute;
  inset: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  transition: opacity var(--transition-base), transform var(--transition-base);
  will-change: transform;
}
.slrs-team-card--hexagon .slrs-team-card__overlay::after {
  display: none !important;
}
.slrs-team-card--hexagon .slrs-team-card__social {
  transform: translateY(15px);
}
.slrs-team-card--hexagon .slrs-team-card__badge,
.slrs-team-card--hexagon .slrs-team-card__experience {
  clip-path: none;
  z-index: 5;
}
.slrs-team-card--hexagon:hover .slrs-team-card__image {
  transform: translate3d(0, -4px, 0) scale(1.05);
}
.slrs-team-card--hexagon:hover .slrs-team-card__image::after {
  opacity: 1;
  transform: scale(1.1) translate3d(0, 0, 0);
  border-color: var(--clr-primary);
  box-shadow: 0 0 15px var(--clr-primary-op-35);
}
.slrs-team-card--hexagon:hover .slrs-team-card__image::before {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  transform: scale(1.04) translate3d(0, 0, 0);
}
.slrs-team-card--hexagon:hover .slrs-team-card__overlay {
  transform: scale(1.04) translate3d(0, 0, 0);
}
.slrs-team-card--hexagon:hover .slrs-team-card__image img {
  transform: scale(1.04) translate3d(0, 0, 0);
}

.slrs-team-card--minimal {
  border: none;
  box-shadow: none;
  background: transparent;
}
.slrs-team-card--minimal::after {
  display: none;
}
.slrs-team-card--minimal .slrs-team-card__image {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transform: translate3d(0, 0, 0);
  will-change: transform, box-shadow;
}
.slrs-team-card--minimal .slrs-team-card__image img {
  filter: grayscale(40%) contrast(1.05) brightness(0.92);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, filter;
}
.slrs-team-card--minimal .slrs-team-card__content {
  padding-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-team-card--minimal .slrs-team-card__content {
    padding-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-team-card--minimal .slrs-team-card__content {
    padding-top: var(--space-base-28);
  }
}
.slrs-team-card--minimal:hover .slrs-team-card__image {
  box-shadow: var(--shadow-2xl);
}
.slrs-team-card--minimal:hover .slrs-team-card__image img {
  transform: scale(1.08) translate3d(0, 0, 0);
  filter: grayscale(0%) contrast(1) brightness(1);
}

.slrs-team-card--spotlight {
  border: 1px solid var(--clr-neutral-200);
  background: var(--clr-surface-void);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}
.slrs-team-card--spotlight::before {
  display: none;
}
.slrs-team-card--spotlight::after {
  display: none !important;
}
.slrs-team-card--spotlight .slrs-team-card__image,
.slrs-team-card--spotlight .slrs-team-card__content {
  position: relative;
  z-index: 3;
}
.slrs-team-card--spotlight:hover {
  border-color: var(--clr-primary);
  box-shadow: 0 4px 10px -2px var(--clr-smoke-op-4), 0 20px 40px -10px var(--clr-smoke-op-15), 0 0 25px 0 var(--clr-primary-op-30);
}
.slrs-team-card--spotlight:hover .slrs-team-card__name {
  text-shadow: 0 0 12px var(--clr-primary-op-50), 0 0 20px var(--clr-accent-op-30);
}
.slrs-team-card--spotlight .slrs-team-card__name {
  font-size: clamp(var(--ffs-base), 1.6vw, var(--ffs-lg));
  transition: transform var(--transition-base), text-shadow var(--transition-base);
}

.slrs-team-card--featured {
  border: 2px solid var(--clr-primary-op-20);
  background: linear-gradient(135deg, var(--clr-primary-op-15) 0%, var(--clr-surface-void) 40%, var(--clr-accent-op-15) 100%);
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% 200%;
  background-position: 0% 0%;
  box-shadow: var(--card-shadow-hover);
  transition: background-position 1.2s cubic-bezier(0.22, 1, 0.36, 1), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-team-card--featured.slrs-team-card::after {
  height: 5px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 25%, var(--clr-primary) 50%, var(--clr-accent) 75%, var(--clr-primary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% 100%;
  animation: slrs-team-gradient-slide 3s linear infinite;
  opacity: 1;
}
.slrs-team-card--featured .slrs-team-card__image {
  height: var(--image-height);
}
.slrs-team-card--featured .slrs-team-card__image::after {
  box-shadow: inset 0 -80px 80px -40px var(--clr-primary-op-30);
}
.slrs-team-card--featured .slrs-team-card__badge {
  animation: slrs-team-badge-pulse 2s ease-in-out infinite alternate;
  will-change: transform, box-shadow;
}
.slrs-team-card--featured .slrs-team-card__name {
  font-size: clamp(var(--ffs-base), 1.6vw, var(--ffs-lg));
}
.slrs-team-card--featured .slrs-team-card__content {
  padding-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-team-card--featured .slrs-team-card__content {
    padding-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-team-card--featured .slrs-team-card__content {
    padding-top: var(--space-base-28);
  }
}
.slrs-team-card--featured:hover {
  background-position: 100% 100%;
}

[data-theme=dark] .slrs-team-card {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 4px 24px var(--clr-smoke-op-40), 0 1px 4px var(--clr-smoke-op-20);
}
[data-theme=dark] .slrs-team-card:hover {
  box-shadow: 0 20px 60px var(--clr-smoke-op-50), 0 8px 25px var(--clr-smoke-op-30), 0 0 40px var(--clr-primary-op-20);
  border-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-team-card--glass {
  background: rgba(15, 23, 42, 0.65);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-team-card--glass::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, var(--clr-primary-op-15) 100%);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .slrs-team-card--glass::after {
  display: none !important;
}
[data-theme=dark] .slrs-team-card--glass .slrs-team-card__content {
  background: rgba(15, 23, 42, 0.25);
}
[data-theme=dark] .slrs-team-card--glass:hover {
  background: rgba(15, 23, 42, 0.85);
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.5), 0 30px 60px -15px rgba(0, 0, 0, 0.6), 0 0 25px 0 var(--clr-primary-op-30);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
}
[data-theme=dark] .slrs-team-card--spotlight {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-team-card--spotlight::after {
  display: none !important;
}
[data-theme=dark] .slrs-team-card--spotlight:hover {
  border-color: var(--clr-primary);
  box-shadow: 0 0 25px var(--clr-primary-op-45), 0 0 50px var(--clr-accent-op-30);
}
[data-theme=dark] .slrs-team-card--featured {
  background: linear-gradient(135deg, var(--clr-primary-op-20) 0%, var(--clr-surface-frost) 45%, var(--clr-accent-op-20) 100%);
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% 200%;
  background-position: 0% 0%;
}
[data-theme=dark] .slrs-team-card--featured:hover {
  background-position: 100% 100%;
}
[data-theme=dark] .slrs-team-card__image {
  background: linear-gradient(135deg, var(--clr-neutral-300), var(--clr-neutral-200));
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-team-card__image::after {
  background: linear-gradient(to top, var(--clr-smoke-op-50) 0%, var(--clr-smoke-op-15) 30%, transparent 60%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-team-card__social-link {
  background: var(--clr-surface-frost);
  box-shadow: 0 4px 15px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-team-card__skill-bar {
  background: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-team-card__tag {
  background: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-team-card__name::after {
  background: linear-gradient(90deg, var(--clr-primary-op-60), var(--clr-accent-op-60));
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-team-card__status-pill {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-team-card--hexagon .slrs-team-card__image {
  background: transparent;
}
[data-theme=dark] .slrs-team-card--hexagon .slrs-team-card__image::after {
  border-color: var(--clr-primary-op-50);
  background: transparent;
}

@keyframes slrs-team-card-entrance {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes slrs-team-gradient-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slrs-team-gradient-slide {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
@keyframes slrs-team-ring-rotate {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
@keyframes slrs-team-badge-pulse {
  0% {
    box-shadow: 0 3px 12px var(--clr-accent-op-40);
    transform: scale(1) translate3d(0, 0, 0);
  }
  100% {
    box-shadow: 0 3px 20px var(--clr-accent-op-70);
    transform: scale(1.04) translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .slrs-team-card,
  .slrs-team-card__image img,
  .slrs-team-card__overlay,
  .slrs-team-card__social,
  .slrs-team-card__social-link,
  .slrs-team-card__tag,
  .slrs-team-card__skill-fill {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
  .slrs-team-card:hover {
    transform: none;
  }
  .slrs-team-card:hover .slrs-team-card__image img {
    transform: none;
  }
  .slrs-team-card__badge {
    animation: none !important;
  }
  .slrs-team-card__skill-fill::after {
    animation: none !important;
    transition: none !important;
  }
}
.slrs-team-card:focus-within {
  transform: translateY(var(--hover-lift));
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-40);
}
.slrs-team-card:focus-within .slrs-team-card__overlay {
  opacity: 1;
}
.slrs-team-card:focus-within .slrs-team-card__social {
  transform: translateY(0);
  opacity: 1;
}
.slrs-team-card:focus-within .slrs-team-card__social-link {
  transform: scale(1);
  opacity: 1;
}
.slrs-team-card:focus-within::after {
  opacity: 1;
}

.slrs-team-card__social-link:focus {
  outline: 2px solid var(--clr-white);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  .slrs-team-card {
    border: 2px solid CanvasText;
  }
  .slrs-team-card::before, .slrs-team-card::after {
    display: none;
  }
  .slrs-team-card__badge,
  .slrs-team-card__experience {
    background: Highlight;
    color: HighlightText;
    border: 1px solid CanvasText;
  }
  .slrs-team-card__badge::after,
  .slrs-team-card__experience::after {
    display: none;
  }
  .slrs-team-card__social-link {
    border: 1px solid CanvasText;
  }
  .slrs-team-card__social-link::before {
    display: none;
  }
  .slrs-team-card__social-link:hover {
    background: Highlight;
    color: HighlightText;
  }
  .slrs-team-card__skill-bar {
    border: 1px solid CanvasText;
  }
  .slrs-team-card__skill-fill {
    background: Highlight;
  }
  .slrs-team-card__skill-fill::before, .slrs-team-card__skill-fill::after {
    display: none;
  }
  .slrs-team-card__tag {
    border: 1px solid CanvasText;
  }
  .slrs-team-card__name::after {
    display: none;
  }
}
.slrs-team {
  --card-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  --tilt-max: 10deg;
  --depth-offset: 8px;
  position: relative;
  background: var(--clr-bg-alt);
  overflow: hidden;
}
.slrs-team > .container, .slrs-team > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-team {
  padding: 120px 0;
}
.slrs-team > .container,
.slrs-team > [class*=container] {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-team {
    padding: 80px 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-team {
    padding: 60px 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-team {
    padding: 50px 0;
  }
}

.slrs-team__grid {
  margin-top: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-team__grid {
    margin-top: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-team__grid {
    margin-top: var(--space-base-56);
  }
}

.slrs-team__stats {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(var(--space-base-16), 3vw, var(--space-base-24));
}
@media (min-width: 48em) {
  .slrs-team__stats {
    gap: clamp(var(--space-base-20), 3vw, var(--space-base-36));
  }
}
@media (min-width: 75em) {
  .slrs-team__stats {
    gap: clamp(var(--space-base-28), 3vw, var(--space-base-56));
  }
}
.slrs-team__stats {
  padding: var(--space-base-24) var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-team__stats {
    padding: var(--space-base-36) var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-team__stats {
    padding: var(--space-base-56) var(--space-base-72);
  }
}
.slrs-team__stats {
  background: var(--clr-glass-op-70);
  border: 1px solid var(--clr-glass-op-30);
  border-radius: var(--radius-3xl);
  box-shadow: 0 8px 32px var(--clr-smoke-op-10);
  position: relative;
  overflow: hidden;
  margin-bottom: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-team__stats {
    margin-bottom: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-team__stats {
    margin-bottom: var(--space-base-72);
  }
}
.slrs-team__stats::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-op-5) 0%, transparent 50%, var(--clr-primary-op-5) 100%);
  background-origin: border-box;
  background-clip: border-box;
  pointer-events: none;
}
.slrs-team__stats::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--card-noise);
  opacity: 0.03;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media (max-width: 47.98em) {
  .slrs-team__stats {
    padding: var(--space-base-20) var(--space-base-16);
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-team__stats {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-team__stats {
    padding: var(--space-base-40) var(--space-base-28);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-team__stats {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-team__stats {
    gap: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-team__stats {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-team__stats {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-team__stats {
    gap: var(--space-base-20);
  }
}

.slrs-team__stat {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-team__stat {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-team__stat {
    gap: var(--space-base-20);
  }
}
.slrs-team__stat {
  position: relative;
  z-index: 1;
}
.slrs-team__stat[data-animate=true] .slrs-team__stat-content strong {
  animation: slrs-team-counter-pop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 35.98em) {
  .slrs-team__stat {
    flex-basis: calc(50% - var(--space-base-16));
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-team__stat {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-team__stat {
    gap: var(--space-base-16);
  }
}

.slrs-team__stat-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-2xl);
  font-size: 1.6rem;
  flex-shrink: 0;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-team__stat-icon::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: var(--radius-2xl);
  padding: 2px;
  background: linear-gradient(135deg, currentColor, transparent);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-team__stat-icon--primary {
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-25));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-primary);
}
.slrs-team__stat-icon--success {
  background: linear-gradient(135deg, var(--clr-success-op-15), var(--clr-success-op-25));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-success);
}
.slrs-team__stat-icon--accent {
  background: linear-gradient(135deg, var(--clr-accent-op-20), var(--clr-accent-op-30));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-accent-dark);
}
.slrs-team__stat-icon--info {
  background: linear-gradient(135deg, var(--clr-info-op-15), var(--clr-info-op-25));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-info);
}
.slrs-team__stat:hover .slrs-team__stat-icon {
  transform: scale(1.15) rotate(10deg);
}
.slrs-team__stat:hover .slrs-team__stat-icon::before {
  opacity: 1;
  animation: slrs-team-border-spin 3s linear infinite;
}
@media (max-width: 47.98em) {
  .slrs-team__stat-icon {
    width: 52px;
    height: 52px;
    font-size: 1.4rem;
  }
}

.slrs-team__stat-content strong {
  display: block;
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-xl), 2.5vw, var(--ffs-3xl));
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.2;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-team__stat-content span {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slrs-team__stat-divider {
  width: 1px;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-300), transparent);
  background-origin: border-box;
  background-clip: border-box;
  position: relative;
}
.slrs-team__stat-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--clr-primary);
  border-radius: 50%;
  opacity: 0.6;
  box-shadow: 0 0 20px var(--clr-primary-op-50);
}
@media (max-width: 35.98em) {
  .slrs-team__stat-divider {
    display: none;
  }
}

.slrs-team__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-team__cta {
    gap: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-team__cta {
    gap: var(--space-base-56);
  }
}
.slrs-team__cta {
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-team__cta {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-team__cta {
    padding: var(--space-base-72);
  }
}
.slrs-team__cta {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-primary-dark) 50%, var(--clr-primary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% 200%;
  border-radius: var(--radius-3xl);
  box-shadow: var(--shadow-2xl), 0 15px 60px var(--clr-primary-op-40);
  position: relative;
  overflow: hidden;
  margin-top: var(--space-base-40);
}
@media (min-width: 48em) {
  .slrs-team__cta {
    margin-top: var(--space-base-64);
  }
}
@media (min-width: 75em) {
  .slrs-team__cta {
    margin-top: var(--space-base-96);
  }
}
.slrs-team__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: 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='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
  pointer-events: none;
}
.slrs-team__cta > a,
.slrs-team__cta > .slrs-btn {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
@media (max-width: 61.98em) {
  .slrs-team__cta {
    flex-direction: column;
    text-align: center;
    padding: var(--space-base-24);
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-team__cta {
    padding: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-team__cta {
    padding: var(--space-base-56);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-team__cta {
    gap: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-team__cta {
    gap: var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-team__cta {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-team__cta {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-team__cta {
    padding: var(--space-base-40);
  }
}

.slrs-team__cta-content {
  display: flex;
  align-items: center;
  gap: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-team__cta-content {
    gap: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-team__cta-content {
    gap: var(--space-base-56);
  }
}
.slrs-team__cta-content {
  position: relative;
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-team__cta-content {
    flex-direction: column;
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-team__cta-content {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-team__cta-content {
    gap: var(--space-base-28);
  }
}

.slrs-team__cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  font-size: 2.5rem;
  color: var(--clr-primary);
  background: var(--clr-white);
  border-radius: var(--radius-2xl);
  flex-shrink: 0;
  box-shadow: var(--shadow-lg), 0 0 5px var(--clr-primary-op-50), 0 0 10px var(--clr-primary-op-40), 0 0 20px var(--clr-primary-op-30), 0 0 40px var(--clr-primary-op-20);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-team__cta:hover .slrs-team__cta-icon {
  transform: scale(1.06);
  box-shadow: var(--shadow-xl), 0 0 8px var(--clr-primary-op-60), 0 0 15px var(--clr-primary-op-50), 0 0 30px var(--clr-primary-op-40);
}
@media (max-width: 47.98em) {
  .slrs-team__cta-icon {
    width: 70px;
    height: 70px;
    font-size: 2rem;
  }
}

.slrs-team__cta-text h3 {
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 48em) {
  .slrs-team__cta-text h3 {
    margin: 0 0 var(--space-base-12) 0;
  }
}
@media (min-width: 75em) {
  .slrs-team__cta-text h3 {
    margin: 0 0 var(--space-base-16) 0;
  }
}
.slrs-team__cta-text h3 {
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-xl), 3vw, var(--ffs-3xl));
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  text-shadow: 0 2px 10px var(--clr-smoke-op-20);
}
.slrs-team__cta-text p {
  margin: 0;
  font-size: var(--ffs-base);
  color: var(--clr-white-op-90);
  max-width: 550px;
  line-height: 1.6;
}
@media (max-width: 35.98em) {
  .slrs-team__cta-text p {
    font-size: var(--ffs-sm);
  }
}

[data-theme=dark] .slrs-team {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-team__stats {
  background: rgba(30, 41, 59, 0.8);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 8px 32px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-team__stats::before {
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, transparent 50%, var(--clr-primary-op-10) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-team__stat-divider {
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-400), transparent);
  background-origin: border-box;
  background-clip: border-box;
}

@keyframes slrs-team-counter-pop {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slrs-team-border-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media print {
  .slrs-team {
    background: white !important;
    padding: 2rem 0 !important;
  }
  .slrs-section-bg {
    display: none !important;
  }
}
@keyframes slrs-team-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slrs-team-counter-pop {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 1. Viewport-triggered Progress Bars */
.slrs-progress-bar {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-progress-bar {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-progress-bar {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-progress-bar {
  position: relative;
}
.slrs-progress-bar .slrs-progress-bar__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-progress-bar .slrs-progress-bar__label {
    margin-bottom: var(--space-base-8);
  }
}
.slrs-progress-bar .slrs-progress-bar__label span {
  font-family: var(--ff-heading);
  color: var(--clr-text);
}
.slrs-progress-bar .slrs-progress-bar__label strong {
  color: var(--clr-primary);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
}
.slrs-progress-bar .slrs-progress-bar__track {
  height: 6px;
  background: var(--clr-neutral-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}
.slrs-progress-bar .slrs-progress-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: inherit;
  width: 0;
  transition: width 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
}
.slrs-progress-bar .slrs-progress-bar__fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-35), transparent);
  background-origin: border-box;
  background-clip: border-box;
  animation: slrs-team-shimmer 2s ease-in-out infinite;
}

/* Premium Solar Skill Cards */
.slrs-member-skill {
  position: relative;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-skill {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-skill {
    padding: var(--space-base-28);
  }
}
.slrs-member-skill {
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-member-skill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0.6;
  transition: opacity var(--transition-fast);
}
.slrs-member-skill:hover {
  transform: translateY(-4px);
  border-color: var(--clr-primary-op-25);
  box-shadow: 0 12px 30px var(--clr-primary-op-10), 0 4px 12px var(--clr-smoke-op-6);
}
.slrs-member-skill:hover::before {
  opacity: 1;
}
.slrs-member-skill:hover .slrs-member-skill__icon {
  transform: scale(1.1) rotate(8deg);
}
.slrs-member-skill--primary::before {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-member-skill--primary .slrs-member-skill__icon {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
}
.slrs-member-skill--accent::before {
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-accent-light));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-member-skill--accent .slrs-member-skill__icon {
  color: var(--clr-accent-dark);
  background: var(--clr-accent-op-15);
}
.slrs-member-skill--success::before {
  background: linear-gradient(90deg, var(--clr-success), var(--clr-success-light));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-member-skill--success .slrs-member-skill__icon {
  color: var(--clr-success);
  background: var(--clr-success-op-10);
}
.slrs-member-skill--info::before {
  background: linear-gradient(90deg, var(--clr-info), var(--clr-info-light));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-member-skill--info .slrs-member-skill__icon {
  color: var(--clr-info);
  background: var(--clr-info-op-10);
}
.slrs-member-skill__top {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-skill__top {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-skill__top {
    gap: var(--space-base-20);
  }
}
.slrs-member-skill__top {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-skill__top {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-skill__top {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-member-skill__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 1.2rem;
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  transition: transform var(--transition-bounce), background var(--transition-fast), color var(--transition-fast);
}
.slrs-member-skill__meta {
  flex: 1;
  min-width: 0;
}
.slrs-member-skill__name {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.3;
}
.slrs-member-skill__desc {
  display: block;
  font-size: 0.65rem;
  color: var(--clr-text-muted);
  margin-top: 2px;
}
.slrs-member-skill__percent {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  flex-shrink: 0;
  min-width: 40px;
  text-align: right;
  transition: color var(--transition-fast);
}
.slrs-member-skill:hover .slrs-member-skill__percent {
  color: var(--clr-primary);
}
.slrs-member-skill__track {
  height: 6px;
  background: var(--clr-neutral-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}
.slrs-member-skill__fill {
  height: 100%;
  width: 0;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  transition: width 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
}
.slrs-member-skill__fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-35), transparent);
  background-origin: border-box;
  background-clip: border-box;
  animation: slrs-team-shimmer 2s ease-in-out infinite;
}

/* 2. Custom Member Hero Section */
.slrs-member-hero {
  position: relative;
  padding: var(--space-base-48) 0 var(--space-base-40);
}
@media (min-width: 48em) {
  .slrs-member-hero {
    padding: var(--space-base-80) 0 var(--space-base-64);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero {
    padding: var(--space-base-120) 0 var(--space-base-96);
  }
}
.slrs-member-hero {
  overflow: hidden;
  background: var(--clr-surface-void);
}
.slrs-member-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.slrs-member-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.15;
  transform: scale(1.02);
  transition: transform 0.8s ease;
}
.slrs-member-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.98) 100%);
  background-origin: border-box;
  background-clip: border-box;
  z-index: 2;
}
.slrs-member-hero__mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 30%, var(--clr-primary-op-10) 0%, transparent 60%), radial-gradient(circle at 20% 80%, var(--clr-accent-op-10) 0%, transparent 50%);
  background-origin: border-box;
  background-clip: border-box;
  z-index: 3;
  pointer-events: none;
}
.slrs-member-hero__pattern {
  position: absolute;
  inset: 0;
  background-image: var(--card-noise);
  opacity: 0.02;
  z-index: 4;
  pointer-events: none;
}
.slrs-member-hero .container {
  position: relative;
  z-index: 10;
}
.slrs-member-hero__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-hero__content {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__content {
    gap: var(--space-base-40);
  }
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-hero__breadcrumb .slrs-breadcrumb__list {
    gap: var(--space-base-10);
  }
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-member-hero__breadcrumb .slrs-breadcrumb__link {
    gap: var(--space-base-8);
  }
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__link {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__link i {
  font-size: 0.75rem;
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__link:hover {
  color: var(--clr-white);
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__separator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
}
.slrs-member-hero__breadcrumb .slrs-breadcrumb__current {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-white);
}
.slrs-member-hero__profile {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-member-hero__profile {
    gap: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__profile {
    gap: var(--space-base-72);
  }
}
.slrs-member-hero__profile {
  align-items: center;
}
@media (max-width: 61.98em) {
  .slrs-member-hero__profile {
    grid-template-columns: 1fr;
    text-align: center;
    gap: var(--space-base-24);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-member-hero__profile {
    gap: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-member-hero__profile {
    gap: var(--space-base-56);
  }
}
.slrs-member-hero__image {
  position: relative;
  width: 280px;
  height: 280px;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  background: var(--clr-surface-void);
  border: 4px solid var(--clr-white);
  box-shadow: 0 20px 50px var(--clr-smoke-op-15);
  margin: 0 auto;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-member-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-member-hero__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 60px var(--clr-smoke-op-20), 0 0 30px var(--clr-primary-op-20);
}
.slrs-member-hero__image:hover img {
  transform: scale(1.05);
}
.slrs-member-hero__image .slrs-member-hero__badge {
  position: absolute;
  top: var(--space-base-12);
  left: var(--space-base-12);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-member-hero__image .slrs-member-hero__badge {
    gap: var(--space-base-6);
  }
}
.slrs-member-hero__image .slrs-member-hero__badge {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-primary-light));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  padding: 4px var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-hero__image .slrs-member-hero__badge {
    padding: 4px var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__image .slrs-member-hero__badge {
    padding: 4px var(--space-base-16);
  }
}
.slrs-member-hero__image .slrs-member-hero__badge {
  border-radius: var(--radius-full);
  font-size: 0.65rem;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 12px var(--clr-accent-op-40);
  z-index: 5;
}
.slrs-member-hero__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 61.98em) {
  .slrs-member-hero__info {
    align-items: center;
  }
}
.slrs-member-hero__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-member-hero__tag {
    gap: var(--space-base-8);
  }
}
.slrs-member-hero__tag {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--clr-accent);
  padding: var(--space-base-6) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-hero__tag {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__tag {
    padding: var(--space-base-8) var(--space-base-20);
  }
}
.slrs-member-hero__tag {
  border-radius: var(--radius-full);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-hero__tag {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__tag {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-member-hero__name {
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-2xl), 4vw, var(--ffs-4xl));
  font-weight: var(--fw-extrabold);
  color: var(--clr-white);
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-member-hero__name {
    margin: 0 0 var(--space-base-10) 0;
  }
}
.slrs-member-hero__name {
  line-height: 1.15;
  background: none;
  -webkit-text-fill-color: initial;
  background-clip: initial;
}
.slrs-member-hero__role {
  font-size: var(--ffs-md);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-member-hero__role {
    margin: 0 0 var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__role {
    margin: 0 0 var(--space-base-40) 0;
  }
}
.slrs-member-hero__role {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-hero__role {
    gap: var(--space-base-10);
  }
}
.slrs-member-hero__role i {
  color: var(--clr-accent);
}
.slrs-member-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-hero__meta {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__meta {
    gap: var(--space-base-28);
  }
}
.slrs-member-hero__meta {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-hero__meta {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__meta {
    margin-bottom: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-member-hero__meta {
    justify-content: center;
  }
}
.slrs-member-hero__meta-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-hero__meta-item {
    gap: var(--space-base-10);
  }
}
.slrs-member-hero__meta-item {
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.8);
}
.slrs-member-hero__meta-item i {
  color: var(--clr-accent-dark);
  font-size: 0.95rem;
}
.slrs-member-hero__meta-item strong {
  color: var(--clr-white);
}
.slrs-member-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-hero__actions {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__actions {
    gap: var(--space-base-20);
  }
}
.slrs-member-hero__actions {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-hero__actions {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__actions {
    margin-bottom: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-member-hero__actions {
    justify-content: center;
  }
}
.slrs-member-hero__actions .slrs-btn {
  min-width: 170px;
}
.slrs-member-hero__social {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-hero__social {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-hero__social {
    gap: var(--space-base-20);
  }
}
.slrs-member-hero__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius-full);
  background: var(--clr-white);
  color: var(--clr-text-muted);
  border: 1px solid var(--clr-neutral-200);
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-bounce), box-shadow var(--transition-bounce), color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}
.slrs-member-hero__social-link:hover {
  color: var(--clr-white);
  border-color: var(--clr-primary);
  background: var(--clr-primary);
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 8px 20px var(--clr-primary-op-25);
}
.slrs-member-hero__social-link:focus {
  outline: var(--focus-ring-primary);
  outline-offset: 3px;
}

/* 3. Quick Stats Bar */
.slrs-member-stats {
  position: relative;
  z-index: 15;
  margin-top: -30px;
}
.slrs-member-stats__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-stats__inner {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-stats__inner {
    gap: var(--space-base-28);
  }
}
.slrs-member-stats__inner {
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl);
  padding: var(--space-base-20) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-member-stats__inner {
    padding: var(--space-base-28) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-member-stats__inner {
    padding: var(--space-base-40) var(--space-base-56);
  }
}
.slrs-member-stats__inner {
  box-shadow: 0 15px 40px var(--clr-smoke-op-10);
}
@media (max-width: 61.98em) {
  .slrs-member-stats__inner {
    grid-template-columns: repeat(2, 1fr);
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-member-stats__inner {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-member-stats__inner {
    padding: var(--space-base-28) var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-member-stats__inner {
    grid-template-columns: 1fr;
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-member-stats__inner {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-member-stats__inner {
    gap: var(--space-base-20);
  }
}
.slrs-member-stats__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-stats__item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-stats__item {
    gap: var(--space-base-20);
  }
}
.slrs-member-stats__item {
  position: relative;
}
.slrs-member-stats__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--space-base-20) * -0.5);
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background: var(--clr-neutral-200);
}
@media (max-width: 61.98em) {
  .slrs-member-stats__item:not(:last-child)::after {
    display: none;
  }
}
.slrs-member-stats__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
  transition: transform var(--transition-bounce);
}
.slrs-member-stats__icon--primary {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
.slrs-member-stats__icon--success {
  background: var(--clr-success-op-10);
  color: var(--clr-success);
}
.slrs-member-stats__icon--accent {
  background: var(--clr-accent-op-15);
  color: var(--clr-accent-dark);
}
.slrs-member-stats__icon--info {
  background: var(--clr-info-op-10);
  color: var(--clr-info);
}
.slrs-member-stats__item:hover .slrs-member-stats__icon {
  transform: scale(1.1) rotate(5deg);
}
.slrs-member-stats__content {
  display: flex;
  flex-direction: column;
}
.slrs-member-stats__content strong {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.25;
}
.slrs-member-stats__content span {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}

/* 4. Main Profile Content Section */
.slrs-member-content {
  padding: var(--space-base-48) 0 var(--space-base-56);
}
@media (min-width: 48em) {
  .slrs-member-content {
    padding: var(--space-base-80) 0 var(--space-base-96);
  }
}
@media (min-width: 75em) {
  .slrs-member-content {
    padding: var(--space-base-120) 0 var(--space-base-144);
  }
}
.slrs-member-content {
  position: relative;
}
.slrs-member-content__layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-member-content__layout {
    gap: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-member-content__layout {
    gap: var(--space-base-72);
  }
}
.slrs-member-content__layout {
  align-items: start;
}
@media (max-width: 61.98em) {
  .slrs-member-content__layout {
    grid-template-columns: 1fr;
    gap: var(--space-base-24);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-member-content__layout {
    gap: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-member-content__layout {
    gap: var(--space-base-56);
  }
}

.slrs-member-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-member-main {
    gap: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-member-main {
    gap: var(--space-base-72);
  }
}

.slrs-member-about,
.slrs-member-skills,
.slrs-member-experience,
.slrs-member-specializations,
.slrs-member-reviews {
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl);
  padding: var(--space-base-24) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-member-about,
  .slrs-member-skills,
  .slrs-member-experience,
  .slrs-member-specializations,
  .slrs-member-reviews {
    padding: var(--space-base-36) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-member-about,
  .slrs-member-skills,
  .slrs-member-experience,
  .slrs-member-specializations,
  .slrs-member-reviews {
    padding: var(--space-base-56) var(--space-base-56);
  }
}
.slrs-member-about,
.slrs-member-skills,
.slrs-member-experience,
.slrs-member-specializations,
.slrs-member-reviews {
  box-shadow: 0 10px 30px var(--clr-smoke-op-6);
}
.slrs-member-about__header,
.slrs-member-skills__header,
.slrs-member-experience__header,
.slrs-member-specializations__header,
.slrs-member-reviews__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    gap: var(--space-base-20);
  }
}
.slrs-member-about__header,
.slrs-member-skills__header,
.slrs-member-experience__header,
.slrs-member-specializations__header,
.slrs-member-reviews__header {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-member-about__header,
.slrs-member-skills__header,
.slrs-member-experience__header,
.slrs-member-specializations__header,
.slrs-member-reviews__header {
  border-bottom: 1px solid var(--clr-neutral-200);
  padding-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    padding-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-about__header,
  .slrs-member-skills__header,
  .slrs-member-experience__header,
  .slrs-member-specializations__header,
  .slrs-member-reviews__header {
    padding-bottom: var(--space-base-20);
  }
}
.slrs-member-about__icon,
.slrs-member-skills__icon,
.slrs-member-experience__icon,
.slrs-member-specializations__icon,
.slrs-member-reviews__icon {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-xl);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.slrs-member-about__title,
.slrs-member-skills__title,
.slrs-member-experience__title,
.slrs-member-specializations__title,
.slrs-member-reviews__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
}
.slrs-member-about__subtitle,
.slrs-member-skills__subtitle,
.slrs-member-experience__subtitle,
.slrs-member-specializations__subtitle,
.slrs-member-reviews__subtitle {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  margin: 0;
}

/* About Narrative */
.slrs-member-about__content p {
  font-size: var(--ffs-base);
  line-height: 1.75;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-about__content p {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-about__content p {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-member-about__content p strong {
  color: var(--clr-text);
}
.slrs-member-about__quote {
  position: relative;
  background: var(--clr-bg-alt);
  border-left: 4px solid var(--clr-primary);
  padding: var(--space-base-12) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-about__quote {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-about__quote {
    padding: var(--space-base-20) var(--space-base-40);
  }
}
.slrs-member-about__quote {
  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-member-about__quote {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-member-about__quote {
    margin: var(--space-base-28) 0;
  }
}
.slrs-member-about__quote blockquote {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  line-height: 1.5;
  margin: 0;
}

/* Skills Grid */
.slrs-member-skills__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-skills__grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-skills__grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-member-skills__grid {
    grid-template-columns: 1fr;
  }
}

/* Professional Chronology (Timeline) */
.slrs-member-timeline {
  position: relative;
  padding-left: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-member-timeline {
    padding-left: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-member-timeline {
    padding-left: var(--space-base-56);
  }
}
.slrs-member-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-primary-op-30));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 3px;
}
.slrs-member-timeline__item {
  position: relative;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-timeline__item {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-timeline__item {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-member-timeline__item:last-child {
  margin-bottom: 0;
}
.slrs-member-timeline__item::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--space-base-36) + 1px);
  top: 5px;
  width: 14px;
  height: 14px;
  border-radius: var(--radius-full);
  background: var(--clr-surface-void);
  border: 3px solid var(--clr-primary);
  z-index: 2;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}
.slrs-member-timeline__item:hover::before {
  background: var(--clr-primary);
  transform: scale(1.3);
  box-shadow: 0 0 10px var(--clr-primary-op-50);
}
.slrs-member-timeline__date {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-member-timeline__date {
    gap: var(--space-base-8);
  }
}
.slrs-member-timeline__date {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: var(--clr-primary);
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-timeline__date {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-timeline__date {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-member-timeline__date {
  border-radius: var(--radius-full);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-timeline__date {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-member-timeline__date {
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
.slrs-member-timeline__date i {
  font-size: 0.65rem;
}
.slrs-member-timeline__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-4) 0;
}
@media (min-width: 75em) {
  .slrs-member-timeline__title {
    margin: 0 0 var(--space-base-6) 0;
  }
}
.slrs-member-timeline__company {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-member-timeline__company {
    gap: var(--space-base-8);
  }
}
.slrs-member-timeline__company {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-timeline__company {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-member-timeline__company i {
  font-size: 0.7rem;
}
.slrs-member-timeline__desc {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* Solar Specializations */
.slrs-member-specializations__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-specializations__grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-specializations__grid {
    gap: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-member-specializations__grid {
    grid-template-columns: 1fr;
  }
}

.slrs-member-spec {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-spec {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-spec {
    gap: var(--space-base-20);
  }
}
.slrs-member-spec {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-spec {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-spec {
    padding: var(--space-base-20);
  }
}
.slrs-member-spec {
  border: 1px solid var(--clr-neutral-100);
  border-radius: var(--radius-2xl);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.slrs-member-spec__icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-xl);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
  transition: transform var(--transition-bounce);
}
.slrs-member-spec__content h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-4) 0;
}
@media (min-width: 75em) {
  .slrs-member-spec__content h3 {
    margin: 0 0 var(--space-base-6) 0;
  }
}
.slrs-member-spec__content p {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  line-height: 1.5;
  margin: 0;
}
.slrs-member-spec:hover {
  transform: translateY(-2px);
  border-color: var(--clr-primary-op-25);
  box-shadow: var(--shadow-md);
}
.slrs-member-spec:hover .slrs-member-spec__icon {
  transform: scale(1.05) rotate(3deg);
}

/* Customer Reviews */
.slrs-member-reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-reviews__header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-reviews__header {
    gap: var(--space-base-20);
  }
}
.slrs-member-reviews__header-left {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-reviews__header-left {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-reviews__header-left {
    gap: var(--space-base-20);
  }
}
.slrs-member-reviews__rating {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-member-reviews__rating {
    gap: var(--space-base-10);
  }
}
.slrs-member-reviews__rating {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}
.slrs-member-reviews__rating .stars {
  display: flex;
  gap: 2px;
  color: var(--clr-accent-dark);
}
.slrs-member-reviews__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-reviews__list {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-reviews__list {
    gap: var(--space-base-40);
  }
}

.slrs-member-review {
  padding-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-review {
    padding-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-review {
    padding-bottom: var(--space-base-28);
  }
}
.slrs-member-review {
  border-bottom: 1px solid var(--clr-neutral-100);
}
.slrs-member-review:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.slrs-member-review__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-review__header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-review__header {
    gap: var(--space-base-20);
  }
}
.slrs-member-review__header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-review__header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-review__header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-member-review__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 2px solid var(--clr-primary-op-20);
}
.slrs-member-review__info h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-4) 0;
}
@media (min-width: 75em) {
  .slrs-member-review__info h3 {
    margin: 0 0 var(--space-base-6) 0;
  }
}
.slrs-member-review__info .stars {
  display: flex;
  gap: 2px;
  color: var(--clr-accent-dark);
  font-size: 0.75rem;
}
.slrs-member-review__date {
  margin-left: auto;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-member-review__text {
  font-size: var(--ffs-sm);
  line-height: 1.65;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-review__text {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-review__text {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-member-review__service {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-member-review__service {
    gap: var(--space-base-8);
  }
}
.slrs-member-review__service {
  background: var(--clr-neutral-100);
  color: var(--clr-text-muted);
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-review__service {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-review__service {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-member-review__service {
  border-radius: var(--radius-full);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
}
.slrs-member-review__service i {
  font-size: 0.7rem;
  color: var(--clr-primary);
}

/* 5. Sidebar Components */
.slrs-member-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-sidebar {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-sidebar {
    gap: var(--space-base-40);
  }
}
.slrs-member-sidebar {
  position: sticky;
  top: 110px;
}

.slrs-member-contact,
.slrs-member-certifications,
.slrs-member-brands,
.slrs-member-availability,
.slrs-member-downloads {
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-member-contact,
  .slrs-member-certifications,
  .slrs-member-brands,
  .slrs-member-availability,
  .slrs-member-downloads {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact,
  .slrs-member-certifications,
  .slrs-member-brands,
  .slrs-member-availability,
  .slrs-member-downloads {
    padding: var(--space-base-40);
  }
}
.slrs-member-contact,
.slrs-member-certifications,
.slrs-member-brands,
.slrs-member-availability,
.slrs-member-downloads {
  box-shadow: 0 10px 30px var(--clr-smoke-op-6);
}
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    gap: var(--space-base-20);
  }
}
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header {
  border-bottom: 1px solid var(--clr-neutral-200);
  padding-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    padding-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header {
    padding-bottom: var(--space-base-16);
  }
}
.slrs-member-contact__icon,
.slrs-member-certifications__icon,
.slrs-member-brands__icon,
.slrs-member-availability__icon,
.slrs-member-downloads__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-lg);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}
.slrs-member-contact__title,
.slrs-member-certifications__title,
.slrs-member-brands__title,
.slrs-member-availability__title,
.slrs-member-downloads__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
}

/* Contact Card Widget */
.slrs-member-contact__list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-member-contact__list {
    margin: 0 0 var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__list {
    margin: 0 0 var(--space-base-28) 0;
  }
}
.slrs-member-contact__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-contact__item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__item {
    gap: var(--space-base-20);
  }
}
.slrs-member-contact__item {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-contact__item {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-contact__item {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-member-contact__item:last-child {
  margin-bottom: 0;
}
.slrs-member-contact__item i {
  width: 36px;
  height: 36px;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.slrs-member-contact__item div span {
  display: block;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-member-contact__item div a, .slrs-member-contact__item div strong {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  text-decoration: none;
}
.slrs-member-contact__item div a:hover {
  color: var(--clr-primary);
}

/* Certifications Widget */
.slrs-member-certifications__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-certifications__list {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-certifications__list {
    gap: var(--space-base-20);
  }
}

.slrs-member-cert {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-cert {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-cert {
    gap: var(--space-base-16);
  }
}
.slrs-member-cert {
  padding-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-cert {
    padding-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-cert {
    padding-bottom: var(--space-base-20);
  }
}
.slrs-member-cert {
  border-bottom: 1px solid var(--clr-neutral-100);
}
.slrs-member-cert:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.slrs-member-cert__badge {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.slrs-member-cert__badge--gold {
  background: var(--clr-accent-op-20);
  color: var(--clr-accent-dark);
}
.slrs-member-cert__badge--blue {
  background: var(--clr-info-op-10);
  color: var(--clr-info);
}
.slrs-member-cert__content h4 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 2px 0;
}
.slrs-member-cert__content span {
  display: block;
  font-size: 0.65rem;
  color: var(--clr-text-muted);
}
.slrs-member-cert__verified {
  margin-left: auto;
  color: var(--clr-success);
  font-size: 0.85rem;
}

/* Brands Serviced */
.slrs-member-brands__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-member-brands__grid {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-member-brands__grid {
    gap: var(--space-base-16);
  }
}

.slrs-member-brand {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-neutral-100);
  background: var(--clr-surface-void);
  border-radius: var(--radius-xl);
  font-family: var(--ff-heading);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  transition: border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}
.slrs-member-brand:hover {
  border-color: var(--clr-primary-op-25);
  color: var(--clr-primary);
  box-shadow: var(--shadow-sm);
}

/* Availability Table */
.slrs-member-availability__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-member-availability__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-member-availability__list li {
    padding: var(--space-base-10) 0;
  }
}
.slrs-member-availability__list li {
  border-bottom: 1px solid var(--clr-neutral-100);
  font-size: var(--ffs-xs);
}
.slrs-member-availability__list li:last-child {
  border-bottom: none;
}
.slrs-member-availability__list li span {
  color: var(--clr-text-muted);
  font-weight: var(--fw-medium);
}
.slrs-member-availability__list li strong {
  color: var(--clr-text);
  font-weight: var(--fw-bold);
}
.slrs-member-availability__list li .closed {
  color: var(--clr-accent-dark);
  font-weight: var(--fw-bold);
}

/* Brochure Downloads Widget */
.slrs-member-downloads__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-downloads__list {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-downloads__list {
    gap: var(--space-base-20);
  }
}

.slrs-member-download {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-download {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-download {
    gap: var(--space-base-20);
  }
}
.slrs-member-download {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-member-download {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-member-download {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-member-download {
  border: 1px solid var(--clr-neutral-200);
  background: var(--clr-surface-void);
  border-radius: var(--radius-2xl);
  text-decoration: none;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.slrs-member-download i {
  font-size: 1.5rem;
  color: var(--clr-accent-dark);
}
.slrs-member-download div span {
  display: block;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-member-download div strong {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-member-download:hover {
  transform: translateY(-2px);
  border-color: var(--clr-accent-op-35);
  box-shadow: var(--shadow-md);
}

[data-theme=dark] .slrs-progress-bar .slrs-progress-bar__track {
  background: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-member-skill {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-member-skill__track {
  background: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-member-timeline::before {
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-primary-op-15));
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-member-timeline__item::before {
  background: var(--clr-surface-frost);
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-member-hero {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-member-hero__overlay {
  background: linear-gradient(180deg, var(--clr-bg-alt-op-60) 0%, var(--clr-bg) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-member-hero__image {
  border-color: var(--clr-neutral-300);
  box-shadow: 0 20px 50px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-member-hero__image:hover {
  box-shadow: 0 25px 60px var(--clr-smoke-op-50), 0 0 35px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-member-hero__social-link {
  background: var(--clr-neutral-200);
  border-color: var(--clr-neutral-300);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-member-hero__social-link:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-member-stats__inner {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 15px 40px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-member-stats__item::after {
  background: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-member-about,
[data-theme=dark] .slrs-member-skills,
[data-theme=dark] .slrs-member-experience,
[data-theme=dark] .slrs-member-specializations,
[data-theme=dark] .slrs-member-reviews,
[data-theme=dark] .slrs-member-contact,
[data-theme=dark] .slrs-member-certifications,
[data-theme=dark] .slrs-member-brands,
[data-theme=dark] .slrs-member-availability,
[data-theme=dark] .slrs-member-downloads {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 10px 30px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-member-about__header,
[data-theme=dark] .slrs-member-skills__header,
[data-theme=dark] .slrs-member-experience__header,
[data-theme=dark] .slrs-member-specializations__header,
[data-theme=dark] .slrs-member-reviews__header,
[data-theme=dark] .slrs-member-contact__header,
[data-theme=dark] .slrs-member-certifications__header,
[data-theme=dark] .slrs-member-brands__header,
[data-theme=dark] .slrs-member-availability__header,
[data-theme=dark] .slrs-member-downloads__header {
  border-bottom-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-member-review__service {
  background: var(--clr-neutral-200);
}

.slrs-testimonials {
  --card-bg: var(--clr-surface-frost);
  --card-border: var(--clr-neutral-200);
  --card-shadow: 0 4px 30px var(--clr-smoke-op-8);
  --card-shadow-hover: 0 20px 50px var(--clr-smoke-op-15);
  --card-radius: 24px;
  --card-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  --avatar-size: 52px;
  --hover-lift: -8px;
  --t-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --t-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slrs-testimonials {
  position: relative;
  padding: 120px 0;
  background: var(--clr-bg-alt);
  overflow: hidden;
}
.slrs-testimonials .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-testimonials {
    padding: 90px 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-testimonials {
    padding: 80px 0;
  }
}

.slrs-testimonials__aggregate {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 16px 32px;
  margin-top: 15px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 50px;
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: hidden;
}
.slrs-testimonials__aggregate::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--card-noise);
  opacity: 0.02;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media (max-width: 35.98em) {
  .slrs-testimonials__aggregate {
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    border-radius: 24px;
    width: 100%;
  }
}

.slrs-testimonials__aggregate-score {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.slrs-testimonials__aggregate-score .score {
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-testimonials__aggregate-score .max {
  font-size: 16px;
  color: var(--clr-text-muted);
  font-weight: 600;
}

.slrs-testimonials__aggregate-stars {
  display: flex;
  gap: 4px;
}
.slrs-testimonials__aggregate-stars i {
  font-size: 18px;
  color: var(--clr-accent);
}

.slrs-testimonials__aggregate-count {
  font-size: 14px;
  color: var(--clr-text-muted);
}
.slrs-testimonials__aggregate-count strong {
  font-weight: 700;
  color: var(--clr-text);
}

.slrs-testimonials__trust-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 15px;
}

.slrs-testimonials__trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 30px;
}
.slrs-testimonials__trust-badge--verified {
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-25);
}
.slrs-testimonials__trust-badge--guarantee {
  color: var(--clr-success);
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-25);
}

.slrs-testimonials__tab-nav {
  justify-content: center;
}

.slrs-testimonials__tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  border-radius: 30px;
  background: var(--clr-neutral-200);
  color: var(--clr-text-muted);
  margin-left: 6px;
  transition: background 0.3s ease, color 0.3s ease;
}
.universal-tab-btn.active .slrs-testimonials__tab-count {
  background: rgba(255, 255, 255, 0.25);
  color: var(--clr-white);
}
.universal-tab-btn:hover .slrs-testimonials__tab-count {
  background: var(--clr-primary-op-15);
  color: var(--clr-primary);
}
.universal-tab-btn.active:hover .slrs-testimonials__tab-count {
  background: rgba(255, 255, 255, 0.3);
  color: var(--clr-white);
}

.slrs-testimonials__slider-wrapper {
  position: relative;
  padding: 0 50px;
}
@media (max-width: 47.98em) {
  .slrs-testimonials__slider-wrapper {
    padding: 0 15px;
  }
}
@media (max-width: 35.98em) {
  .slrs-testimonials__slider-wrapper {
    padding: 0;
  }
}

.slrs-testimonials-slider {
  overflow: hidden;
  padding: 20px 0;
}
.slrs-testimonials-slider .swiper-slide {
  height: auto;
}

.slrs-testimonials__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: var(--card-bg);
  border: 2px solid var(--card-border);
  color: var(--clr-text);
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px var(--clr-smoke-op-8);
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base), box-shadow var(--t-base), transform var(--t-base);
}
.slrs-testimonials__nav--prev {
  left: 10px;
}
.slrs-testimonials__nav--next {
  right: 10px;
}
.slrs-testimonials__nav:hover {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  border-color: transparent;
  color: var(--clr-white);
  box-shadow: 0 8px 25px var(--clr-primary-op-35);
  transform: translateY(-50%) scale(1.08);
}
.slrs-testimonials__nav:active {
  transform: translateY(-50%) scale(0.96);
}
@media (max-width: 47.98em) {
  .slrs-testimonials__nav {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  .slrs-testimonials__nav--prev {
    left: 5px;
  }
  .slrs-testimonials__nav--next {
    right: 5px;
  }
}
@media (max-width: 35.98em) {
  .slrs-testimonials__nav {
    display: none;
  }
}

.slrs-testimonials__pagination {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.slrs-testimonials__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--clr-neutral-300);
  border-radius: 50%;
  opacity: 1;
  transition: background var(--t-base), width var(--t-base), border-radius var(--t-base), transform var(--t-base), box-shadow var(--t-base);
  cursor: pointer;
  margin: 0 !important;
}
.slrs-testimonials__pagination .swiper-pagination-bullet:hover {
  background: var(--clr-primary-op-50);
}
.slrs-testimonials__pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: var(--clr-primary);
  border-radius: 30px;
  box-shadow: 0 2px 10px var(--clr-primary-op-35);
}

.slrs-testimonial-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 28px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-testimonial-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--card-noise);
  opacity: 0.02;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}
.slrs-testimonial-card:hover {
  transform: translateY(var(--hover-lift));
  box-shadow: var(--card-shadow-hover);
  border-color: var(--clr-primary-op-25);
}
.slrs-testimonial-card:hover .slrs-testimonial-card__border {
  opacity: 1;
}
.slrs-testimonial-card:hover .slrs-testimonial-card__spotlight {
  opacity: 0.08;
}
.slrs-testimonial-card:hover .slrs-testimonial-card__shimmer {
  transform: translateX(600%);
}
.slrs-testimonial-card:hover .slrs-testimonial-card__quote-icon {
  transform: translateY(-5px);
  opacity: 0.35;
}
.slrs-testimonial-card:hover .slrs-testimonial-card__rating i {
  animation: slrs-star-wiggle 0.6s ease-in-out;
}
.slrs-testimonial-card:hover .slrs-testimonial-card__avatar-ring::before {
  animation-play-state: running;
  animation-duration: 2s;
}
.slrs-testimonial-card:hover .slrs-testimonial-card__source {
  border-color: var(--clr-primary-op-25);
}
.slrs-testimonial-card:hover .slrs-testimonial-card__helpful {
  opacity: 1;
}

.slrs-testimonial-card__border {
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  opacity: 0;
  transition: opacity var(--t-base);
  pointer-events: none;
  z-index: 5;
}

.slrs-testimonial-card__spotlight {
  position: absolute;
  top: -40%;
  left: -20%;
  width: 140%;
  height: 140%;
  background: radial-gradient(ellipse at 30% 20%, var(--clr-primary-op-20), transparent 70%);
  opacity: 0;
  transition: opacity var(--t-base);
  pointer-events: none;
  z-index: 1;
}

.slrs-testimonial-card__shimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-primary-op-5), transparent);
  transform: translateX(-300%);
  transition: transform 0.8s ease;
  pointer-events: none;
  z-index: 2;
}

.slrs-testimonial-card__quote-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 45px;
  color: var(--clr-primary);
  opacity: 0.08;
  transition: transform var(--t-base), opacity var(--t-base);
  pointer-events: none;
  z-index: 4;
}

@keyframes slrs-star-wiggle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-12deg);
  }
  40% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-8deg);
  }
  80% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.slrs-testimonial-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}

.slrs-testimonial-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.slrs-testimonial-card__rating {
  display: flex;
  gap: 3px;
}
.slrs-testimonial-card__rating i {
  font-size: 14px;
  color: var(--clr-accent);
  transition: transform var(--t-fast);
}

.slrs-testimonial-card__source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-text-muted);
  background: var(--clr-neutral-100);
  border: 1px solid var(--card-border);
  border-radius: 30px;
  transition: border-color var(--t-base), color var(--t-base);
}
.slrs-testimonial-card__source img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.slrs-testimonial-card__source span {
  line-height: 1;
}

.slrs-testimonial-card__quote {
  flex: 1;
  margin-bottom: 16px;
}
.slrs-testimonial-card__quote p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--clr-text);
  font-style: italic;
  letter-spacing: 0.01em;
}

.slrs-testimonial-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.slrs-testimonial-card__service-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: 20px;
}
.slrs-testimonial-card__service-tag i {
  font-size: 10px;
}

.slrs-testimonial-card__date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--clr-text-muted);
  background: var(--clr-neutral-100);
  border: 1px solid var(--card-border);
  border-radius: 20px;
}
.slrs-testimonial-card__date i {
  font-size: 10px;
}

.slrs-testimonial-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--card-border);
  padding-top: 16px;
}

.slrs-testimonial-card__author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.slrs-testimonial-card__avatar-ring {
  position: relative;
  flex-shrink: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  padding: 3px;
}
.slrs-testimonial-card__avatar-ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(var(--clr-primary), var(--clr-accent), var(--clr-secondary), var(--clr-primary));
  animation: slrs-ring-rotate 4s linear infinite;
  animation-play-state: paused;
  z-index: 0;
}
.slrs-testimonial-card__avatar-ring::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--card-bg);
  z-index: 1;
}
.slrs-testimonial-card__avatar-ring img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--card-bg);
}

@keyframes slrs-ring-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slrs-testimonial-card__verified {
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: 4;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px var(--clr-smoke-op-15);
}
.slrs-testimonial-card__verified i {
  font-size: 14px;
  color: var(--clr-primary);
}

.slrs-testimonial-card__author-info h4 {
  margin: 0 0 2px 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--clr-text);
  line-height: 1.2;
}
.slrs-testimonial-card__author-info p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-primary);
}

.slrs-testimonial-card__helpful {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-text-muted);
  background: var(--clr-neutral-100);
  border: 1px solid var(--card-border);
  border-radius: 30px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity var(--t-base), color var(--t-base), background var(--t-base), border-color var(--t-base), transform var(--t-fast);
}
.slrs-testimonial-card__helpful i {
  font-size: 13px;
  transition: transform var(--t-fast);
}
.slrs-testimonial-card__helpful:hover {
  opacity: 1;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-25);
  transform: translateY(-2px);
}
.slrs-testimonial-card__helpful:hover i {
  transform: scale(1.15);
}
.slrs-testimonial-card__helpful:active {
  transform: translateY(0);
}

.slrs-testimonials__stats-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 40px;
  background: linear-gradient(135deg, rgba(var(--clr-bg-rgb), 0.7), rgba(var(--clr-surface-void-rgb), 0.9));
  background: var(--card-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--card-border);
  border-color: var(--clr-primary-op-15);
  border-radius: 24px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.03), 0 0 25px var(--clr-primary-op-10);
  position: relative;
  overflow: hidden;
}
.slrs-testimonials__stats-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--card-noise);
  opacity: 0.02;
  mix-blend-mode: overlay;
  pointer-events: none;
}
[data-theme=dark] .slrs-testimonials__stats-bar {
  background: rgba(10, 18, 30, 0.75);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25), 0 0 25px rgba(22, 101, 52, 0.15);
}
@media (max-width: 61.98em) {
  .slrs-testimonials__stats-bar {
    padding: 24px 30px;
  }
}
@media (max-width: 47.98em) {
  .slrs-testimonials__stats-bar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 20px;
    padding: 30px 24px;
    border-radius: 20px;
  }
}
@media (max-width: 35.98em) {
  .slrs-testimonials__stats-bar {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
    border-radius: 16px;
  }
}

.slrs-testimonials__stat {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  z-index: 1;
  padding: 10px 14px;
  border-radius: 16px;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid transparent;
}
@media (max-width: 47.98em) {
  .slrs-testimonials__stat {
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border-color: var(--clr-primary-op-10);
    box-shadow: var(--shadow-sm);
  }
  [data-theme=dark] .slrs-testimonials__stat {
    background: rgba(255, 255, 255, 0.01);
    border-color: rgba(255, 255, 255, 0.04);
  }
}
@media (max-width: 35.98em) {
  .slrs-testimonials__stat {
    justify-content: flex-start;
    padding: 12px 16px;
    gap: 14px;
  }
}
.slrs-testimonials__stat:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--clr-primary-op-10);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-testimonials__stat:hover {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}
@media (max-width: 47.98em) {
  .slrs-testimonials__stat:hover {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 25px var(--clr-primary-op-10);
  }
  [data-theme=dark] .slrs-testimonials__stat:hover {
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 10px 25px rgba(22, 101, 52, 0.1);
  }
}
.slrs-testimonials__stat:hover .slrs-testimonials__stat-icon {
  transform: scale(1.1) rotate(8deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  border-color: transparent;
  box-shadow: 0 8px 20px var(--clr-primary-op-30);
}
.slrs-testimonials__stat:hover .slrs-testimonials__stat-icon i {
  color: var(--clr-white);
}
.slrs-testimonials__stat:hover .slrs-testimonials__stat-content strong {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.slrs-testimonials__stat-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--clr-neutral-100), var(--clr-neutral-50));
  border: 1px solid var(--clr-neutral-200);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-testimonials__stat-icon {
  background: linear-gradient(135deg, var(--clr-neutral-200), var(--clr-neutral-150));
  border-color: var(--clr-neutral-300);
}
.slrs-testimonials__stat-icon i {
  font-size: 20px;
  color: var(--clr-primary);
  transition: color 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-testimonials__stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .slrs-testimonials__stat-icon i {
    font-size: 16px;
  }
}

.slrs-testimonials__stat-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.slrs-testimonials__stat-content strong {
  font-size: 24px;
  font-weight: 800;
  color: var(--clr-text);
  line-height: 1.1;
  font-family: var(--ff-heading);
  transition: background 0.3s ease, -webkit-text-fill-color 0.3s ease;
}
.slrs-testimonials__stat-content span {
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-text-muted);
  white-space: nowrap;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}
@media (max-width: 35.98em) {
  .slrs-testimonials__stat-content strong {
    font-size: 20px;
  }
  .slrs-testimonials__stat-content span {
    font-size: 9px;
  }
}

.slrs-testimonials__stat-divider {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, transparent, var(--card-border) 20%, var(--card-border) 80%, transparent);
  flex-shrink: 0;
  opacity: 0.65;
}
@media (max-width: 47.98em) {
  .slrs-testimonials__stat-divider {
    display: none !important;
  }
}

[data-theme=dark] .slrs-testimonials {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-testimonials__aggregate,
[data-theme=dark] .slrs-testimonial-card,
[data-theme=dark] .slrs-testimonials__stats-bar {
  background: var(--clr-neutral-100);
  border-color: var(--clr-neutral-200);
  box-shadow: 0 10px 30px var(--clr-smoke-op-35);
}
[data-theme=dark] .slrs-testimonial-card__source {
  background: var(--clr-neutral-200);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-testimonial-card__service-tag {
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-testimonial-card__date {
  background: var(--clr-neutral-200);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-testimonial-card__helpful {
  background: var(--clr-neutral-200);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-testimonial-card__avatar-ring::after {
  background: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-testimonial-card__verified {
  background: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-testimonial-card__footer {
  border-color: var(--clr-neutral-200);
}
[data-theme=dark] .slrs-testimonials__tab-count {
  background: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-testimonials__nav {
  background: var(--clr-neutral-100);
  border-color: var(--clr-neutral-200);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-testimonials__stat-icon {
  background: linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-10));
  border-color: var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-testimonials__stat-divider {
  background: var(--clr-neutral-200);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-testimonial-card__quote-icon,
  .slrs-testimonial-card__avatar-ring::before {
    animation: none !important;
  }
  .slrs-testimonials__aggregate-stars i {
    animation: none !important;
  }
  .slrs-testimonial-card__shimmer,
  .slrs-testimonial-card__border,
  .slrs-testimonial-card__spotlight {
    display: none !important;
  }
  .slrs-testimonial-card {
    transition: none !important;
  }
  .slrs-testimonial-card:hover {
    transform: none;
  }
  .slrs-testimonials__nav {
    transition: none !important;
  }
}
/* ==========================================================================
   PARTNERS COMPONENT LAYOUT SYSTEM
   Premium BEM-structured, responsive Solaris brand partners sections
   ========================================================================== */
/* ── Partner Layout Style 1 (Homepage 1 Marquee) ── */
.slrs-partner-v1 {
  padding: 120px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 61.98em) {
  .slrs-partner-v1 {
    padding: 80px 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-partner-v1 {
    padding: 60px 0;
  }
}
.slrs-partner-v1__content {
  padding-right: 15px;
  --title-size: 28px;
  --header-margin-bottom: 0;
}
@media (max-width: 61.98em) {
  .slrs-partner-v1__content {
    --title-size: 24px;
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
}
.slrs-partner-v1__strip {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
  background: transparent;
}
.slrs-partner-v1__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 3;
  pointer-events: none;
}
.slrs-partner-v1__fade--left {
  left: 0;
  background: linear-gradient(90deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-partner-v1__fade--left {
  background: linear-gradient(90deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-partner-v1__fade--right {
  right: 0;
  background: linear-gradient(270deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-partner-v1__fade--right {
  background: linear-gradient(270deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
@media (max-width: 47.98em) {
  .slrs-partner-v1__fade {
    width: 50px;
  }
}
.slrs-partner-v1__marquee {
  display: flex;
  align-items: center;
  overflow: hidden;
  user-select: none;
  width: 100%;
}
.slrs-partner-v1__marquee:hover .slrs-partner-v1__track {
  animation-play-state: paused;
}
.slrs-partner-v1__track {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 20px;
  padding: 0 10px;
  will-change: transform;
  animation: slrs-pv1-scroll 24s linear infinite;
}
.slrs-partner-v1__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 80px;
  padding: 10px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, border-color 0.35s ease, box-shadow 0.4s ease;
}
.slrs-partner-v1__logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgb(var(--clr-primary-rgb)/0.12) 0%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
.slrs-partner-v1__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.45);
  transition: filter 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  z-index: 1;
}
.slrs-partner-v1__logo:hover {
  transform: translateY(-4px) scale(1.04);
  background: var(--clr-white);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 12px 28px var(--clr-primary-op-10), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.slrs-partner-v1__logo:hover::before {
  opacity: 1;
}
.slrs-partner-v1__logo:hover img {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.04);
}
[data-theme=dark] .slrs-partner-v1__logo {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-partner-v1__logo img {
  filter: grayscale(100%) opacity(0.35) brightness(1.8);
}
[data-theme=dark] .slrs-partner-v1__logo:hover {
  background: rgba(15, 23, 42, 0.8);
  border-color: var(--clr-primary-op-30);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35), 0 0 15px var(--clr-primary-op-8);
}
[data-theme=dark] .slrs-partner-v1__logo:hover img {
  filter: grayscale(0%) opacity(0.9) brightness(1.2);
}
@media (max-width: 47.98em) {
  .slrs-partner-v1__logo {
    width: 130px;
    height: 68px;
    border-radius: 10px;
    padding: 8px 16px;
  }
}

/* ── Scrolling Animation Keyframes ── */
@keyframes slrs-pv1-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/* Reduced Motion Override */
@media (prefers-reduced-motion) {
  .slrs-partner-v1__track {
    animation-play-state: paused !important;
  }
}
/* ── Partner Layout Style 2 (Homepage 2 Slider with Google Rating) ── */
.slrs-partner-v2 {
  position: relative;
  padding: 100px 0 80px;
  border-bottom: 1px solid var(--clr-neutral-200);
}
[data-theme=dark] .slrs-partner-v2 {
  border-bottom-color: var(--clr-glass-op-6);
}
@media (max-width: 61.98em) {
  .slrs-partner-v2 {
    padding: 80px 0 60px;
  }
}
@media (max-width: 47.98em) {
  .slrs-partner-v2 {
    padding: 60px 0 40px;
  }
}
.slrs-partner-v2__rating {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--clr-glass-op-80);
  border: 1px solid var(--clr-primary-op-8);
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 25px var(--clr-smoke-op-3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
[data-theme=dark] .slrs-partner-v2__rating {
  background: rgba(30, 41, 59, 0.4);
  border-color: var(--clr-glass-op-8);
  box-shadow: 0 10px 25px var(--clr-smoke-op-20);
}
.slrs-partner-v2__rating:hover {
  transform: translateY(-3px);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 15px 30px var(--clr-primary-op-8);
}
[data-theme=dark] .slrs-partner-v2__rating:hover {
  border-color: var(--clr-glass-op-15);
  box-shadow: 0 15px 30px var(--clr-smoke-op-30);
}
.slrs-partner-v2__rating .icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  background: var(--clr-white);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px var(--clr-smoke-op-5);
}
.slrs-partner-v2__rating .icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: none !important;
}
.slrs-partner-v2__rating .content {
  text-align: left;
}
.slrs-partner-v2__rating .content span {
  display: flex;
  gap: 2px;
  color: #ffb703;
  font-size: 0.85rem;
  margin-bottom: 4px;
}
.slrs-partner-v2__rating .content p {
  color: var(--clr-text);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  margin: 0;
}
[data-theme=dark] .slrs-partner-v2__rating .content p {
  color: var(--clr-glass-op-90);
}
.slrs-partner-v2__slider {
  overflow: hidden;
  padding: 10px 0;
}
.slrs-partner-v2__slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-partner-v2__slider .swiper-slide img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.5);
  transition: filter 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-partner-v2__slider .swiper-slide img {
  filter: grayscale(100%) opacity(0.4) brightness(1.8);
}
.slrs-partner-v2__slider .swiper-slide:hover img {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.08);
}
[data-theme=dark] .slrs-partner-v2__slider .swiper-slide:hover img {
  filter: grayscale(0%) opacity(0.95) brightness(1.2);
}

/* ── Partner Layout Style 3 (Homepage 3 Slider) ── */
.slrs-partner-v3 {
  padding: 120px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: var(--clr-bg-alt);
  border-top: 1px solid rgba(22, 101, 52, 0.05);
  border-bottom: 1px solid rgba(22, 101, 52, 0.05);
}
[data-theme=dark] .slrs-partner-v3 {
  background: var(--clr-bg);
  border-color: rgba(255, 255, 255, 0.04);
}
@media (max-width: 61.98em) {
  .slrs-partner-v3 {
    padding: 80px 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-partner-v3 {
    padding: 60px 0;
  }
}
.slrs-partner-v3__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 3;
  pointer-events: none;
}
.slrs-partner-v3__fade--left {
  left: 0;
  background: linear-gradient(90deg, var(--clr-bg-alt) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-partner-v3__fade--left {
  background: linear-gradient(90deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-partner-v3__fade--right {
  right: 0;
  background: linear-gradient(270deg, var(--clr-bg-alt) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-partner-v3__fade--right {
  background: linear-gradient(270deg, var(--clr-bg) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
}
@media (max-width: 47.98em) {
  .slrs-partner-v3__fade {
    width: 50px;
  }
}
.slrs-partner-v3__slider {
  overflow: hidden;
  padding: 15px 0;
}
.slrs-partner-v3__logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  padding: 10px 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 15px rgba(22, 101, 52, 0.01), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.4s ease;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.slrs-partner-v3__logo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(22, 101, 52, 0.08) 0%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
[data-theme=dark] .slrs-partner-v3__logo-card::before {
  background: radial-gradient(circle at center, rgba(56, 189, 248, 0.08) 0%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-partner-v3__logo-card img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.5);
  transition: filter 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-partner-v3__logo-card img {
  filter: grayscale(100%) opacity(0.4) brightness(1.8);
}
.slrs-partner-v3__logo-card:hover {
  transform: translateY(-4px);
  background: var(--clr-white);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 12px 28px var(--clr-primary-op-10);
}
.slrs-partner-v3__logo-card:hover::before {
  opacity: 1;
}
.slrs-partner-v3__logo-card:hover img {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.05);
}
[data-theme=dark] .slrs-partner-v3__logo-card:hover img {
  filter: grayscale(0%) opacity(0.95) brightness(1.1);
}
[data-theme=dark] .slrs-partner-v3__logo-card {
  background: rgba(22, 33, 50, 0.45);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
[data-theme=dark] .slrs-partner-v3__logo-card:hover {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}
@media (max-width: 47.98em) {
  .slrs-partner-v3__logo-card {
    height: 68px;
    padding: 8px 16px;
  }
  .slrs-partner-v3__logo-card img {
    max-height: 40px;
  }
}
@media (max-width: 61.98em) {
  .slrs-partner-v3__logo-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.98) !important;
  }
  [data-theme=dark] .slrs-partner-v3__logo-card {
    background: rgba(30, 41, 59, 0.95) !important;
  }
}

/*=======================================================================
  WHY CHOOSE BASE CONTAINER
=======================================================================*/
.slrs-differentiators {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/*=======================================================================
  WHY CHOOSE STYLE 1 — Homepage 1 (Vertical Timeline Flow)
=======================================================================*/
.slrs-differentiators-v1 {
  --transition-base: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --card-radius: var(--radius-xl);
  --card-bg: var(--clr-surface-frost);
  --card-border: var(--clr-neutral-200);
  --card-shadow: 0 4px 20px var(--clr-smoke-op-4);
  --card-shadow-hover: 0 16px 40px var(--clr-smoke-op-8);
}
.slrs-differentiators-v1__content {
  position: relative;
}
.slrs-differentiators-v1__card-grid {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.slrs-differentiators-v1__card-grid::before {
  content: "";
  position: absolute;
  top: 35px;
  bottom: 35px;
  left: 27px;
  width: 2px;
  background: linear-gradient(180deg, var(--clr-primary-op-30), var(--clr-accent-op-30), var(--clr-success-op-30));
  border-radius: var(--radius-xs);
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-differentiators-v1__card-grid::before {
    left: 23px;
  }
}
.slrs-differentiators-v1__card {
  --card-accent-color: var(--clr-primary);
  --card-accent-glow: var(--clr-primary-op-15);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 24px 24px 60px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  margin-bottom: 16px;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color 0.4s ease;
  z-index: 2;
}
.slrs-differentiators-v1__card:last-child {
  margin-bottom: 0;
}
.slrs-differentiators-v1__card::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: var(--radius-full);
  background: var(--clr-white);
  border: 3px solid var(--card-accent-color);
  z-index: 3;
  transition: background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-differentiators-v1__card--primary {
  --card-accent-color: var(--clr-primary);
  --card-accent-glow: var(--clr-primary-op-15);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
}
.slrs-differentiators-v1__card--success {
  --card-accent-color: var(--clr-success);
  --card-accent-glow: var(--clr-success-op-15);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-success), var(--clr-success-700));
}
.slrs-differentiators-v1__card--accent {
  --card-accent-color: var(--clr-accent);
  --card-accent-glow: var(--clr-accent-op-15);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-700));
}
.slrs-differentiators-v1__card:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
  border-color: var(--card-accent-color);
}
.slrs-differentiators-v1__card:hover::before {
  background: var(--card-accent-color);
  transform: translateY(-50%) scale(1.25);
  box-shadow: 0 0 0 6px var(--card-accent-glow);
}
.slrs-differentiators-v1__card:hover .slrs-differentiators-v1__card-icon {
  transform: scale(1.1) rotate(6deg);
  background: var(--card-accent-gradient);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 8px 24px var(--card-accent-glow);
}
.slrs-differentiators-v1__card:hover .slrs-differentiators-v1__card-number {
  background: var(--card-accent-color);
  color: var(--clr-white);
  transform: scale(1.1);
}
.slrs-differentiators-v1__card:hover .slrs-differentiators-v1__card-arrow {
  opacity: 1;
  transform: translate(0, 0);
}
[data-theme=dark] .slrs-differentiators-v1__card {
  background: var(--clr-neutral-100);
  border-color: var(--clr-neutral-200);
  box-shadow: 0 4px 20px var(--clr-smoke-op-25);
}
[data-theme=dark] .slrs-differentiators-v1__card::before {
  background: var(--clr-neutral-100);
  border-color: var(--card-accent-color);
}
[data-theme=dark] .slrs-differentiators-v1__card .slrs-differentiators-v1__card-number {
  border-color: var(--clr-neutral-100);
}
[data-theme=dark] .slrs-differentiators-v1__card:hover {
  box-shadow: 0 16px 45px var(--clr-smoke-op-40);
}
.slrs-differentiators-v1__card-icon-box {
  position: relative;
  flex-shrink: 0;
}
.slrs-differentiators-v1__card-number {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  color: var(--card-accent-color);
  background: var(--card-accent-glow);
  border: 2px solid var(--clr-white);
  border-radius: var(--radius-full);
  transition: background var(--transition-base), color var(--transition-base), transform var(--transition-base);
  z-index: 5;
}
.slrs-differentiators-v1__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: var(--radius-lg);
  font-size: 22px;
  color: var(--card-accent-color);
  background: var(--card-accent-glow);
  transition: transform var(--transition-bounce), background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
  position: relative;
  z-index: 3;
}
.slrs-differentiators-v1__card-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.slrs-differentiators-v1__card-title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--clr-text);
  line-height: 1.3;
}
[data-theme=dark] .slrs-differentiators-v1__card-title {
  color: var(--clr-white);
}
.slrs-differentiators-v1__card-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--clr-text-muted);
}
.slrs-differentiators-v1__card-arrow {
  position: absolute;
  bottom: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--card-accent-color);
  background: var(--card-accent-glow);
  border-radius: var(--radius-full);
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity var(--transition-base), transform var(--transition-base);
  z-index: 4;
  text-decoration: none;
}
.slrs-differentiators-v1__card-arrow i {
  font-size: 13px;
}
.slrs-differentiators-v1__cta-row {
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}
@media (max-width: 35.98em) {
  .slrs-differentiators-v1__cta-row {
    flex-direction: column;
    gap: 20px;
  }
  .slrs-differentiators-v1__cta-row .slrs-btn {
    width: 100%;
    justify-content: center;
  }
}
.slrs-differentiators-v1__video-link {
  display: flex;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  color: var(--clr-text);
  padding: 8px 24px 8px 8px;
  border-radius: 50px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.06);
  transition: background var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  cursor: pointer;
}
[data-theme=dark] .slrs-differentiators-v1__video-link {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  color: var(--clr-white);
}
.slrs-differentiators-v1__video-link:hover {
  background: rgba(22, 101, 52, 0.06);
  border-color: rgba(22, 101, 52, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -10px rgba(22, 101, 52, 0.15);
}
[data-theme=dark] .slrs-differentiators-v1__video-link:hover {
  background: rgba(56, 189, 248, 0.06);
  border-color: rgba(56, 189, 248, 0.18);
  box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.35);
}
.slrs-differentiators-v1__video-link:hover .slrs-differentiators-v1__video-icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 8px 20px rgba(22, 101, 52, 0.3);
  transform: scale(1.08);
}
.slrs-differentiators-v1__video-link:hover .slrs-differentiators-v1__video-text strong {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-differentiators-v1__video-link:hover .slrs-differentiators-v1__video-text strong {
  color: var(--clr-primary-light);
}
@media (max-width: 35.98em) {
  .slrs-differentiators-v1__video-link {
    width: 100%;
    padding: 10px;
    justify-content: center;
  }
}
.slrs-differentiators-v1__video-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-radius: var(--radius-full);
  font-size: 15px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 10px rgba(22, 101, 52, 0.08);
  transition: transform var(--transition-bounce), background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-differentiators-v1__video-icon i {
  margin-left: 2px;
}
.slrs-differentiators-v1__video-icon::before, .slrs-differentiators-v1__video-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--clr-primary-op-20);
  z-index: -1;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
}
.slrs-differentiators-v1__video-link:hover .slrs-differentiators-v1__video-icon::before {
  animation: slrs-pulse-ring-why 1.8s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}
.slrs-differentiators-v1__video-link:hover .slrs-differentiators-v1__video-icon::after {
  animation: slrs-pulse-ring-why 1.8s cubic-bezier(0.24, 0, 0.38, 1) infinite 0.9s;
}
.slrs-differentiators-v1__video-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.slrs-differentiators-v1__video-text strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--clr-text);
  transition: color var(--transition-base);
}
[data-theme=dark] .slrs-differentiators-v1__video-text strong {
  color: var(--clr-white);
}
.slrs-differentiators-v1__video-text small {
  font-size: 12px;
  color: var(--clr-text-muted);
}
.slrs-differentiators-v1__media-wrapper {
  position: relative;
  width: 100%;
  padding-right: 20px;
}
.slrs-differentiators-v1__media {
  position: relative;
  width: 100%;
  height: 480px;
}
.slrs-differentiators-v1__media img {
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-differentiators-v1__media .img-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 72%;
  height: 82%;
  z-index: 1;
  border-radius: 60px 20px 60px 20px;
  box-shadow: 0 15px 40px -10px var(--clr-smoke-op-20);
}
.slrs-differentiators-v1__media .img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65%;
  height: 68%;
  border: 6px solid var(--clr-bg-alt);
  z-index: 2;
  border-radius: 20px 60px 20px 60px;
  box-shadow: 0 15px 40px -10px var(--clr-smoke-op-25);
}
.slrs-differentiators-v1__media:hover .img-1 {
  transform: scale(1.02);
}
.slrs-differentiators-v1__media:hover .img-2 {
  transform: scale(1.03);
}
@media (max-width: 61.98em) {
  .slrs-differentiators-v1__media {
    height: 400px;
  }
}
@media (max-width: 47.98em) {
  .slrs-differentiators-v1__media {
    height: 350px;
    margin-top: 30px;
  }
}
.slrs-differentiators-v1__floating-badge {
  position: absolute;
  bottom: 24px;
  left: -24px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 16px 22px;
  border-radius: var(--radius-xl);
  box-shadow: 0 15px 35px var(--clr-smoke-op-10);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  animation: slrs-why-float-badge 3s ease-in-out infinite;
}
[data-theme=dark] .slrs-differentiators-v1__floating-badge {
  background: rgba(15, 23, 42, 0.8);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-differentiators-v1__floating-badge:hover {
  animation-play-state: paused;
  transform: translateY(-12px);
  box-shadow: 0 20px 45px var(--clr-smoke-op-15), 0 6px 12px var(--clr-smoke-op-6);
}
[data-theme=dark] .slrs-differentiators-v1__floating-badge:hover {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}
.slrs-differentiators-v1__floating-badge .badge-icon {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, var(--clr-success), var(--clr-success-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 4px 12px var(--clr-success-op-20);
}
.slrs-differentiators-v1__floating-badge .badge-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.slrs-differentiators-v1__floating-badge .badge-info strong {
  font-size: 17px;
  font-weight: 800;
  color: var(--clr-text);
  letter-spacing: -0.01em;
}
[data-theme=dark] .slrs-differentiators-v1__floating-badge .badge-info strong {
  color: var(--clr-white);
}
.slrs-differentiators-v1__floating-badge .badge-info span {
  font-size: 10px;
  color: var(--clr-text-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.slrs-differentiators-v1__trust-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 22px 35px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: hidden;
  flex-wrap: wrap;
}
.slrs-differentiators-v1__trust-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-success), var(--clr-primary));
  background-size: 300% 100%;
  animation: slrs-why-accent-flow 6s linear infinite;
}
[data-theme=dark] .slrs-differentiators-v1__trust-bar {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.65) 100%);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3), inset 0 1px 0px rgba(255, 255, 255, 0.05);
}
@media (max-width: 47.98em) {
  .slrs-differentiators-v1__trust-bar {
    padding: 14px 20px;
    gap: 8px;
  }
}
.slrs-differentiators-v1__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--clr-text);
  padding: 8px 18px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(22, 101, 52, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: transform var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);
  position: relative;
  z-index: 3;
  white-space: nowrap;
}
[data-theme=dark] .slrs-differentiators-v1__trust-item {
  background: rgba(15, 23, 42, 0.4);
  border-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.85);
}
.slrs-differentiators-v1__trust-item:hover {
  transform: translateY(-2px);
  background: var(--clr-success-op-5);
  border-color: rgba(16, 185, 129, 0.25);
  color: var(--clr-primary);
  box-shadow: 0 6px 15px rgba(16, 185, 129, 0.1);
}
[data-theme=dark] .slrs-differentiators-v1__trust-item:hover {
  background: rgba(16, 185, 129, 0.08);
  color: var(--clr-white);
  border-color: rgba(16, 185, 129, 0.25);
  box-shadow: 0 6px 15px rgba(16, 185, 129, 0.15);
}
.slrs-differentiators-v1__trust-item:hover i {
  transform: scale(1.2) rotate(6deg);
  color: var(--clr-success);
}
.slrs-differentiators-v1__trust-item i {
  font-size: 14px;
  color: var(--clr-success);
  transition: transform 0.3s var(--transition-bounce), color 0.3s ease;
}

@keyframes slrs-pulse-ring-why {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes slrs-why-float-badge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes slrs-why-accent-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
/*=======================================================================
  WHY CHOOSE STYLE 2 — Homepage 2 (3 Stacked Glass Cards + Dashboard)
=======================================================================*/
.slrs-differentiators-v2 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(185deg, var(--clr-bg-alt) 0%, var(--clr-bg) 100%);
}
.slrs-differentiators-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(22, 101, 52, 0.05) 1.2px, transparent 1.2px);
  background-size: 32px 32px;
  opacity: 0.8;
  z-index: 1;
  pointer-events: none;
}
[data-theme=dark] .slrs-differentiators-v2::before {
  background-image: radial-gradient(rgba(56, 189, 248, 0.04) 1.2px, transparent 1.2px);
}
.slrs-differentiators-v2__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}
.slrs-differentiators-v2__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 28px 24px;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(22, 101, 52, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background-color 0.4s ease;
  z-index: 2;
}
[data-theme=dark] .slrs-differentiators-v2__card {
  background: rgba(22, 33, 50, 0.45);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
@media (min-width: 992px) {
  .slrs-differentiators-v2__card:nth-child(2) {
    transform: translateX(20px);
  }
  .slrs-differentiators-v2__card:nth-child(2):hover {
    transform: translate(20px, -5px);
  }
}
.slrs-differentiators-v2__card-accent-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 32px;
  background: var(--clr-primary);
  border-radius: 0 4px 4px 0;
  transform: translateY(-50%) scaleY(0);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
  z-index: 4;
  pointer-events: none;
}
.slrs-differentiators-v2__card-shine {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.slrs-differentiators-v2__card-shine::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
  transform: skewX(-25deg);
  pointer-events: none;
  z-index: 2;
}
[data-theme=dark] .slrs-differentiators-v2__card-shine::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
}
.slrs-differentiators-v2__card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--clr-primary-op-15);
  filter: blur(40px);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
  pointer-events: none;
}
.slrs-differentiators-v2__card--success::after {
  background: var(--clr-success-op-20);
}
.slrs-differentiators-v2__card--success .slrs-differentiators-v2__card-accent-line {
  background: var(--clr-success);
}
.slrs-differentiators-v2__card--accent::after {
  background: var(--clr-accent-op-20);
}
.slrs-differentiators-v2__card--accent .slrs-differentiators-v2__card-accent-line {
  background: var(--clr-accent);
}
.slrs-differentiators-v2__card-badge {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 12px;
  font-weight: 800;
  color: var(--clr-primary-op-70);
  background: var(--clr-primary-op-10);
  padding: 4px 10px;
  border-radius: 50px;
  letter-spacing: 0.05em;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  z-index: 3;
}
.slrs-differentiators-v2__card-icon-ring {
  --ring-glow-clr: rgba(22, 101, 52, 0.35);
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border: 1px solid var(--clr-primary-op-20);
  font-size: 22px;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-differentiators-v2__card-icon-ring--success {
  --ring-glow-clr: rgba(16, 185, 129, 0.35);
  background: var(--clr-success-op-10);
  color: var(--clr-success);
  border-color: var(--clr-success-op-20);
}
.slrs-differentiators-v2__card-icon-ring--accent {
  --ring-glow-clr: rgba(245, 158, 11, 0.35);
  background: var(--clr-accent-op-15);
  color: var(--clr-accent-dark);
  border-color: var(--clr-accent-op-30);
}
.slrs-differentiators-v2__card-info {
  flex: 1;
  min-width: 0;
  padding-right: 32px;
  position: relative;
  z-index: 3;
}
.slrs-differentiators-v2__card-info h4 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--clr-text);
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-differentiators-v2__card-info h4 {
  color: var(--clr-white);
}
.slrs-differentiators-v2__card-info p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--clr-text-muted);
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-differentiators-v2__card-info p {
  color: var(--clr-glass-op-70);
}
.slrs-differentiators-v2__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(22, 101, 52, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  border-color: rgba(22, 101, 52, 0.5);
}
[data-theme=dark] .slrs-differentiators-v2__card:hover {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  border-color: rgba(96, 181, 255, 0.45);
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-shine::before {
  left: 150%;
  transition: left 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-accent-line {
  transform: translateY(-50%) scaleY(1);
  box-shadow: 0 0 15px var(--ring-glow-clr);
}
.slrs-differentiators-v2__card:hover::after {
  opacity: 1;
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-badge {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.05);
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-icon-ring {
  transform: scale(1.1) rotate(8deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-color: transparent !important;
  animation: slrs-why-telemetry-ping 1.6s cubic-bezier(0.25, 0, 0, 1) infinite;
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-icon-ring--success {
  background: linear-gradient(135deg, var(--clr-success), var(--clr-success-700));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-icon-ring--accent {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-info h4 {
  color: var(--clr-primary);
}
.slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-info p {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-differentiators-v2__card:hover .slrs-differentiators-v2__card-info p {
  color: var(--clr-white);
}
.slrs-differentiators-v2__showcase {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 480px;
}
.slrs-differentiators-v2__showcase-media {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
  height: 100%;
  width: 100%;
}
.slrs-differentiators-v2__showcase-media .main-showcase-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-differentiators-v2__showcase:hover .main-showcase-img {
  transform: scale(1.04);
}
.slrs-differentiators-v2__showcase-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(to top, rgba(11, 19, 42, 0.4) 0%, transparent 40%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-differentiators-v2__showcase-overlay {
  background: linear-gradient(to top, rgba(11, 19, 42, 0.6) 0%, transparent 50%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.slrs-differentiators-v2__widget-wrap {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.slrs-differentiators-v2__widget-wrap .slrs-differentiators-v2__widget {
  pointer-events: auto;
}
.slrs-differentiators-v2__widget-wrap--1 {
  top: 40px;
  right: 0;
  animation: slrs-why-widget-float-1 6s ease-in-out infinite;
}
.slrs-differentiators-v2__widget-wrap--2 {
  bottom: 60px;
  left: 24px;
  animation: slrs-why-widget-float-2 7s ease-in-out infinite;
}
.slrs-differentiators-v2__widget-wrap--3 {
  bottom: -20px;
  right: 40px;
  animation: slrs-why-widget-float-3 5.2s ease-in-out infinite;
}
.slrs-differentiators-v2__widget {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 14px 20px;
  border-radius: 20px;
  box-shadow: 0 15px 35px var(--clr-smoke-op-10);
  display: flex;
  align-items: center;
  gap: 12px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-differentiators-v2__widget {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-differentiators-v2__widget-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.slrs-differentiators-v2__widget-details {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.slrs-differentiators-v2__widget-details strong {
  font-size: 17px;
  font-weight: 800;
  color: var(--clr-text);
  letter-spacing: -0.01em;
}
[data-theme=dark] .slrs-differentiators-v2__widget-details strong {
  color: var(--clr-white);
}
.slrs-differentiators-v2__widget-details span {
  font-size: 10px;
  color: var(--clr-text-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-differentiators-v2__widget-sparkline {
  margin-left: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.slrs-differentiators-v2__widget-sparkline svg {
  overflow: visible;
}
.slrs-differentiators-v2__widget-sparkline svg path {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: slrs-why-draw-sparkline 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-differentiators-v2__widget-progress-bar {
  width: 80px;
  height: 4px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  margin-top: 4px;
  overflow: hidden;
}
[data-theme=dark] .slrs-differentiators-v2__widget-progress-bar {
  background: rgba(255, 255, 255, 0.1);
}
.slrs-differentiators-v2__widget-progress-bar .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  border-radius: inherit;
  transition: width 1s ease;
}
.slrs-differentiators-v2__widget-live-dot {
  position: relative;
  width: 10px;
  height: 10px;
  background: var(--clr-success);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--clr-success);
  flex-shrink: 0;
}
.slrs-differentiators-v2__widget-live-dot::before, .slrs-differentiators-v2__widget-live-dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px solid var(--clr-success);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
}
.slrs-differentiators-v2__widget-live-dot::before {
  animation: slrs-why-radar-ping 2.2s cubic-bezier(0.25, 0, 0, 1) infinite;
}
.slrs-differentiators-v2__widget-live-dot::after {
  animation: slrs-why-radar-ping 2.2s cubic-bezier(0.25, 0, 0, 1) infinite 1.1s;
}
.slrs-differentiators-v2__widget--performance .slrs-differentiators-v2__widget-icon {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  box-shadow: 0 4px 12px var(--clr-primary-op-15);
}
.slrs-differentiators-v2__widget--carbon .slrs-differentiators-v2__widget-icon {
  background: var(--clr-success-op-10);
  color: var(--clr-success);
  box-shadow: 0 4px 12px var(--clr-success-op-15);
}
.slrs-differentiators-v2__widget--carbon:hover .slrs-differentiators-v2__widget-icon i {
  animation: slrs-why-leaf-sway 1.5s ease-in-out infinite;
}
.slrs-differentiators-v2__widget--live {
  background: rgba(255, 255, 255, 0.95);
}
[data-theme=dark] .slrs-differentiators-v2__widget--live {
  background: rgba(22, 33, 50, 0.95);
}
.slrs-differentiators-v2__widget:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 45px var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-differentiators-v2__widget:hover {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}
.slrs-differentiators-v2__widget:hover .slrs-differentiators-v2__widget-icon {
  transform: scale(1.1);
}

@keyframes slrs-why-telemetry-ping {
  0% {
    box-shadow: 0 0 0 0 var(--ring-glow-clr);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes slrs-why-image-scan {
  0% {
    transform: translateY(0);
  }
  60%, 100% {
    transform: translateY(100%);
  }
}
@keyframes slrs-why-widget-float-1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes slrs-why-widget-float-2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes slrs-why-widget-float-3 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes slrs-why-draw-sparkline {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes slrs-why-radar-ping {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.8);
    opacity: 0;
  }
}
@keyframes slrs-why-leaf-sway {
  0%, 100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(15deg);
  }
}
@media (max-width: 991.98px) {
  .slrs-differentiators-v2__showcase {
    min-height: 380px;
    margin-top: 50px;
  }
  .slrs-differentiators-v2__widget-wrap--1 {
    right: 0;
  }
  .slrs-differentiators-v2__widget-wrap--2 {
    left: 0;
  }
}
/*=======================================================================
  WHY CHOOSE STYLE 3 — Homepage 3 (Spec Bento Panel Grid)
=======================================================================*/
.slrs-differentiators-v3 {
  position: relative;
  background: linear-gradient(185deg, var(--clr-bg-alt) 0%, var(--clr-bg) 100%);
  transition: background 0.3s ease;
}
.slrs-differentiators-v3::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(22, 101, 52, 0.05) 1.2px, transparent 1.2px);
  background-size: 32px 32px;
  opacity: 0.8;
  z-index: 1;
  pointer-events: none;
}
[data-theme=dark] .slrs-differentiators-v3::before {
  background-image: radial-gradient(rgba(56, 189, 248, 0.04) 1.2px, transparent 1.2px);
}
.slrs-differentiators-v3__glow {
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  z-index: 1;
  pointer-events: none;
}
.slrs-differentiators-v3__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}
.slrs-differentiators-v3__card {
  --card-accent-color: var(--clr-primary);
  --card-accent-glow: var(--clr-primary-op-15);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 24px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(22, 101, 52, 0.01), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background-color 0.4s ease;
  z-index: 2;
}
[data-theme=dark] .slrs-differentiators-v3__card {
  background: rgba(22, 33, 50, 0.45);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.slrs-differentiators-v3__card-accent-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 32px;
  background: var(--card-accent-color);
  border-radius: 0 4px 4px 0;
  transform: translateY(-50%) scaleY(0);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
  z-index: 4;
  pointer-events: none;
}
.slrs-differentiators-v3__card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--card-accent-glow);
  filter: blur(40px);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
  pointer-events: none;
}
.slrs-differentiators-v3__card--success {
  --card-accent-color: var(--clr-success);
  --card-accent-glow: var(--clr-success-op-20);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-success), var(--clr-success-700));
}
.slrs-differentiators-v3__card--accent {
  --card-accent-color: var(--clr-accent);
  --card-accent-glow: var(--clr-accent-op-20);
  --card-accent-gradient: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-700));
}
.slrs-differentiators-v3__card-badge {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 10px;
  font-weight: 800;
  color: var(--card-accent-color);
  background: var(--card-accent-glow);
  padding: 4px 10px;
  border-radius: 50px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  z-index: 3;
}
.slrs-differentiators-v3__card-icon-ring {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--card-accent-glow);
  color: var(--card-accent-color);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-differentiators-v3__card-info {
  flex: 1;
  min-width: 0;
  padding-right: 32px;
  position: relative;
  z-index: 3;
}
.slrs-differentiators-v3__card-info h4 {
  margin: 0 0 6px 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--clr-text);
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-differentiators-v3__card-info h4 {
  color: var(--clr-white);
}
.slrs-differentiators-v3__card-info p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--clr-text-muted);
  transition: color 0.3s ease;
}
.slrs-differentiators-v3__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(22, 101, 52, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-color: var(--card-accent-color);
}
[data-theme=dark] .slrs-differentiators-v3__card:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  border-color: var(--card-accent-color);
}
.slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-accent-line {
  transform: translateY(-50%) scaleY(1);
  box-shadow: 0 0 10px var(--card-accent-color);
}
.slrs-differentiators-v3__card:hover::after {
  opacity: 1;
}
.slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-badge {
  background: var(--card-accent-color);
  color: var(--clr-white);
  transform: scale(1.05);
}
.slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-icon-ring {
  transform: scale(1.1) rotate(8deg);
  background: var(--card-accent-gradient);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-color: transparent !important;
  box-shadow: 0 8px 20px var(--card-accent-glow);
}
.slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-info h4 {
  color: var(--card-accent-color);
}
.slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-info p {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-differentiators-v3__card:hover .slrs-differentiators-v3__card-info p {
  color: rgba(255, 255, 255, 0.9);
}
.slrs-differentiators-v3__showcase {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 520px;
  z-index: 2;
}
.slrs-differentiators-v3__showcase-media {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
  height: 100%;
  width: 100%;
  aspect-ratio: 4/5;
}
[data-theme=dark] .slrs-differentiators-v3__showcase-media {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
.slrs-differentiators-v3__showcase-media .main-showcase-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-differentiators-v3__showcase:hover .main-showcase-img {
  transform: scale(1.03);
}
.slrs-differentiators-v3__showcase-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.slrs-differentiators-v3__showcase-overlay .bracket {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  z-index: 3;
  pointer-events: none;
  transition: border-color 0.4s ease, transform 0.4s ease;
}
.slrs-differentiators-v3__showcase-overlay .bracket--top-left {
  top: 24px;
  left: 24px;
  border-right: none;
  border-bottom: none;
}
.slrs-differentiators-v3__showcase-overlay .bracket--top-right {
  top: 24px;
  right: 24px;
  border-left: none;
  border-bottom: none;
}
.slrs-differentiators-v3__showcase-overlay .bracket--bottom-left {
  bottom: 24px;
  left: 24px;
  border-right: none;
  border-top: none;
}
.slrs-differentiators-v3__showcase-overlay .bracket--bottom-right {
  bottom: 24px;
  right: 24px;
  border-left: none;
  border-top: none;
}
.slrs-differentiators-v3__showcase:hover .slrs-differentiators-v3__showcase-overlay .bracket {
  border-color: var(--clr-primary);
}
.slrs-differentiators-v3__showcase:hover .slrs-differentiators-v3__showcase-overlay .bracket--top-left {
  transform: translate(4px, 4px);
}
.slrs-differentiators-v3__showcase:hover .slrs-differentiators-v3__showcase-overlay .bracket--top-right {
  transform: translate(-4px, 4px);
}
.slrs-differentiators-v3__showcase:hover .slrs-differentiators-v3__showcase-overlay .bracket--bottom-left {
  transform: translate(4px, -4px);
}
.slrs-differentiators-v3__showcase:hover .slrs-differentiators-v3__showcase-overlay .bracket--bottom-right {
  transform: translate(-4px, -4px);
}
.slrs-differentiators-v3__widget-wrap {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.slrs-differentiators-v3__widget-wrap .slrs-differentiators-v3__widget {
  pointer-events: auto;
}
.slrs-differentiators-v3__widget-wrap--1 {
  top: 50px;
  right: -15px;
  animation: slrs-choose-widget-float-1 6s ease-in-out infinite;
}
@media (max-width: 61.98em) {
  .slrs-differentiators-v3__widget-wrap--1 {
    right: 0;
  }
}
.slrs-differentiators-v3__widget-wrap--2 {
  bottom: 80px;
  left: -24px;
  animation: slrs-choose-widget-float-2 7s ease-in-out infinite;
}
@media (max-width: 61.98em) {
  .slrs-differentiators-v3__widget-wrap--2 {
    left: 0;
  }
}
.slrs-differentiators-v3__widget-wrap--3 {
  bottom: -15px;
  right: 40px;
  animation: slrs-choose-widget-float-3 5.2s ease-in-out infinite;
}
.slrs-differentiators-v3__widget {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 12px 18px;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(22, 101, 52, 0.05);
  display: flex;
  align-items: center;
  gap: 12px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}
[data-theme=dark] .slrs-differentiators-v3__widget {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.slrs-differentiators-v3__widget .widget-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.slrs-differentiators-v3__widget .widget-details {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.slrs-differentiators-v3__widget .widget-details strong {
  font-size: 15px;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-differentiators-v3__widget .widget-details strong {
  color: var(--clr-white);
}
.slrs-differentiators-v3__widget .widget-details span {
  font-size: 8px;
  color: var(--clr-text-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-differentiators-v3__widget .widget-mini-chart {
  margin-left: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.slrs-differentiators-v3__widget .widget-mini-chart svg {
  overflow: visible;
}
.slrs-differentiators-v3__widget .widget-mini-chart svg path {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: slrs-choose-draw-sparkline 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-differentiators-v3__widget .widget-progress-bar {
  width: 70px;
  height: 4px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  margin-top: 4px;
  overflow: hidden;
}
[data-theme=dark] .slrs-differentiators-v3__widget .widget-progress-bar {
  background: rgba(255, 255, 255, 0.1);
}
.slrs-differentiators-v3__widget .widget-progress-bar .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  border-radius: inherit;
  width: 98%;
}
.slrs-differentiators-v3__widget .live-dot-glow {
  position: relative;
  width: 8px;
  height: 8px;
  background: var(--clr-success);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--clr-success);
  flex-shrink: 0;
}
.slrs-differentiators-v3__widget .live-dot-glow::before {
  content: "";
  position: absolute;
  inset: -3px;
  border: 2px solid var(--clr-success);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1);
  animation: slrs-choose-radar-ping 2.2s cubic-bezier(0.25, 0, 0, 1) infinite;
}
.slrs-differentiators-v3__widget--performance .widget-icon {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-differentiators-v3__widget--performance .widget-icon {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}
.slrs-differentiators-v3__widget--carbon .widget-icon {
  background: var(--clr-success-op-10);
  color: var(--clr-success);
}
.slrs-differentiators-v3__widget--carbon:hover .widget-icon i {
  animation: slrs-choose-leaf-sway 1.5s ease-in-out infinite;
}
.slrs-differentiators-v3__widget--live {
  background: rgba(255, 255, 255, 0.95);
}
[data-theme=dark] .slrs-differentiators-v3__widget--live {
  background: rgba(22, 33, 50, 0.95);
}
.slrs-differentiators-v3__widget:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 20px 40px rgba(22, 101, 52, 0.1);
  border-color: var(--clr-primary-op-35);
}
[data-theme=dark] .slrs-differentiators-v3__widget:hover {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
  border-color: rgba(56, 189, 248, 0.35);
}
.slrs-differentiators-v3__widget:hover .widget-icon {
  transform: scale(1.1);
}

@keyframes slrs-choose-widget-float-1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes slrs-choose-widget-float-2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes slrs-choose-widget-float-3 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes slrs-choose-draw-sparkline {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes slrs-choose-radar-ping {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.8);
    opacity: 0;
  }
}
@keyframes slrs-choose-leaf-sway {
  0%, 100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(15deg);
  }
}
@media (max-width: 991.98px) {
  .slrs-differentiators-v3 {
    padding: 80px 0;
  }
  .slrs-differentiators-v3__showcase {
    min-height: 420px;
    margin-top: 50px;
  }
  .slrs-differentiators-v3__widget-wrap--1 {
    right: 0;
  }
  .slrs-differentiators-v3__widget-wrap--2 {
    left: 0;
  }
  .slrs-differentiators-v3__card,
  .slrs-differentiators-v3 .slrs-differentiators-v3__widget {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .slrs-differentiators-v3__card {
    background: rgba(255, 255, 255, 0.98) !important;
  }
  [data-theme=dark] .slrs-differentiators-v3__card {
    background: rgba(30, 41, 59, 0.95) !important;
  }
  .slrs-differentiators-v3 .slrs-differentiators-v3__widget {
    background: rgba(255, 255, 255, 0.98) !important;
  }
  [data-theme=dark] .slrs-differentiators-v3 .slrs-differentiators-v3__widget {
    background: rgba(15, 23, 42, 0.95) !important;
  }
  .slrs-differentiators-v3 .widget-mini-chart,
  .slrs-differentiators-v3 .live-dot-glow::before {
    display: none !important;
  }
}
.slrs-cta {
  --glass-bg: var(--clr-glass-op-10);
  --glass-bg-hover: var(--clr-glass-op-15);
  --glass-border: var(--clr-glass-op-20);
  --glass-shadow: 0 8px 32px var(--clr-smoke-op-20);
  --glass-blur: blur(16px) saturate(180%);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.slrs-cta {
  position: relative;
  overflow: hidden;
  padding: var(--space-base-48) 0;
}
@media (min-width: 48em) {
  .slrs-cta {
    padding: var(--space-base-80) 0;
  }
}
@media (min-width: 75em) {
  .slrs-cta {
    padding: var(--space-base-120) 0;
  }
}
.slrs-cta {
  background: var(--gradient-primary);
}
.slrs-cta .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-cta {
    padding: var(--space-base-40) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-cta {
    padding: var(--space-base-64) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-cta {
    padding: var(--space-base-96) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-cta {
    padding: var(--space-base-32) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta {
    padding: var(--space-base-72) 0;
  }
}

.slrs-cta__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  isolation: isolate;
}

.slrs-cta__bg-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--clr-white-op-10) 1.5px, transparent 1.5px);
  background-size: 30px 30px;
  mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, black, transparent);
  -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, black, transparent);
  pointer-events: none;
}

.slrs-cta__bg-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80'%3E%3Cpath fill='rgba%28255,255,255,0.05%29' d='M0,30 C360,80 720,0 1080,50 C1260,75 1380,40 1440,30 L1440,80 L0,80 Z'/%3E%3C/svg%3E");
  background-size: cover;
  pointer-events: none;
}

.slrs-cta__bg-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-dark) 0%, var(--clr-primary) 35%, var(--clr-secondary) 70%, var(--clr-primary-dark) 100%);
}

.slrs-cta__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-cta__wrapper {
    gap: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-cta__wrapper {
    gap: var(--space-base-72);
  }
}
@media (max-width: 61.98em) {
  .slrs-cta__wrapper {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-24);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-cta__wrapper {
    gap: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-cta__wrapper {
    gap: var(--space-base-56);
  }
}

.slrs-cta__content {
  flex: 1;
  max-width: 700px;
  color: var(--clr-white);
}

.slrs-cta__tag {
  display: inline-flex;
  align-items: center;
  align-self: start;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cta__tag {
    gap: var(--space-base-10);
  }
}
.slrs-cta__tag {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cta__tag {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cta__tag {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-cta__tag {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__tag {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__tag {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-cta__tag {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: transform var(--transition-base), background-color var(--transition-base);
}
.slrs-cta__tag:hover {
  background-color: var(--glass-bg-hover);
}
@media (max-width: 61.98em) {
  .slrs-cta__tag {
    align-self: center;
  }
}
.slrs-cta__tag i {
  font-size: 0.85rem;
}
.slrs-cta__tag--pulse {
  transition: transform 0.3s ease;
  animation: slrs-cta-tag-pulse 2s ease-in-out infinite;
}
.slrs-cta__tag--pulse:hover {
  animation-play-state: paused;
  transform: scale(1.08);
}

@keyframes slrs-cta-tag-pulse {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}
.slrs-cta__title {
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-cta__title {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-cta__title {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-cta__title {
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-2xl), 4vw, var(--ffs-4xl));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: inherit;
}
.slrs-cta__title .highlight {
  color: var(--clr-accent);
  text-shadow: 0 0 15px rgba(245, 158, 11, 0.35);
}
.slrs-cta__title .text-gradient {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-white));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.slrs-cta__subtitle {
  margin: 0;
  font-size: var(--ffs-lg);
  line-height: var(--lh-relaxed);
  color: var(--clr-white-op-90);
}
.slrs-cta__subtitle strong {
  color: var(--clr-white);
  font-weight: var(--fw-semibold);
}
@media (max-width: 35.98em) {
  .slrs-cta__subtitle {
    font-size: var(--ffs-base);
  }
}

.slrs-cta__actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cta__actions {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cta__actions {
    gap: var(--space-base-20);
  }
}
.slrs-cta__actions {
  flex-shrink: 0;
}
@media (max-width: 61.98em) {
  .slrs-cta__actions {
    justify-content: center;
  }
}
@media (max-width: 35.98em) {
  .slrs-cta__actions {
    flex-direction: column;
    width: 100%;
  }
  .slrs-cta__actions .slrs-btn {
    width: 100%;
    justify-content: center;
  }
}

.slrs-cta__phone {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cta__phone {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cta__phone {
    gap: var(--space-base-20);
  }
}
.slrs-cta__phone {
  padding: var(--space-base-12) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cta__phone {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cta__phone {
    padding: var(--space-base-20) var(--space-base-40);
  }
}
.slrs-cta__phone {
  background: var(--clr-white);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: 0 8px 30px var(--clr-smoke-op-15);
}
.slrs-cta__phone:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px var(--clr-smoke-op-25);
}
.slrs-cta__phone:hover .slrs-cta__phone-arrow {
  transform: translateX(4px);
}
.slrs-cta__phone:hover .slrs-cta__phone-icon::before {
  animation: slrs-cta-phone-ring-infinite 2s cubic-bezier(0.25, 0, 0, 1) infinite;
}
.slrs-cta__phone:hover .slrs-cta__phone-icon::after {
  animation: slrs-cta-phone-ring-infinite 2s cubic-bezier(0.25, 0, 0, 1) infinite 1s;
}
@media (max-width: 35.98em) {
  .slrs-cta__phone {
    width: 100%;
    justify-content: center;
  }
}

.slrs-cta__phone-icon {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
.slrs-cta__phone-icon::before, .slrs-cta__phone-icon::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px solid var(--clr-primary-op-50);
  border-radius: inherit;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  will-change: transform, opacity;
}

@keyframes slrs-cta-phone-ring-infinite {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.45);
    opacity: 0;
  }
}
.slrs-cta__phone-info {
  text-align: left;
}

.slrs-cta__phone-label {
  display: block;
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slrs-cta__phone-number {
  display: block;
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}

.slrs-cta__phone-arrow {
  font-size: var(--ffs-lg);
  color: var(--clr-primary);
  transition: transform var(--transition-base);
}

.slrs-cta__trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__trust {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__trust {
    gap: var(--space-base-28);
  }
}
.slrs-cta__trust {
  margin-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cta__trust {
    margin-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cta__trust {
    margin-top: var(--space-base-40);
  }
}
.slrs-cta__trust {
  padding-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__trust {
    padding-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__trust {
    padding-top: var(--space-base-28);
  }
}
.slrs-cta__trust {
  border-top: 1px solid var(--clr-white-op-15);
}
@media (max-width: 61.98em) {
  .slrs-cta__trust {
    justify-content: center;
  }
}
@media (max-width: 35.98em) {
  .slrs-cta__trust {
    flex-direction: column;
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__trust {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__trust {
    gap: var(--space-base-20);
  }
}

.slrs-cta__trust-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cta__trust-item {
    gap: var(--space-base-10);
  }
}
.slrs-cta__trust-item {
  font-size: var(--ffs-sm);
  color: var(--clr-white-op-80);
}
.slrs-cta__trust-item i {
  color: var(--clr-accent);
  font-size: 0.9rem;
}

.slrs-cta--card {
  padding: var(--space-base-40) 0;
}
@media (min-width: 48em) {
  .slrs-cta--card {
    padding: var(--space-base-64) 0;
  }
}
@media (min-width: 75em) {
  .slrs-cta--card {
    padding: var(--space-base-96) 0;
  }
}
.slrs-cta--card {
  background: var(--clr-bg-alt);
}
.slrs-cta--card .slrs-cta__bg {
  display: none;
}
@media (max-width: 61.98em) {
  .slrs-cta--card {
    padding: var(--space-base-32) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-cta--card {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-cta--card {
    padding: var(--space-base-72) 0;
  }
}

.slrs-cta__card {
  position: relative;
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-cta__card {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-cta__card {
    padding: var(--space-base-72);
  }
}
.slrs-cta__card {
  background: var(--gradient-primary);
  border-radius: var(--radius-3xl);
  box-shadow: 0 30px 60px var(--clr-primary-op-25);
  overflow: hidden;
}
.slrs-cta__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, var(--clr-white-op-30), transparent, var(--clr-accent-op-50));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.slrs-cta__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 4px;
  background: var(--clr-accent);
  border-radius: 0 0 var(--radius-full) var(--radius-full);
}
.slrs-cta__card > * {
  position: relative;
  z-index: 1;
}
.slrs-cta__card .slrs-cta__bg {
  display: block;
}
@media (max-width: 35.98em) {
  .slrs-cta__card {
    padding: var(--space-base-20);
    border-radius: var(--radius-2xl);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__card {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__card {
    padding: var(--space-base-40);
  }
}

.slrs-cta__floating-badge {
  position: absolute;
  top: -14px;
  right: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__floating-badge {
    padding: var(--space-base-12) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__floating-badge {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
.slrs-cta__floating-badge {
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-danger), var(--clr-danger-dark));
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 25px var(--clr-danger-op-50);
  transform: rotate(3deg);
  transition: transform var(--transition-base);
}
.slrs-cta__floating-badge:hover {
  animation: slrs-cta-badge-wiggle 0.5s ease-in-out;
}
.slrs-cta__floating-badge {
  z-index: 10;
}
.slrs-cta__floating-badge small {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  opacity: 0.9;
}
@media (max-width: 35.98em) {
  .slrs-cta__floating-badge {
    right: 15px;
    padding: var(--space-base-8) var(--space-base-12);
    font-size: var(--ffs-base);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__floating-badge {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__floating-badge {
    padding: var(--space-base-10) var(--space-base-20);
  }
}

@keyframes slrs-cta-badge-wiggle {
  0%, 100% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(-2deg);
  }
}
.slrs-cta--accent {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  --glass-bg: var(--clr-smoke-op-8);
  --glass-border: var(--clr-smoke-op-10);
}
.slrs-cta--accent .slrs-cta__content {
  color: var(--clr-black);
}
.slrs-cta--accent .slrs-cta__title {
  color: var(--clr-black);
}
.slrs-cta--accent .slrs-cta__title .highlight {
  color: var(--clr-primary);
}
.slrs-cta--accent .slrs-cta__title .text-gradient {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-cta--accent .slrs-cta__subtitle {
  color: var(--clr-black-op-80);
}
.slrs-cta--accent .slrs-cta__subtitle strong {
  color: var(--clr-black);
}
.slrs-cta--accent .slrs-cta__tag {
  color: var(--clr-black);
  background: var(--clr-smoke-op-10);
  border-color: var(--clr-smoke-op-15);
}
.slrs-cta--accent .slrs-cta__bg-dots {
  background-image: radial-gradient(var(--clr-smoke-op-8) 1.5px, transparent 1.5px);
}
.slrs-cta--accent .slrs-cta__trust {
  border-color: var(--clr-smoke-op-10);
}
.slrs-cta--accent .slrs-cta__trust-item {
  color: var(--clr-black-op-75);
}
.slrs-cta--accent .slrs-cta__trust-item i {
  color: var(--clr-primary);
}

.slrs-cta--split {
  padding: 0;
  background: none;
}
.slrs-cta--split .slrs-cta__bg {
  display: none;
}

.slrs-cta__split-wrapper {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 350px;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  box-shadow: 0 30px 60px var(--clr-smoke-op-15);
}
@media (max-width: 61.98em) {
  .slrs-cta__split-wrapper {
    grid-template-columns: 1fr;
    border-radius: var(--radius-2xl);
  }
}

.slrs-cta__split-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-cta__split-content {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-cta__split-content {
    padding: var(--space-base-72);
  }
}
.slrs-cta__split-content {
  background: var(--gradient-primary);
  color: var(--clr-white);
}
@media (max-width: 61.98em) {
  .slrs-cta__split-content {
    padding: var(--space-base-24);
    text-align: center;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-cta__split-content {
    padding: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-cta__split-content {
    padding: var(--space-base-56);
  }
}

.slrs-cta__split-actions {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__split-actions {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__split-actions {
    gap: var(--space-base-28);
  }
}
.slrs-cta__split-actions {
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-cta__split-actions {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-cta__split-actions {
    padding: var(--space-base-56);
  }
}
.slrs-cta__split-actions {
  background: var(--clr-primary-dark);
}
.slrs-cta__split-actions::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 100px;
  height: 100%;
  background: var(--gradient-primary);
  transform: skewX(-5deg);
}
@media (max-width: 61.98em) {
  .slrs-cta__split-actions::before {
    display: none;
  }
}
.slrs-cta__split-actions > * {
  position: relative;
  z-index: 1;
}

.slrs-cta--emergency {
  background: linear-gradient(135deg, var(--clr-danger), var(--clr-danger-dark));
}
.slrs-cta--emergency:hover .slrs-cta__emergency-icon i {
  animation: slrs-cta-shake 0.5s ease-in-out;
}
.slrs-cta--emergency:hover .slrs-cta__pulse-dot {
  animation: slrs-cta-emergency-pulse 1s ease-in-out;
}
.slrs-cta--emergency .slrs-cta__bg-gradient {
  background: linear-gradient(135deg, var(--clr-danger) 0%, var(--clr-danger-dark) 35%, var(--clr-optional) 70%, var(--clr-danger) 100%);
}

.slrs-cta__emergency-icon {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cta__emergency-icon {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cta__emergency-icon {
    gap: var(--space-base-16);
  }
}
.slrs-cta__emergency-icon {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cta__emergency-icon {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cta__emergency-icon {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-cta__emergency-icon i {
  font-size: 2rem;
  transition: transform 0.3s ease;
}

@keyframes slrs-cta-shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px) rotate(-5deg);
  }
  75% {
    transform: translateX(3px) rotate(5deg);
  }
}
.slrs-cta__pulse-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: var(--clr-accent);
  border-radius: var(--radius-full);
}

@keyframes slrs-cta-emergency-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}
@media (max-width: 61.98em) {
  .slrs-cta--with-image .slrs-cta__wrapper {
    flex-direction: column-reverse;
  }
}

.slrs-cta__image {
  position: relative;
  flex-shrink: 0;
  text-align: center;
}
.slrs-cta__image img {
  max-width: 100%;
  height: auto;
  max-height: 350px;
  filter: drop-shadow(0 30px 50px var(--clr-smoke-op-30));
  transition: transform var(--transition-slow);
}
.slrs-cta__image img:hover {
  transform: translateY(-12px);
}
.slrs-cta__image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 30px;
  background: var(--clr-accent-op-50);
  border-radius: 50%;
  filter: blur(20px);
}
@media (max-width: 61.98em) {
  .slrs-cta__image {
    margin-bottom: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-cta__image {
    margin-bottom: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-cta__image {
    margin-bottom: var(--space-base-40);
  }
}

.slrs-cta--countdown .slrs-cta__content {
  max-width: none;
  text-align: center;
}
.slrs-cta--countdown .slrs-cta__wrapper {
  flex-direction: column;
  text-align: center;
}

.slrs-cta__countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__countdown {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__countdown {
    gap: var(--space-base-28);
  }
}
.slrs-cta__countdown {
  margin-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cta__countdown {
    margin-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cta__countdown {
    margin-top: var(--space-base-40);
  }
}
.slrs-cta__countdown {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cta__countdown {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cta__countdown {
    padding: var(--space-base-28);
  }
}
.slrs-cta__countdown {
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
}
@media (max-width: 35.98em) {
  .slrs-cta__countdown {
    gap: var(--space-base-12);
    padding: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__countdown {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__countdown {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__countdown {
    padding: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__countdown {
    padding: var(--space-base-20);
  }
}

.slrs-cta__countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
}
@media (max-width: 35.98em) {
  .slrs-cta__countdown-item {
    min-width: 50px;
  }
}

.slrs-cta__countdown-number {
  font-family: var(--ff-heading);
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-bold);
  color: var(--clr-accent);
  line-height: 1;
}
@media (max-width: 35.98em) {
  .slrs-cta__countdown-number {
    font-size: var(--ffs-2xl);
  }
}

.slrs-cta__countdown-label {
  font-size: var(--ffs-xs);
  color: var(--clr-white-op-70);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.slrs-cta__countdown-separator {
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-white-op-50);
}

@keyframes slrs-cta-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.slrs-cta--minimal {
  padding: var(--space-base-24) 0;
}
@media (min-width: 48em) {
  .slrs-cta--minimal {
    padding: var(--space-base-36) 0;
  }
}
@media (min-width: 75em) {
  .slrs-cta--minimal {
    padding: var(--space-base-56) 0;
  }
}
.slrs-cta--minimal {
  background: var(--clr-bg-alt);
}
.slrs-cta--minimal .slrs-cta__bg {
  display: none;
}
.slrs-cta--minimal .slrs-cta__content {
  color: var(--clr-text);
}
.slrs-cta--minimal .slrs-cta__title {
  font-size: var(--ffs-xl);
  margin-bottom: 0;
  color: var(--clr-text);
}
.slrs-cta--minimal .slrs-cta__title .highlight {
  color: var(--clr-primary);
}
.slrs-cta--minimal .slrs-cta__subtitle {
  display: none;
}
.slrs-cta--minimal .slrs-cta__wrapper {
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cta--minimal .slrs-cta__wrapper {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cta--minimal .slrs-cta__wrapper {
    gap: var(--space-base-40);
  }
}

.slrs-cta--gradient-border {
  padding: var(--space-base-40) 0;
}
@media (min-width: 48em) {
  .slrs-cta--gradient-border {
    padding: var(--space-base-64) 0;
  }
}
@media (min-width: 75em) {
  .slrs-cta--gradient-border {
    padding: var(--space-base-96) 0;
  }
}
.slrs-cta--gradient-border {
  background: var(--clr-bg);
}
.slrs-cta--gradient-border .slrs-cta__bg {
  display: none;
}

.slrs-cta__gradient-box {
  position: relative;
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-cta__gradient-box {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-cta__gradient-box {
    padding: var(--space-base-56);
  }
}
.slrs-cta__gradient-box {
  background: var(--clr-bg);
  border-radius: var(--radius-2xl);
}
.slrs-cta__gradient-box:hover::before {
  background-position: 100% 50%;
}
.slrs-cta__gradient-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary), var(--clr-primary));
  background-size: 200% 200%;
  background-position: 0% 50%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  transition: background-position 0.6s ease;
}
.slrs-cta__gradient-box > * {
  position: relative;
  z-index: 1;
}
.slrs-cta__gradient-box .slrs-cta__content {
  color: var(--clr-text);
}
.slrs-cta__gradient-box .slrs-cta__title {
  color: var(--clr-text);
}
.slrs-cta__gradient-box .slrs-cta__title .highlight {
  color: var(--clr-primary);
}
.slrs-cta__gradient-box .slrs-cta__subtitle {
  color: var(--clr-text-muted);
}
.slrs-cta__gradient-box .slrs-cta__subtitle strong {
  color: var(--clr-text);
}
@media (max-width: 35.98em) {
  .slrs-cta__gradient-box {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-cta__gradient-box {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cta__gradient-box {
    padding: var(--space-base-40);
  }
}

@keyframes slrs-cta-border-rotate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.slrs-cta--reverse {
  background: var(--clr-midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-cta--reverse {
  background: var(--clr-bg) !important;
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-cta--reverse .slrs-cta__card {
  background: linear-gradient(135deg, var(--clr-primary-op-15) 0%, var(--clr-accent-op-15) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-3xl);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  padding: var(--space-base-24) var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-cta--reverse .slrs-cta__card {
    padding: var(--space-base-36) var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-cta--reverse .slrs-cta__card {
    padding: var(--space-base-56) var(--space-base-72);
  }
}
.slrs-cta--reverse .slrs-cta__card {
  overflow: hidden;
  position: relative;
}

[data-theme=dark] .slrs-cta--card {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-cta__card {
  box-shadow: 0 30px 60px var(--clr-smoke-op-50);
}
[data-theme=dark] .slrs-cta__floating-badge {
  box-shadow: 0 8px 25px var(--clr-danger-op-50);
}
[data-theme=dark] .slrs-cta__phone {
  background: var(--clr-surface-frost);
  border: 1px solid var(--clr-neutral-300);
  box-shadow: 0 8px 30px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-cta__phone:hover {
  box-shadow: 0 20px 50px var(--clr-smoke-op-45);
}
[data-theme=dark] .slrs-cta__phone-icon {
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-cta__phone-ring {
  border-color: var(--clr-primary-op-50);
}
[data-theme=dark] .slrs-cta--minimal {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-cta--gradient-border {
  background: var(--clr-bg);
}
[data-theme=dark] .slrs-cta__gradient-box {
  background: var(--clr-surface-frost);
}
[data-theme=dark] .slrs-cta__split-wrapper {
  box-shadow: 0 30px 60px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-cta__image img {
  filter: drop-shadow(0 30px 50px var(--clr-smoke-op-50));
}
[data-theme=dark] .slrs-cta__image::before {
  background: var(--clr-accent-op-50);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-cta__tag--pulse,
  .slrs-cta__phone-ring,
  .slrs-cta__floating-badge,
  .slrs-cta__emergency-icon i,
  .slrs-cta__pulse-dot,
  .slrs-cta__countdown-separator,
  .slrs-cta__gradient-box::before {
    animation: none !important;
    will-change: auto !important;
  }
  .slrs-cta__phone,
  .slrs-cta__image img {
    transition: none !important;
  }
  .slrs-cta__phone:hover,
  .slrs-cta__image img:hover {
    transform: none !important;
  }
}
.slrs-cta__phone:focus-visible,
.slrs-cta .slrs-btn:focus-visible {
  outline: 2px solid var(--clr-white);
  outline-offset: 4px;
}

.slrs-cta--minimal .slrs-cta__phone:focus-visible,
.slrs-cta--minimal .slrs-cta .slrs-btn:focus-visible,
.slrs-cta--gradient-border .slrs-cta__phone:focus-visible,
.slrs-cta--gradient-border .slrs-cta .slrs-btn:focus-visible {
  outline-color: var(--clr-primary);
}

@media (forced-colors: active) {
  .slrs-cta {
    border: 2px solid CanvasText;
  }
  .slrs-cta__card {
    border: 2px solid CanvasText;
  }
  .slrs-cta__card::before, .slrs-cta__card::after {
    display: none;
  }
  .slrs-cta__gradient-box {
    border: 2px solid CanvasText;
  }
  .slrs-cta__gradient-box::before {
    display: none;
  }
  .slrs-cta__phone {
    border: 2px solid CanvasText;
  }
  .slrs-cta__floating-badge {
    forced-color-adjust: none;
  }
  .slrs-cta__tag {
    border: 1px solid CanvasText;
  }
  .slrs-cta__bg,
  .slrs-cta__bg-dots,
  .slrs-cta__bg-wave,
  .slrs-cta__bg-gradient {
    display: none;
  }
}
@media print {
  .slrs-cta {
    background: white !important;
    color: black !important;
    padding: 1rem 0;
  }
  .slrs-cta__bg {
    display: none !important;
  }
  .slrs-cta__card {
    background: white !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
  .slrs-cta__card::before, .slrs-cta__card::after {
    display: none !important;
  }
  .slrs-cta__content {
    color: black !important;
  }
  .slrs-cta__title,
  .slrs-cta__title .highlight,
  .slrs-cta__title .text-gradient {
    color: black !important;
    -webkit-text-fill-color: black !important;
    background: none !important;
  }
  .slrs-cta__subtitle {
    color: #666 !important;
  }
  .slrs-cta__phone {
    background: white !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
  .slrs-cta__floating-badge {
    display: none !important;
  }
}
.slrs-btn--outline-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-btn--outline-light {
    gap: var(--space-base-10);
  }
}
.slrs-btn--outline-light {
  padding: var(--space-base-8) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-btn--outline-light {
    padding: var(--space-base-12) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-btn--outline-light {
    padding: var(--space-base-16) var(--space-base-40);
  }
}
.slrs-btn--outline-light {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-white);
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: all var(--transition-base);
}
.slrs-btn--outline-light:hover {
  color: var(--clr-neutral-900);
  background: var(--clr-white);
  border-color: var(--clr-white);
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15);
}

.slrs-blog, .slrs-blog-single {
  --image-height: 220px;
  --card-shadow: 0 4px 20px var(--clr-smoke-op-8);
  --card-shadow-hover: 0 20px 50px var(--clr-primary-op-10), 0 8px 20px var(--clr-smoke-op-8);
  --hover-lift: -8px;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slrs-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--clr-neutral-200);
  z-index: 9999;
}
.slrs-reading-progress__bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  transition: width 0.1s linear;
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
  box-shadow: 0 0 10px var(--clr-primary-op-50);
}

.slrs-blog {
  position: relative;
  background: var(--clr-bg);
  overflow: hidden;
}
.slrs-blog > .container, .slrs-blog > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-blog {
  padding: var(--space-6xl) 0;
}
@media (max-width: 61.98em) {
  .slrs-blog {
    padding: var(--space-5xl) 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-blog {
    padding: var(--space-4xl) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-blog {
    padding: var(--space-3xl) 0;
  }
}

.slrs-blog-single {
  position: relative;
  background: var(--clr-bg);
  contain: style;
  padding: var(--space-6xl) 0;
}
.slrs-blog-single .container {
  position: relative;
  z-index: 10;
}
@media (max-width: 61.98em) {
  .slrs-blog-single {
    padding: var(--space-5xl) 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-blog-single {
    padding: var(--space-4xl) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-blog-single {
    padding: var(--space-3xl) 0;
  }
}

.slrs-blog__grid {
  margin-top: var(--space-3xl);
}

.slrs-blog-card {
  --image-height: 220px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--clr-white);
  border: 1px solid var(--clr-smoke-op-5);
  border-radius: 32px;
  overflow: hidden;
  padding: 16px;
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80), inset 0 -1px 1px var(--clr-smoke-op-2);
  isolation: isolate;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  will-change: transform, box-shadow;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s ease;
}
[data-theme=dark] .slrs-blog-card {
  background: var(--clr-surface-void, #111827);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5), inset 0 -1px 1px var(--clr-smoke-op-20);
}
.slrs-blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-white), inset 0 -1px 1px var(--clr-smoke-op-2);
  border-color: var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-blog-card:hover {
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-100), inset 0 1px 1px var(--clr-glass-op-8);
  border-color: var(--clr-glass-op-20);
}
.slrs-blog-card:hover .slrs-blog-card__image img {
  transform: scale(1.05);
}
.slrs-blog-card:hover .slrs-blog-card__title a {
  background-size: 100% 2px;
  -webkit-text-fill-color: initial;
}
.slrs-blog-card:hover .slrs-blog-card__arrow {
  transform: translate3d(4px, 0, 0);
  opacity: 1;
}
.slrs-blog-card:hover .slrs-blog-card__bookmark {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-blog-card:focus-within {
  outline: var(--focus-ring-primary);
  outline-offset: 3px;
}

.slrs-blog-card__image {
  position: relative;
  display: block;
  width: 100%;
  height: var(--image-height);
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
  background: var(--clr-neutral-100);
  box-shadow: inset 0 0 0 1px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-blog-card__image {
  background: var(--clr-neutral-800);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-10);
}
.slrs-blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-blog-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--clr-smoke-op-20) 0%, transparent 40%);
  pointer-events: none;
  z-index: 1;
}

.slrs-blog-card__category {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-neutral-900);
  background: var(--clr-glass-op-80);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 30px;
  text-decoration: none;
  z-index: 2;
  box-shadow: 0 4px 16px var(--clr-smoke-op-10);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease;
}
[data-theme=dark] .slrs-blog-card__category {
  background: var(--clr-smoke-op-60);
  color: var(--clr-white);
  border: 1px solid var(--clr-glass-op-10);
}
.slrs-blog-card__category i {
  font-size: 10px;
}
.slrs-blog-card__category:hover {
  transform: scale(1.05) translateY(-2px);
  background: var(--clr-white);
}
[data-theme=dark] .slrs-blog-card__category:hover {
  background: var(--clr-smoke-op-80);
}
.slrs-blog-card__category--tips {
  background: linear-gradient(135deg, var(--clr-optional), var(--clr-optional-dark));
}
.slrs-blog-card__category--guide {
  background: linear-gradient(135deg, var(--clr-info), var(--clr-info-dark));
}
.slrs-blog-card__category--maintenance {
  background: linear-gradient(135deg, var(--clr-success), var(--clr-success-dark));
}
.slrs-blog-card__category--energy {
  background: linear-gradient(135deg, var(--clr-secondary), var(--clr-secondary-dark));
}
.slrs-blog-card__category--news {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  color: #002244;
}

.slrs-blog-card__bookmark {
  position: absolute;
  top: var(--space-md);
  right: var(--space-md);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--radius-full);
  color: var(--clr-text-muted);
  box-shadow: 0 4px 12px var(--clr-smoke-op-10);
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  transform: translate3d(0, -5px, 0);
  transition: background var(--transition-base), color var(--transition-base), opacity var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.slrs-blog-card__bookmark i {
  font-size: 0.9rem;
  transition: transform var(--transition-fast);
}
.slrs-blog-card__bookmark:hover {
  background: var(--clr-white);
  color: var(--clr-primary);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 6px 16px var(--clr-smoke-op-15);
  transform: translate3d(0, 0, 0) scale(1.08);
}
.slrs-blog-card__bookmark:hover i {
  transform: scale(1.15);
}
.slrs-blog-card__bookmark:focus-visible {
  outline: var(--focus-ring-primary);
  outline-offset: 2px;
}
.slrs-blog-card__bookmark.is-bookmarked {
  color: var(--clr-primary);
}
.slrs-blog-card__bookmark.is-bookmarked i {
  font-weight: 900;
  animation: slrs-blog-bookmark-pulse 0.4s ease;
}

.slrs-blog-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-base-24) var(--space-base-12) var(--space-base-12) var(--space-base-12);
  position: relative;
}

.slrs-blog-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-base-12);
  margin-bottom: var(--space-base-12);
}

.slrs-blog-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-blog-card__meta-item i {
  font-size: 0.75rem;
  color: var(--clr-primary-op-60);
}

.slrs-blog-card__reading-time {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-2xs) var(--space-sm);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-full);
}
.slrs-blog-card__reading-time i {
  color: inherit;
}

.slrs-blog-card__title {
  margin: 0 0 var(--space-base-12) 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-blog-card__title a {
  color: var(--clr-text);
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-size 0.4s ease;
}
[data-theme=dark] .slrs-blog-card__title a {
  color: #fff;
}
.slrs-blog-card__title a:hover {
  color: var(--clr-primary);
}

.slrs-blog-card__excerpt {
  margin: 0 0 var(--space-base-16) 0;
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.slrs-blog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-12);
  padding-top: 16px;
  position: relative;
  margin-top: auto;
}

.slrs-blog-card__author {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  min-width: 0;
}

.slrs-blog-card__author-avatar {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: var(--radius-full);
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid var(--clr-primary-op-15);
  transition: border-color var(--transition-base);
}
.slrs-blog-card__author-avatar::before {
  content: "";
  position: absolute;
  inset: -3px;
  border: 2px solid transparent;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--transition-base);
}
.slrs-blog-card__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-blog-card:hover .slrs-blog-card__author-avatar {
  border-color: transparent;
}
.slrs-blog-card:hover .slrs-blog-card__author-avatar::before {
  opacity: 1;
}

.slrs-blog-card__author-info {
  min-width: 0;
}
.slrs-blog-card__author-info strong {
  display: block;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-blog-card__author-info span {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}

.slrs-blog-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--clr-smoke-op-5);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--ff-heading);
  color: var(--clr-text);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 0 0 transparent;
}
[data-theme=dark] .slrs-blog-card__link {
  background: var(--clr-glass-op-5);
  color: var(--clr-white);
}
.slrs-blog-card__link i, .slrs-blog-card__link .slrs-blog-card__arrow {
  font-size: 12px;
  color: inherit;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(0);
}
.slrs-blog-card:hover .slrs-blog-card__link {
  background: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
  transform: translateY(-2px);
}
.slrs-blog-card:hover .slrs-blog-card__link i, .slrs-blog-card:hover .slrs-blog-card__link .slrs-blog-card__arrow {
  transform: translateX(4px);
}

.slrs-blog-card--featured {
  --image-height: 100%;
  flex-direction: row;
  min-height: 440px;
}
@media (max-width: 61.98em) {
  .slrs-blog-card--featured {
    flex-direction: column;
    min-height: auto;
    --image-height: 280px;
  }
}
.slrs-blog-card--featured::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  z-index: 3;
}
.slrs-blog-card--featured .slrs-blog-card__image {
  flex: 0 0 50%;
  max-width: 50%;
  height: auto;
}
@media (max-width: 61.98em) {
  .slrs-blog-card--featured .slrs-blog-card__image {
    flex: none;
    max-width: 100%;
    height: var(--image-height);
  }
}
.slrs-blog-card--featured .slrs-blog-card__image::after {
  opacity: 0.3;
}
.slrs-blog-card--featured .slrs-blog-card__content {
  flex: 1;
  justify-content: center;
  padding: var(--space-2xl);
}
@media (max-width: 61.98em) {
  .slrs-blog-card--featured .slrs-blog-card__content {
    padding: var(--space-xl);
  }
}
.slrs-blog-card--featured .slrs-blog-card__category {
  font-size: var(--ffs-sm);
  padding: var(--space-sm) var(--space-lg);
}
.slrs-blog-card--featured .slrs-blog-card__title {
  font-size: var(--ffs-2xl);
  -webkit-line-clamp: 3;
}
@media (max-width: 35.98em) {
  .slrs-blog-card--featured .slrs-blog-card__title {
    font-size: var(--ffs-xl);
  }
}
.slrs-blog-card--featured .slrs-blog-card__excerpt {
  font-size: var(--ffs-base);
  -webkit-line-clamp: 4;
}
.slrs-blog-card--featured .slrs-blog-card__bookmark {
  opacity: 1;
  transform: none;
}

.slrs-blog-card--overlay {
  --image-height: 100%;
  min-height: 380px;
}
.slrs-blog-card--overlay .slrs-blog-card__image {
  position: absolute;
  inset: 0;
  height: 100%;
}
.slrs-blog-card--overlay .slrs-blog-card__image::after {
  opacity: 1;
  background: linear-gradient(to top, var(--clr-smoke-op-90) 0%, var(--clr-smoke-op-50) 50%, var(--clr-smoke-op-20) 100%);
}
.slrs-blog-card--overlay .slrs-blog-card__content {
  position: relative;
  justify-content: flex-end;
  z-index: 2;
  pointer-events: none;
}
.slrs-blog-card--overlay .slrs-blog-card__content > * {
  pointer-events: auto;
}
.slrs-blog-card--overlay .slrs-blog-card__category,
.slrs-blog-card--overlay .slrs-blog-card__bookmark {
  z-index: 5;
  pointer-events: auto;
}
.slrs-blog-card--overlay .slrs-blog-card__meta-item {
  color: var(--clr-glass-op-70);
}
.slrs-blog-card--overlay .slrs-blog-card__meta-item i {
  color: var(--clr-glass-op-50);
}
.slrs-blog-card--overlay .slrs-blog-card__reading-time {
  background: var(--clr-glass-op-20);
  color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__title a {
  color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__excerpt {
  color: var(--clr-glass-op-80);
}
.slrs-blog-card--overlay .slrs-blog-card__footer {
  border-color: var(--clr-glass-op-20);
}
.slrs-blog-card--overlay .slrs-blog-card__author-info strong {
  color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__author-info span {
  color: var(--clr-glass-op-70);
}
.slrs-blog-card--overlay .slrs-blog-card__author-avatar {
  border-color: var(--clr-glass-op-30);
}
.slrs-blog-card--overlay .slrs-blog-card__author-avatar::before {
  border-color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__link {
  color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__link:hover {
  color: var(--clr-accent);
}
.slrs-blog-card--overlay .slrs-blog-card__bookmark {
  opacity: 1;
  transform: none;
  background: rgba(0, 0, 0, 0.45);
  border-color: var(--clr-glass-op-20);
  color: var(--clr-white);
}
.slrs-blog-card--overlay .slrs-blog-card__bookmark:hover {
  background: var(--clr-white);
  color: var(--clr-primary);
}
.slrs-blog-card--overlay:hover {
  transform: translate3d(0, -8px, 0);
}
.slrs-blog-card--overlay:hover .slrs-blog-card__title a {
  color: var(--clr-accent);
}

.slrs-blog__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--space-4xl);
}

.slrs-blog__view-all-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-2xl);
  font-size: var(--ffs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  background: var(--clr-bg);
  border: 2px solid var(--clr-primary-op-20);
  border-radius: var(--radius-md);
  text-decoration: none;
  overflow: hidden;
  transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-blog__view-all-link::before {
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--transition-base);
}
.slrs-blog__view-all-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-30), transparent);
  transition: transform 0.5s ease;
}
.slrs-blog__view-all-link i {
  transition: transform var(--transition-fast);
}
.slrs-blog__view-all-link:hover {
  color: var(--clr-white);
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  box-shadow: 0 8px 25px var(--clr-primary-op-40);
}
.slrs-blog__view-all-link:hover::before {
  opacity: 1;
}
.slrs-blog__view-all-link:hover::after {
  transform: translate3d(200%, 0, 0);
}
.slrs-blog__view-all-link:hover i {
  transform: translate3d(4px, 0, 0);
}
.slrs-blog__view-all-link:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 4px;
}

.slrs-blog__newsletter {
  position: relative;
  margin-top: var(--space-5xl);
  padding: var(--space-3xl);
  background: linear-gradient(135deg, var(--clr-primary-op-8) 0%, var(--clr-bg-alt) 50%, var(--clr-accent-op-8) 100%);
  border: 1px solid var(--clr-primary-op-20);
  border-radius: var(--radius-3xl);
  box-shadow: 0 20px 50px var(--clr-primary-op-10);
  overflow: hidden;
  text-align: center;
}
.slrs-blog__newsletter::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-2xl);
  right: var(--space-2xl);
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  border-radius: 0 0 var(--radius-full) var(--radius-full);
}
.slrs-blog__newsletter::after {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle at 30% 70%, var(--clr-accent-op-15), transparent);
  border-radius: var(--radius-full);
  pointer-events: none;
}
.slrs-blog__newsletter > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-blog__newsletter {
    padding: var(--space-2xl);
    margin-top: var(--space-4xl);
  }
}
@media (max-width: 35.98em) {
  .slrs-blog__newsletter {
    padding: var(--space-xl);
    margin-top: var(--space-3xl);
  }
}

.slrs-blog__newsletter-orb {
  position: absolute;
  bottom: -50px;
  left: -50px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle at 70% 30%, var(--clr-primary-op-10), transparent);
  border-radius: var(--radius-full);
  pointer-events: none;
}

.slrs-blog__newsletter-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto var(--space-2xl);
  font-size: 2rem;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  border-radius: var(--radius-2xl);
  box-shadow: 0 8px 25px var(--clr-primary-op-40), 0 0 0 4px var(--clr-primary-op-15);
  flex-shrink: 0;
}
.slrs-blog__newsletter-icon::before {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px dashed var(--clr-primary-op-30);
  border-radius: var(--radius-2xl);
  animation: slrs-bg-rotate-slow 25s linear infinite;
}
.slrs-blog__newsletter-icon i {
  animation: slrs-bg-pulse 3s ease-in-out infinite;
}
@media (max-width: 35.98em) {
  .slrs-blog__newsletter-icon {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
  }
}

.slrs-blog__newsletter-text {
  margin: 0;
}
.slrs-blog__newsletter-text h3 {
  margin: 0 0 var(--space-sm) 0;
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-xl), 3vw, var(--ffs-2xl));
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-blog__newsletter-text p {
  margin: 0 0 var(--space-xl) 0;
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  line-height: var(--lh-relaxed);
}

.slrs-blog__newsletter-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 35.98em) {
  .slrs-blog__newsletter-form {
    flex-direction: column;
  }
  .slrs-blog__newsletter-form .slrs-btn, .slrs-blog__newsletter-form button {
    width: 100%;
  }
}

.slrs-blog__newsletter-input-wrap {
  position: relative;
  flex: 1;
  width: 100%;
}
.slrs-blog__newsletter-input-wrap > i {
  position: absolute;
  top: 50%;
  left: var(--space-lg);
  transform: translateY(-50%);
  font-size: 1rem;
  color: var(--clr-text-muted);
  pointer-events: none;
  transition: color var(--transition-fast);
  z-index: 1;
}
.slrs-blog__newsletter-input-wrap:focus-within > i {
  color: var(--clr-primary);
}
.slrs-blog__newsletter-input-wrap .slrs-blog__newsletter-input {
  padding-left: calc(var(--space-lg) + 1.5rem);
}

.slrs-blog__newsletter-input {
  flex: 1;
  width: 100%;
  padding: var(--space-md) var(--space-xl);
  font-size: var(--ffs-base);
  color: var(--clr-text);
  background: var(--clr-surface-void);
  border: 2px solid var(--clr-neutral-200);
  border-radius: var(--radius-full);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-blog__newsletter-input::placeholder {
  color: var(--clr-text-muted);
}
.slrs-blog__newsletter-input:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
}

.slrs-blog__newsletter-privacy {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--space-md);
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
}
.slrs-blog__newsletter-privacy svg, .slrs-blog__newsletter-privacy i {
  width: var(--size-fs-xs);
  height: var(--size-fs-xs);
  min-width: var(--size-fs-xs);
  color: var(--clr-success);
  flex-shrink: 0;
  margin-right: var(--space-2xs);
}

@keyframes slrs-blog-bookmark-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slrs-bg-rotate-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slrs-bg-pulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes slrs-blog-single-gradient-slide {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
[data-theme=dark] .slrs-blog, [data-theme=dark] .slrs-blog-single {
  --card-shadow: 0 4px 20px var(--clr-smoke-op-30);
  --card-shadow-hover: 0 20px 50px var(--clr-primary-op-15), 0 8px 20px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-blog__filter-tabs {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 2px 12px var(--clr-smoke-op-30);
}
[data-theme=dark] .slrs-blog__filter-tab:hover {
  background: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-blog__filter-tab--active {
  box-shadow: 0 4px 15px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-blog__filter-count {
  background: var(--clr-neutral-200);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-blog-card__bookmark {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px var(--clr-smoke-op-30);
}
[data-theme=dark] .slrs-blog-card__bookmark:hover {
  background: var(--clr-neutral-200);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-blog-card__category--news {
  color: #002244;
}
[data-theme=dark] .slrs-blog-card--featured::after {
  background: linear-gradient(90deg, var(--clr-primary-light), var(--clr-accent));
}
[data-theme=dark] .slrs-blog__pagination-link {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-blog__pagination-link:hover {
  background: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-blog__pagination-link--active {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-blog__newsletter {
  background: linear-gradient(135deg, var(--clr-primary-op-12) 0%, var(--clr-surface-frost) 50%, var(--clr-accent-op-8) 100%);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 20px 50px var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-blog__newsletter-icon {
  box-shadow: 0 8px 25px var(--clr-smoke-op-40), 0 0 0 4px var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-blog__newsletter-icon::before {
  border-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-blog__newsletter-input {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog__view-all-link {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-comments-list .slrs-comment-item {
  background: var(--clr-surface-crystal);
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article__meta {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article__meta-item {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article__author-preview {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article__share {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-article__share-btn {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-author-box {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-comment-form {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-comment-form .form-control {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-comment-form .form-control:focus {
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-blog-card {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-card__footer {
  border-top-color: var(--clr-neutral-300);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-blog__newsletter-icon::before,
  .slrs-blog__newsletter-icon i,
  .slrs-author-box__avatar::before,
  .slrs-article::before {
    animation: none !important;
  }
  .slrs-blog-card,
  .slrs-blog-card__image img,
  .slrs-blog-card__category,
  .slrs-blog-card__bookmark,
  .slrs-blog-card__link,
  .slrs-blog-card__arrow,
  .slrs-blog-card__author-avatar,
  .slrs-blog__view-all-link,
  .slrs-blog__filter-tab,
  .slrs-blog__pagination-link,
  .slrs-author-box__avatar img,
  .slrs-post-nav__item,
  .slrs-post-nav__arrow {
    transition: none !important;
    animation: none !important;
  }
  .slrs-blog-card:hover,
  .slrs-blog-card__image img:hover,
  .slrs-blog-card__category:hover,
  .slrs-blog-card__bookmark:hover,
  .slrs-blog-card__link:hover,
  .slrs-blog-card__arrow:hover,
  .slrs-blog-card__author-avatar:hover,
  .slrs-blog__view-all-link:hover,
  .slrs-blog__filter-tab:hover,
  .slrs-blog__pagination-link:hover,
  .slrs-author-box__avatar img:hover,
  .slrs-post-nav__item:hover,
  .slrs-post-nav__arrow:hover {
    transform: none !important;
  }
  .slrs-blog__view-all-link::after {
    display: none;
  }
}
@media (forced-colors: active) {
  .slrs-blog-card {
    border: 2px solid CanvasText;
  }
  .slrs-blog-card::before {
    display: none;
  }
  .slrs-blog-card__category {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  .slrs-blog-card__bookmark {
    border: 1px solid CanvasText;
  }
  .slrs-blog__filter-tabs {
    border: 2px solid CanvasText;
  }
  .slrs-blog__filter-tab {
    border: 1px solid CanvasText;
  }
  .slrs-blog__filter-tab--active {
    background: Highlight;
    color: HighlightText;
  }
  .slrs-blog__pagination-link {
    border: 1px solid CanvasText;
  }
  .slrs-blog__pagination-link--active {
    background: Highlight;
    color: HighlightText;
  }
  .slrs-blog__newsletter {
    border: 2px solid CanvasText;
  }
  .slrs-blog__newsletter::before {
    display: none;
  }
  .slrs-blog__newsletter-icon {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-blog__newsletter-icon::before {
    display: none;
  }
  .slrs-blog__newsletter-input {
    border: 2px solid CanvasText;
  }
  .slrs-blog__view-all-link {
    border: 2px solid CanvasText;
  }
  .slrs-blog__view-all-link::before, .slrs-blog__view-all-link::after {
    display: none;
  }
}
.slrs-post-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-primary));
  color: #fff;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: var(--fs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  z-index: 2;
  box-shadow: 0 4px 15px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-post-card__badge {
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}

.slrs-post-cat-grid {
  margin-top: var(--space-base-24);
}

.slrs-blog-cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--space-2xl) var(--space-lg) var(--space-xl);
  background: linear-gradient(145deg, var(--clr-glass-op-40) 0%, var(--clr-glass-op-10) 100%);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid var(--clr-glass-op-30);
  border-radius: var(--radius-2xl, 24px);
  box-shadow: 0 24px 48px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-60), inset 0 -1px 1px var(--clr-glass-op-20);
  overflow: hidden;
  text-decoration: none !important;
  isolation: isolate;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}
[data-theme=dark] .slrs-blog-cat-card {
  background: linear-gradient(145deg, var(--clr-smoke-op-40) 0%, var(--clr-smoke-op-20) 100%);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 24px 48px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-10), inset 0 -1px 1px var(--clr-smoke-op-60);
}
.slrs-blog-cat-card__media {
  width: 80px;
  height: 80px;
  margin-bottom: var(--space-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl, 20px);
  background: var(--clr-glass-op-60);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-40);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-blog-cat-card__media {
  background: var(--clr-smoke-op-60);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-10);
}
.slrs-blog-cat-card__media img {
  max-width: 60%;
  max-height: 60%;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-blog-cat-card__content {
  text-align: center;
  z-index: 2;
}
.slrs-blog-cat-card__title {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  letter-spacing: -0.02em;
  transition: color 0.4s ease;
}
.slrs-blog-cat-card__arrow {
  position: absolute;
  bottom: var(--space-lg);
  right: var(--space-lg);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  opacity: 0;
  transform: translate(-10px, 10px) scale(0.8);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 8px 16px var(--clr-primary-op-30);
}
.slrs-blog-cat-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-glass-op-100), inset 0 -1px 1px var(--clr-glass-op-40);
  border-color: var(--clr-glass-op-60);
}
[data-theme=dark] .slrs-blog-cat-card:hover {
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-100), inset 0 1px 1px var(--clr-glass-op-30), inset 0 -1px 1px var(--clr-smoke-op-80);
  border-color: var(--clr-glass-op-20);
}
.slrs-blog-cat-card:hover .slrs-blog-cat-card__media {
  transform: scale(1.1);
}
.slrs-blog-cat-card:hover .slrs-blog-cat-card__media img {
  transform: scale(1.15);
}
.slrs-blog-cat-card:hover .slrs-blog-cat-card__title {
  color: var(--clr-primary);
}
.slrs-blog-cat-card:hover .slrs-blog-cat-card__arrow {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.slrs-article {
  position: relative;
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl);
  box-shadow: 0 4px 30px var(--clr-smoke-op-8);
  overflow: hidden;
  isolation: isolate;
  transition: box-shadow var(--transition-base);
}
.slrs-article::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  background-size: 200% 100%;
  animation: slrs-blog-single-gradient-slide 4s linear infinite;
  z-index: 2;
}
.slrs-article:hover {
  box-shadow: 0 20px 60px var(--clr-primary-op-10);
}

.slrs-article__inner {
  padding: var(--space-base-32);
}
@media (max-width: 61.98em) {
  .slrs-article__inner {
    padding: var(--space-base-24);
  }
}
@media (max-width: 47.98em) {
  .slrs-article__inner {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-article__inner {
    padding: var(--space-base-16);
  }
}

.slrs-article__header {
  margin-bottom: var(--space-2xl);
  text-align: center;
}

.slrs-article__category {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-xs) var(--space-lg);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clr-white);
  background: var(--clr-primary);
  border-radius: var(--radius-full);
  text-decoration: none;
  margin-bottom: var(--space-lg);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: 0 4px 15px var(--clr-primary-op-30);
}
.slrs-article__category:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 6px 20px var(--clr-primary-op-40);
}
.slrs-article__category--tips {
  background: linear-gradient(135deg, var(--clr-optional), var(--clr-optional-dark));
  box-shadow: 0 4px 15px var(--clr-optional-op-30);
}
.slrs-article__category--guide {
  background: linear-gradient(135deg, var(--clr-info), var(--clr-info-dark));
  box-shadow: 0 4px 15px var(--clr-info-op-30);
}
.slrs-article__category--maintenance {
  background: linear-gradient(135deg, var(--clr-success), var(--clr-success-dark));
  box-shadow: 0 4px 15px var(--clr-success-op-30);
}
.slrs-article__category--energy {
  background: linear-gradient(135deg, var(--clr-secondary), var(--clr-secondary-dark));
  box-shadow: 0 4px 15px var(--clr-secondary-op-30);
}
.slrs-article__category--news {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-accent-dark));
  color: #002244;
  box-shadow: 0 4px 15px var(--clr-accent-op-30);
}

.slrs-article__title {
  margin: 0 0 var(--space-xl) 0;
  font-family: var(--ff-heading);
  font-size: clamp(var(--ffs-2xl), 4vw, var(--ffs-4xl));
  font-weight: var(--fw-bold);
  line-height: 1.25;
  color: var(--clr-text);
}
.slrs-article__title span.text-gradient {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.slrs-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  margin-bottom: var(--space-xl);
  transition: border-color var(--transition-base);
}
@media (max-width: 35.98em) {
  .slrs-article__meta {
    gap: var(--space-sm);
    padding: var(--space-sm);
  }
}

.slrs-article__meta-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  padding: var(--space-xs) var(--space-md);
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  box-shadow: 0 2px 8px var(--clr-smoke-op-5);
  transition: color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.slrs-article__meta-item i {
  color: var(--clr-primary);
  transition: transform var(--transition-fast);
}
.slrs-article__meta-item:hover {
  transform: translateY(-2px);
  color: var(--clr-text);
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 4px 12px var(--clr-primary-op-10);
}
.slrs-article__meta-item:hover i {
  transform: scale(1.1);
}

.slrs-article__author-preview {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  padding: var(--space-2xs) var(--space-md) var(--space-2xs) var(--space-2xs);
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  box-shadow: 0 2px 8px var(--clr-smoke-op-5);
  text-decoration: none;
  transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.slrs-article__author-preview img {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 2px solid var(--clr-primary-op-20);
  transition: border-color var(--transition-fast);
}
.slrs-article__author-preview:hover {
  transform: translateY(-2px);
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 4px 12px var(--clr-primary-op-10);
}
.slrs-article__author-preview:hover img {
  border-color: var(--clr-primary);
}
.slrs-article__author-preview strong {
  color: inherit;
  font-weight: inherit;
}

.slrs-article__featured-image {
  position: relative;
  margin: 0 calc(var(--space-3xl) * -1);
  margin-bottom: var(--space-2xl);
  overflow: hidden;
}
@media (max-width: 61.98em) {
  .slrs-article__featured-image {
    margin: 0 calc(var(--space-2xl) * -1);
  }
}
@media (max-width: 47.98em) {
  .slrs-article__featured-image {
    margin: 0 calc(var(--space-xl) * -1);
  }
}
@media (max-width: 35.98em) {
  .slrs-article__featured-image {
    margin: 0 calc(var(--space-lg) * -1);
  }
}
.slrs-article__featured-image img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-article__featured-image:hover img {
  transform: scale(1.03);
}
.slrs-article__featured-image figcaption {
  padding: var(--space-md) var(--space-xl);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  background: var(--clr-neutral-50);
  border-top: 1px solid var(--clr-neutral-200);
  text-align: center;
}

.slrs-article__content {
  font-size: var(--ffs-base);
  line-height: 1.85;
  color: var(--clr-text);
}
.slrs-article__content h2 {
  position: relative;
  margin: var(--space-3xl) 0 var(--space-lg) 0;
  padding-left: var(--space-lg);
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: 1.3;
}
.slrs-article__content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full);
}
.slrs-article__content h3 {
  margin: var(--space-2xl) 0 var(--space-md) 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-article__content p {
  margin: 0 0 var(--space-lg) 0;
}
.slrs-article__content a {
  color: var(--clr-primary);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color var(--transition-fast);
}
.slrs-article__content a:hover {
  color: var(--clr-primary-dark);
}
.slrs-article__content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-lg) 0;
}
.slrs-article__content ul li {
  position: relative;
  padding-left: var(--space-xl);
  margin-bottom: var(--space-xs);
}
.slrs-article__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 8px;
  height: 8px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full);
}
.slrs-article__content ol {
  list-style: none;
  counter-reset: slrs-counter;
  padding: 0;
  margin: 0 0 var(--space-lg) 0;
}
.slrs-article__content ol li {
  position: relative;
  padding-left: var(--space-2xl);
  margin-bottom: var(--space-xs);
  counter-increment: slrs-counter;
}
.slrs-article__content ol li::before {
  content: counter(slrs-counter);
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  background: var(--clr-primary);
  border-radius: var(--radius-md);
}
.slrs-article__content blockquote {
  position: relative;
  margin: var(--space-2xl) 0;
  padding: var(--space-xl) var(--space-2xl);
  background: linear-gradient(135deg, var(--clr-primary-op-5), var(--clr-accent-op-5));
  border: 1px solid var(--clr-primary-op-15);
  border-left: 4px solid var(--clr-primary);
  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  font-size: var(--ffs-lg);
  font-style: italic;
  color: var(--clr-text);
}
.slrs-article__content blockquote::before {
  content: "“";
  position: absolute;
  top: var(--space-sm);
  left: var(--space-md);
  font-size: 4rem;
  font-family: Georgia, serif;
  line-height: 1;
  color: var(--clr-primary-op-20);
}
.slrs-article__content blockquote p {
  position: relative;
  z-index: 1;
  margin: 0;
}
.slrs-article__content blockquote cite {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-top: var(--space-md);
  font-size: var(--ffs-sm);
  font-style: normal;
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
}
.slrs-article__content blockquote cite::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--clr-primary);
}

.slrs-callout {
  display: flex;
  gap: var(--space-lg);
  margin: var(--space-2xl) 0;
  padding: var(--space-xl);
  border-radius: var(--radius-xl);
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}
.slrs-callout::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle at top right, currentColor, transparent);
  opacity: 0.05;
  pointer-events: none;
}
.slrs-callout__icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: var(--radius-xl);
  position: relative;
}
.slrs-callout__icon::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px dashed currentColor;
  border-radius: inherit;
  opacity: 0.3;
  animation: slrs-bg-rotate-slow 20s linear infinite;
}
.slrs-callout__content {
  flex: 1;
  z-index: 1;
}
.slrs-callout__content h3 {
  margin: 0 0 var(--space-xs) 0;
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
}
.slrs-callout__content p {
  margin: 0;
  font-size: var(--ffs-sm);
  line-height: 1.7;
}
.slrs-callout--tip {
  background: linear-gradient(135deg, var(--clr-success-op-8), var(--clr-success-op-2));
  border-color: var(--clr-success-op-20);
}
.slrs-callout--tip .slrs-callout__icon {
  color: var(--clr-success);
  background: var(--clr-success-op-15);
}
.slrs-callout--tip .slrs-callout__content h3 {
  color: var(--clr-success-dark);
}
.slrs-callout--warning {
  background: linear-gradient(135deg, var(--clr-warning-op-8), var(--clr-warning-op-2));
  border-color: var(--clr-warning-op-20);
}
.slrs-callout--warning .slrs-callout__icon {
  color: var(--clr-warning);
  background: var(--clr-warning-op-15);
}
.slrs-callout--warning .slrs-callout__content h3 {
  color: var(--clr-warning-dark);
}
.slrs-callout--info {
  background: linear-gradient(135deg, var(--clr-info-op-8), var(--clr-info-op-2));
  border-color: var(--clr-info-op-20);
}
.slrs-callout--info .slrs-callout__icon {
  color: var(--clr-info);
  background: var(--clr-info-op-15);
}
.slrs-callout--info .slrs-callout__content h3 {
  color: var(--clr-info-dark);
}

.slrs-article__share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-lg);
  margin-top: var(--space-2xl);
  padding: var(--space-lg) var(--space-xl);
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
}
@media (max-width: 35.98em) {
  .slrs-article__share {
    flex-direction: column;
    text-align: center;
  }
}

.slrs-article__share-label {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-article__share-label i {
  color: var(--clr-primary);
}

.slrs-article__share-buttons {
  display: flex;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.slrs-article__share-btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--clr-text-muted);
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-lg);
  background-origin: border-box;
  background-clip: border-box;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);
}
.slrs-article__share-btn:hover {
  transform: translate3d(0, -3px, 0);
  border-color: transparent;
  color: var(--clr-white);
}
.slrs-article__share-btn--facebook {
  color: #1877f2;
}
.slrs-article__share-btn--facebook:hover {
  background: #1877f2;
  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.4);
}
.slrs-article__share-btn--twitter {
  color: #1da1f2;
}
.slrs-article__share-btn--twitter:hover {
  background: #1da1f2;
  box-shadow: 0 6px 20px rgba(29, 161, 242, 0.4);
}
.slrs-article__share-btn--linkedin {
  color: #0a66c2;
}
.slrs-article__share-btn--linkedin:hover {
  background: #0a66c2;
  box-shadow: 0 6px 20px rgba(10, 102, 194, 0.4);
}
.slrs-article__share-btn--whatsapp {
  color: #25d366;
}
.slrs-article__share-btn--whatsapp:hover {
  background: #25d366;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}
.slrs-article__share-btn--copy {
  color: var(--clr-primary);
}
.slrs-article__share-btn--copy:hover {
  background: var(--clr-primary);
  box-shadow: 0 6px 20px var(--clr-primary-op-40);
}
.slrs-article__share-btn--copy.is-copied {
  background: var(--clr-success);
  border-color: var(--clr-success);
  color: var(--clr-white);
}

.slrs-author-box {
  position: relative;
  display: flex;
  gap: var(--space-xl);
  margin-top: var(--space-3xl);
  padding: var(--space-2xl);
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  overflow: hidden;
}
.slrs-author-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-xl);
  right: var(--space-xl);
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: 0 0 var(--radius-full) var(--radius-full);
}
@media (max-width: 35.98em) {
  .slrs-author-box {
    flex-direction: column;
    text-align: center;
    padding: var(--space-xl);
  }
}

.slrs-author-box__avatar {
  flex-shrink: 0;
  position: relative;
  width: 110px;
  height: 110px;
}
.slrs-author-box__avatar img {
  width: 110px;
  height: 110px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 4px solid var(--clr-primary-op-20);
  position: relative;
  z-index: 2;
  transition: border-color var(--transition-base);
}
.slrs-author-box__avatar::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: var(--radius-full);
  padding: 3px;
  background: conic-gradient(from 0deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary), transparent 30%, var(--clr-primary));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: slrs-bg-rotate-slow 6s linear infinite;
  z-index: 1;
}
.slrs-author-box__avatar:hover img {
  border-color: var(--clr-primary);
}
@media (max-width: 35.98em) {
  .slrs-author-box__avatar {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
}

.slrs-author-box__content {
  flex: 1;
  z-index: 1;
}

.slrs-author-box__name {
  margin: 0 0 var(--space-2xs) 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}

.slrs-author-box__title {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
}

.slrs-author-box__bio {
  margin: 0 0 var(--space-lg) 0;
  font-size: var(--ffs-sm);
  line-height: 1.7;
  color: var(--clr-text-muted);
}

.slrs-author-box__social {
  display: flex;
  gap: var(--space-xs);
}
@media (max-width: 35.98em) {
  .slrs-author-box__social {
    justify-content: center;
  }
}
.slrs-author-box__social a {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: var(--clr-text-muted);
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
}
.slrs-author-box__social a:hover {
  color: var(--clr-white);
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  transform: translate3d(0, -3px, 0);
}

.slrs-post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-3xl);
}
@media (max-width: 47.98em) {
  .slrs-post-nav {
    grid-template-columns: 1fr;
  }
}

.slrs-post-nav__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: var(--space-xl);
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  box-shadow: 0 4px 20px var(--clr-smoke-op-8);
  text-decoration: none;
  overflow: hidden;
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-post-nav__item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity var(--transition-base);
  pointer-events: none;
}
.slrs-post-nav__item:hover {
  transform: translate3d(0, -5px, 0);
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 12px 40px var(--clr-primary-op-15);
}
.slrs-post-nav__item:hover::before {
  opacity: 1;
}
.slrs-post-nav__item:hover .slrs-post-nav__title {
  color: var(--clr-primary);
}
.slrs-post-nav__item:hover .slrs-post-nav__arrow {
  color: var(--clr-primary);
}
.slrs-post-nav__item--prev .slrs-post-nav__arrow {
  transform: rotate(180deg);
}
.slrs-post-nav__item--prev:hover .slrs-post-nav__arrow {
  transform: rotate(180deg) translate3d(4px, 0, 0);
}
.slrs-post-nav__item--next {
  text-align: right;
}
.slrs-post-nav__item--next:hover .slrs-post-nav__arrow {
  transform: translate3d(4px, 0, 0);
}

.slrs-post-nav__label {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clr-text-muted);
}
.slrs-post-nav__item--next .slrs-post-nav__label {
  justify-content: flex-end;
}

.slrs-post-nav__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  line-height: 1.4;
  transition: color var(--transition-base);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slrs-post-nav__arrow {
  font-size: 1rem;
  color: var(--clr-primary-op-60);
  transition: transform var(--transition-base), color var(--transition-base);
}

.slrs-related-posts {
  margin-top: var(--space-4xl);
  padding-top: var(--space-3xl);
  border-top: 1px solid var(--clr-neutral-200);
}

.slrs-related-posts__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-2xl) 0;
}
.slrs-related-posts__title i {
  color: var(--clr-primary);
}

.slrs-comments {
  margin-top: var(--space-4xl);
  padding-top: var(--space-3xl);
  border-top: 1px solid var(--clr-neutral-200);
}
.slrs-comments h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-xl);
}

.slrs-comments-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  margin-bottom: var(--space-3xl);
}

.slrs-comment-item {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-lg);
  background: var(--clr-surface-frost);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
}
@media (max-width: 35.98em) {
  .slrs-comment-item {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-comment-item--reply {
  margin-left: var(--space-3xl);
}
@media (max-width: 35.98em) {
  .slrs-comment-item--reply {
    margin-left: var(--space-lg);
  }
}

.slrs-comment-avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  overflow: hidden;
  border: 2px solid var(--clr-primary-op-15);
}
.slrs-comment-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 35.98em) {
  .slrs-comment-avatar {
    margin: 0 auto;
  }
}

.slrs-comment-content {
  flex: 1;
}
.slrs-comment-content .comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xs);
}
@media (max-width: 35.98em) {
  .slrs-comment-content .comment-meta {
    flex-direction: column;
    gap: var(--space-2xs);
  }
}
.slrs-comment-content .comment-meta strong {
  font-size: var(--ffs-base);
  color: var(--clr-text);
}
.slrs-comment-content .comment-meta span {
  font-size: 0.75rem;
  color: var(--clr-text-muted);
}
.slrs-comment-content p {
  margin: 0 0 var(--space-sm) 0;
  font-size: var(--ffs-sm);
  line-height: 1.6;
  color: var(--clr-text-muted);
}
.slrs-comment-content .comment-reply-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: 0.75rem;
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.slrs-comment-content .comment-reply-link:hover {
  color: var(--clr-primary-dark);
}

.slrs-comment-form {
  padding: var(--space-2xl);
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl);
}
.slrs-comment-form h3 {
  margin: 0 0 var(--space-xs) 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-comment-form p {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-xl);
}
.slrs-comment-form .form-control {
  width: 100%;
  padding: var(--space-md) var(--space-xl);
  background: var(--clr-surface-void);
  border: 2px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-comment-form .form-control:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
}
.slrs-comment-form textarea.form-control {
  border-radius: var(--radius-2xl);
  resize: vertical;
  min-height: 120px;
}

.slrs-blog-sidebar {
  position: relative;
  margin-top: var(--space-base-24);
}
.slrs-blog-sidebar .widget {
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-100);
  padding: var(--space-base-20);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .widget {
    padding: var(--space-base-24);
  }
}
.slrs-blog-sidebar .widget {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .widget {
    margin-bottom: var(--space-base-24);
  }
}
.slrs-blog-sidebar .widget {
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-blog-sidebar .widget:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
  border-color: var(--clr-neutral-200);
}
.slrs-blog-sidebar .widget-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-md);
  font-weight: var(--fw-bold);
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--clr-text);
  padding-bottom: var(--space-base-12);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .widget-title {
    padding-bottom: var(--space-base-16);
    margin-bottom: var(--space-base-20);
  }
}
.slrs-blog-sidebar .widget-title {
  border-bottom: 1px solid var(--clr-neutral-100);
  position: relative;
  transition: border-color 0.3s ease;
}
.slrs-blog-sidebar .widget-title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 45px;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  border-radius: var(--radius-full);
}
.slrs-blog-sidebar .search-form .form-group {
  position: relative;
}
.slrs-blog-sidebar .search-form .form-control {
  padding-right: 50px;
  width: 100%;
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .search-form .form-control {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-blog-sidebar .search-form .form-control {
  background: var(--clr-surface-void);
  border: 2px solid var(--clr-neutral-200);
  border-radius: var(--radius-full);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-blog-sidebar .search-form .form-control:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
}
.slrs-blog-sidebar .search-form button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  background: transparent;
  border: none;
  color: var(--clr-primary);
  cursor: pointer;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-blog-sidebar .search-form button {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .search-form button {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-blog-sidebar .search-form button {
  transition: color 0.2s ease;
}
.slrs-blog-sidebar .search-form button:hover {
  color: var(--clr-primary-dark);
}
.slrs-blog-sidebar .category-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.slrs-blog-sidebar .category-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .category-list a {
    padding: var(--space-base-10) 0;
  }
}
.slrs-blog-sidebar .category-list a {
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  text-decoration: none;
  border-bottom: 1px solid var(--clr-neutral-200);
  transition: padding 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.slrs-blog-sidebar .category-list a:last-child {
  border-bottom: none;
}
.slrs-blog-sidebar .category-list a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  padding: 0 var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .category-list a span {
    padding: 0 var(--space-base-8);
  }
}
.slrs-blog-sidebar .category-list a span {
  font-size: 0.75rem;
  font-weight: var(--fw-semibold);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-radius: var(--radius-full);
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.slrs-blog-sidebar .category-list a:hover {
  padding-left: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .category-list a:hover {
    padding-left: var(--space-base-10);
  }
}
.slrs-blog-sidebar .category-list a:hover {
  color: var(--clr-primary);
}
.slrs-blog-sidebar .category-list a:hover span {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: translateX(-2px);
}
.slrs-blog-sidebar .recent-posts-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.slrs-blog-sidebar .recent-post-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  padding: var(--space-base-12);
  border-radius: 20px;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  isolation: isolate;
}
.slrs-blog-sidebar .recent-post-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: var(--clr-smoke-op-5);
  transition: opacity 0.3s ease;
}
.slrs-blog-sidebar .recent-post-item:last-child::after {
  display: none;
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-item::after {
  background: var(--clr-glass-op-10);
}
.slrs-blog-sidebar .recent-post-item:hover {
  background: var(--clr-white);
  transform: translateX(6px);
  border-color: var(--clr-smoke-op-5);
  box-shadow: 0 12px 24px -8px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80);
  z-index: 2;
}
.slrs-blog-sidebar .recent-post-item:hover::after {
  opacity: 0;
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-item:hover {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 24px -8px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5);
}
.slrs-blog-sidebar .recent-post-item:hover .recent-post-img img {
  transform: scale(1.08);
}
.slrs-blog-sidebar .recent-post-item:hover .recent-post-info h5 a {
  background-size: 100% 2px;
  color: var(--clr-primary);
}
.slrs-blog-sidebar .recent-post-img {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--clr-neutral-100);
  box-shadow: inset 0 0 0 1px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-img {
  background: var(--clr-neutral-800);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-10);
}
.slrs-blog-sidebar .recent-post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-blog-sidebar .recent-post-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slrs-blog-sidebar .recent-post-info .recent-post-tag {
  align-self: flex-start;
  font-size: var(--fs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  padding: var(--space-base-4) var(--space-base-8);
  border-radius: var(--radius-full);
  margin-bottom: var(--space-base-6);
  transition: background 0.3s ease, color 0.3s ease;
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-info .recent-post-tag {
  background: var(--clr-primary-op-20);
  color: var(--clr-primary-light);
}
.slrs-blog-sidebar .recent-post-info h5 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  margin: 0 0 var(--space-base-6) 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-blog-sidebar .recent-post-info h5 a {
  display: inline;
  color: var(--clr-text);
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-size 0.4s ease;
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-info h5 a {
  color: #fff;
}
.slrs-blog-sidebar .recent-post-info h5 a:hover {
  color: var(--clr-primary);
}
.slrs-blog-sidebar .recent-post-info .recent-post-meta {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-blog-sidebar .recent-post-info .recent-post-meta span {
  font-size: var(--fs-xs);
  color: var(--clr-text-muted);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
.slrs-blog-sidebar .recent-post-info .recent-post-meta span i {
  color: var(--clr-primary);
  font-size: 1.1em;
}
.slrs-blog-sidebar .social-link {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .social-link {
    gap: var(--space-base-10);
  }
}
.slrs-blog-sidebar .social-link a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--clr-primary-op-30);
  color: var(--clr-primary);
  border-radius: var(--radius-full);
  background: var(--clr-surface-void);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}
.slrs-blog-sidebar .social-link a:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
  transform: translateY(-3px);
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
.slrs-blog-sidebar .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .tag-list {
    gap: var(--space-base-10);
  }
}
.slrs-blog-sidebar .tag-list a {
  background: var(--clr-surface-void);
  color: var(--clr-text-muted);
  border: 1px solid var(--clr-neutral-200);
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-blog-sidebar .tag-list a {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-blog-sidebar .tag-list a {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-blog-sidebar .tag-list a {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  border-radius: var(--radius-full);
  display: inline-block;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.slrs-blog-sidebar .tag-list a:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white);
  transform: translateY(-2px);
}

@media (min-width: 62em) {
  .slrs-blog-sidebar {
    position: sticky;
    top: 130px;
    z-index: 10;
  }
}
[data-theme=dark] .slrs-blog-sidebar .widget {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-sidebar .widget-title {
  border-bottom-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-sidebar .search-form .form-control {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-sidebar .search-form .form-control:focus {
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-blog-sidebar .category-list a {
  border-bottom-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-sidebar .recent-post-img {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-blog-sidebar .tag-list a {
  border-color: var(--clr-neutral-300);
}

.slrs-blog-list-view {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-24);
}

.slrs-blog-list-card {
  display: flex;
  background: var(--clr-white);
  border-radius: 32px;
  padding: 16px;
  gap: 24px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid var(--clr-smoke-op-5);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80), inset 0 -1px 1px var(--clr-smoke-op-2);
}
[data-theme=dark] .slrs-blog-list-card {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5), inset 0 -1px 1px var(--clr-smoke-op-20);
}
.slrs-blog-list-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-white), inset 0 -1px 1px var(--clr-smoke-op-2);
  border-color: var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-blog-list-card:hover {
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-100), inset 0 1px 1px var(--clr-glass-op-8);
  border-color: var(--clr-glass-op-20);
}
.slrs-blog-list-card:hover .slrs-blog-list-card__media img {
  transform: scale(1.08);
}
.slrs-blog-list-card:hover .slrs-blog-list-card__title a {
  background-size: 100% 2px;
}
.slrs-blog-list-card:hover .slrs-blog-list-card__link i, .slrs-blog-list-card:hover .slrs-blog-list-card__link .slrs-blog-card__arrow {
  transform: translateX(4px);
}
.slrs-blog-list-card__media {
  flex-shrink: 0;
  width: 320px;
  aspect-ratio: 16/10;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: var(--clr-neutral-100);
  box-shadow: inset 0 0 0 1px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-blog-list-card__media {
  background: var(--clr-neutral-800);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-10);
}
.slrs-blog-list-card__media a {
  display: block;
  width: 100%;
  height: 100%;
}
.slrs-blog-list-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-blog-list-card__date {
  position: absolute;
  top: var(--space-base-20);
  left: var(--space-base-20);
  background: var(--clr-white);
  color: var(--clr-neutral-900);
  padding: var(--space-base-8) var(--space-base-16);
  border-radius: 100px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--ff-heading);
  z-index: 2;
  box-shadow: 0 4px 15px var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-blog-list-card__date {
  background: var(--clr-glass-op-20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--clr-white);
  border: 1px solid var(--clr-glass-op-10);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.slrs-blog-list-card__badge {
  position: absolute;
  top: var(--space-base-20);
  right: var(--space-base-20);
  background: var(--clr-primary);
  color: var(--clr-white);
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: 4px;
  font-size: var(--fs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  z-index: 2;
}
.slrs-blog-list-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slrs-blog-list-card__tag {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  padding: var(--space-base-8) var(--space-base-16);
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--space-base-16);
  display: inline-block;
  align-self: flex-start;
}
[data-theme=dark] .slrs-blog-list-card__tag {
  background: var(--clr-glass-op-10);
  color: var(--clr-white);
}
.slrs-blog-list-card__title {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  font-family: var(--ff-heading);
  line-height: var(--lh-tight);
  margin-top: 0;
  margin-bottom: var(--space-base-16);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-blog-list-card__title a {
  color: var(--clr-text);
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-size 0.4s ease;
}
[data-theme=dark] .slrs-blog-list-card__title a {
  color: #fff;
}
.slrs-blog-list-card__title a:hover {
  color: var(--clr-primary);
}
.slrs-blog-list-card p {
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-24);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-blog-list-card__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid var(--clr-smoke-op-10);
  box-shadow: inset 0 1px 0 var(--clr-glass-op-60);
  padding-top: var(--space-base-16);
}
[data-theme=dark] .slrs-blog-list-card__footer {
  border-top-color: var(--clr-smoke-op-60);
  box-shadow: inset 0 1px 0 var(--clr-glass-op-10);
}
.slrs-blog-list-card__author {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-blog-list-card__author-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
}
.slrs-blog-list-card__author-name {
  font-size: var(--fs-xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-medium);
}
.slrs-blog-list-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--clr-primary-op-8);
  border-radius: 30px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--ff-heading);
  color: var(--clr-primary);
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-blog-list-card__link {
  background: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
.slrs-blog-list-card__link i {
  font-size: 10px;
  transition: transform 0.3s ease;
}
.slrs-blog-list-card__link:hover {
  background: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 6px 16px var(--clr-primary-op-30);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-blog-list-card__link:hover {
  background: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 6px 16px var(--clr-primary-light-op-25);
}
.slrs-blog-list-card__link:hover i {
  transform: translateX(4px);
}
@media (max-width: 61.98em) {
  .slrs-blog-list-card__media {
    width: 250px;
  }
  .slrs-blog-list-card__content {
    padding: 20px;
  }
  .slrs-blog-list-card__title {
    font-size: var(--ffs-lg);
  }
}
@media (max-width: 47.98em) {
  .slrs-blog-list-card {
    flex-direction: column;
  }
  .slrs-blog-list-card__media {
    width: 100%;
    height: 220px;
  }
  .slrs-blog-list-card__content {
    padding: 20px;
  }
}

@keyframes slrs-blog-list-card-enter {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-blog-list-view .slrs-blog-list-card {
  animation: slrs-blog-list-card-enter 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(1) {
  animation-delay: 0.05s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(2) {
  animation-delay: 0.1s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(3) {
  animation-delay: 0.15s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(4) {
  animation-delay: 0.2s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(5) {
  animation-delay: 0.25s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(6) {
  animation-delay: 0.3s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(7) {
  animation-delay: 0.35s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(8) {
  animation-delay: 0.4s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(9) {
  animation-delay: 0.45s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(10) {
  animation-delay: 0.5s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(11) {
  animation-delay: 0.55s;
}
.slrs-blog-list-view .slrs-blog-list-card:nth-child(12) {
  animation-delay: 0.6s;
}

.slrs-sidebar__widget {
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sidebar__widget {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__widget {
    padding: var(--space-base-40);
  }
}
.slrs-sidebar__widget {
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-2xl);
  box-shadow: 0 10px 30px var(--clr-smoke-op-8);
  will-change: transform, box-shadow;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, background-color 0.4s ease;
}
[data-theme=dark] .slrs-sidebar__widget {
  background: rgba(30, 41, 59, 0.65);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.slrs-sidebar__widget:hover {
  transform: translate3d(0, -6px, 0);
  box-shadow: 0 20px 40px rgba(var(--clr-primary-rgb), 0.08), 0 8px 24px var(--clr-smoke-op-8);
  border-color: rgba(var(--clr-primary-rgb), 0.2);
}
[data-theme=dark] .slrs-sidebar__widget:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.15);
}

.slrs-sidebar__widget-header,
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header, .slrs-sidebar__widget-title,
.slrs-faq-page__sidebar-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    gap: var(--space-base-20);
  }
}
.slrs-sidebar__widget-header,
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header, .slrs-sidebar__widget-title,
.slrs-faq-page__sidebar-title {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-sidebar__widget-header,
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header, .slrs-sidebar__widget-title,
.slrs-faq-page__sidebar-title {
  padding-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    padding-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__widget-header,
  .slrs-member-contact__header,
  .slrs-member-certifications__header,
  .slrs-member-brands__header,
  .slrs-member-availability__header,
  .slrs-member-downloads__header, .slrs-sidebar__widget-title,
  .slrs-faq-page__sidebar-title {
    padding-bottom: var(--space-base-20);
  }
}
.slrs-sidebar__widget-header,
.slrs-member-contact__header,
.slrs-member-certifications__header,
.slrs-member-brands__header,
.slrs-member-availability__header,
.slrs-member-downloads__header, .slrs-sidebar__widget-title,
.slrs-faq-page__sidebar-title {
  border-bottom: 2px solid var(--clr-neutral-200);
  position: relative;
  width: 100%;
}
[data-theme=dark] .slrs-sidebar__widget-header,
[data-theme=dark] .slrs-member-contact__header,
[data-theme=dark] .slrs-member-certifications__header,
[data-theme=dark] .slrs-member-brands__header,
[data-theme=dark] .slrs-member-availability__header,
[data-theme=dark] .slrs-member-downloads__header, [data-theme=dark] .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-faq-page__sidebar-title {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.slrs-sidebar__widget-header::after,
.slrs-member-contact__header::after,
.slrs-member-certifications__header::after,
.slrs-member-brands__header::after,
.slrs-member-availability__header::after,
.slrs-member-downloads__header::after, .slrs-sidebar__widget-title::after,
.slrs-faq-page__sidebar-title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full);
}

.slrs-sidebar__widget-title,
.slrs-faq-page__sidebar-title {
  margin-top: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-md);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-faq-page__sidebar-title {
  color: var(--clr-white);
}
.slrs-sidebar__widget-title i,
.slrs-faq-page__sidebar-title i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, color 0.3s ease;
}
[data-theme=dark] .slrs-sidebar__widget-title i,
[data-theme=dark] .slrs-faq-page__sidebar-title i {
  background: var(--clr-primary-op-20);
  color: var(--clr-primary-dark);
}
.slrs-sidebar__widget-title:hover i, .slrs-sidebar__widget:hover .slrs-sidebar__widget-title i,
.slrs-faq-page__sidebar-title:hover i,
.slrs-sidebar__widget:hover .slrs-faq-page__sidebar-title i {
  transform: scale(1.12) rotate(8deg);
  background: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-sidebar__widget-title:hover i, [data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-title i,
[data-theme=dark] .slrs-faq-page__sidebar-title:hover i,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-faq-page__sidebar-title i {
  background: var(--clr-primary-dark);
  color: var(--clr-surface-void);
}

.slrs-faq-page__sidebar-title {
  font-size: var(--ffs-lg);
}

.slrs-sidebar__widget-header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget-header .slrs-member-contact__icon,
.slrs-sidebar__widget-header .slrs-member-certifications__icon,
.slrs-sidebar__widget-header .slrs-member-brands__icon,
.slrs-sidebar__widget-header .slrs-member-availability__icon,
.slrs-sidebar__widget-header .slrs-member-downloads__icon,
.slrs-member-contact__header .slrs-sidebar__widget-icon,
.slrs-member-contact__header .slrs-member-contact__icon,
.slrs-member-contact__header .slrs-member-certifications__icon,
.slrs-member-contact__header .slrs-member-brands__icon,
.slrs-member-contact__header .slrs-member-availability__icon,
.slrs-member-contact__header .slrs-member-downloads__icon,
.slrs-member-certifications__header .slrs-sidebar__widget-icon,
.slrs-member-certifications__header .slrs-member-contact__icon,
.slrs-member-certifications__header .slrs-member-certifications__icon,
.slrs-member-certifications__header .slrs-member-brands__icon,
.slrs-member-certifications__header .slrs-member-availability__icon,
.slrs-member-certifications__header .slrs-member-downloads__icon,
.slrs-member-brands__header .slrs-sidebar__widget-icon,
.slrs-member-brands__header .slrs-member-contact__icon,
.slrs-member-brands__header .slrs-member-certifications__icon,
.slrs-member-brands__header .slrs-member-brands__icon,
.slrs-member-brands__header .slrs-member-availability__icon,
.slrs-member-brands__header .slrs-member-downloads__icon,
.slrs-member-availability__header .slrs-sidebar__widget-icon,
.slrs-member-availability__header .slrs-member-contact__icon,
.slrs-member-availability__header .slrs-member-certifications__icon,
.slrs-member-availability__header .slrs-member-brands__icon,
.slrs-member-availability__header .slrs-member-availability__icon,
.slrs-member-availability__header .slrs-member-downloads__icon,
.slrs-member-downloads__header .slrs-sidebar__widget-icon,
.slrs-member-downloads__header .slrs-member-contact__icon,
.slrs-member-downloads__header .slrs-member-certifications__icon,
.slrs-member-downloads__header .slrs-member-brands__icon,
.slrs-member-downloads__header .slrs-member-availability__icon,
.slrs-member-downloads__header .slrs-member-downloads__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-lg);
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, color 0.3s ease;
}
[data-theme=dark] .slrs-sidebar__widget-header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-contact__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-contact__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-contact__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-contact__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-contact__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-contact__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-brands__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-brands__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-brands__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-brands__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-brands__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-brands__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-availability__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-availability__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-availability__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-availability__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-availability__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-availability__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-downloads__icon {
  background: var(--clr-primary-op-20);
  color: var(--clr-primary-dark);
}
.slrs-sidebar__widget-header .slrs-sidebar__widget-icon i,
.slrs-sidebar__widget-header .slrs-member-contact__icon i,
.slrs-sidebar__widget-header .slrs-member-certifications__icon i,
.slrs-sidebar__widget-header .slrs-member-brands__icon i,
.slrs-sidebar__widget-header .slrs-member-availability__icon i,
.slrs-sidebar__widget-header .slrs-member-downloads__icon i,
.slrs-member-contact__header .slrs-sidebar__widget-icon i,
.slrs-member-contact__header .slrs-member-contact__icon i,
.slrs-member-contact__header .slrs-member-certifications__icon i,
.slrs-member-contact__header .slrs-member-brands__icon i,
.slrs-member-contact__header .slrs-member-availability__icon i,
.slrs-member-contact__header .slrs-member-downloads__icon i,
.slrs-member-certifications__header .slrs-sidebar__widget-icon i,
.slrs-member-certifications__header .slrs-member-contact__icon i,
.slrs-member-certifications__header .slrs-member-certifications__icon i,
.slrs-member-certifications__header .slrs-member-brands__icon i,
.slrs-member-certifications__header .slrs-member-availability__icon i,
.slrs-member-certifications__header .slrs-member-downloads__icon i,
.slrs-member-brands__header .slrs-sidebar__widget-icon i,
.slrs-member-brands__header .slrs-member-contact__icon i,
.slrs-member-brands__header .slrs-member-certifications__icon i,
.slrs-member-brands__header .slrs-member-brands__icon i,
.slrs-member-brands__header .slrs-member-availability__icon i,
.slrs-member-brands__header .slrs-member-downloads__icon i,
.slrs-member-availability__header .slrs-sidebar__widget-icon i,
.slrs-member-availability__header .slrs-member-contact__icon i,
.slrs-member-availability__header .slrs-member-certifications__icon i,
.slrs-member-availability__header .slrs-member-brands__icon i,
.slrs-member-availability__header .slrs-member-availability__icon i,
.slrs-member-availability__header .slrs-member-downloads__icon i,
.slrs-member-downloads__header .slrs-sidebar__widget-icon i,
.slrs-member-downloads__header .slrs-member-contact__icon i,
.slrs-member-downloads__header .slrs-member-certifications__icon i,
.slrs-member-downloads__header .slrs-member-brands__icon i,
.slrs-member-downloads__header .slrs-member-availability__icon i,
.slrs-member-downloads__header .slrs-member-downloads__icon i {
  font-size: inherit;
}
.slrs-sidebar__widget-header .slrs-sidebar__widget-title,
.slrs-sidebar__widget-header .slrs-member-contact__title,
.slrs-sidebar__widget-header .slrs-member-certifications__title,
.slrs-sidebar__widget-header .slrs-member-brands__title,
.slrs-sidebar__widget-header .slrs-member-availability__title,
.slrs-sidebar__widget-header .slrs-member-downloads__title,
.slrs-member-contact__header .slrs-sidebar__widget-title,
.slrs-member-contact__header .slrs-member-contact__title,
.slrs-member-contact__header .slrs-member-certifications__title,
.slrs-member-contact__header .slrs-member-brands__title,
.slrs-member-contact__header .slrs-member-availability__title,
.slrs-member-contact__header .slrs-member-downloads__title,
.slrs-member-certifications__header .slrs-sidebar__widget-title,
.slrs-member-certifications__header .slrs-member-contact__title,
.slrs-member-certifications__header .slrs-member-certifications__title,
.slrs-member-certifications__header .slrs-member-brands__title,
.slrs-member-certifications__header .slrs-member-availability__title,
.slrs-member-certifications__header .slrs-member-downloads__title,
.slrs-member-brands__header .slrs-sidebar__widget-title,
.slrs-member-brands__header .slrs-member-contact__title,
.slrs-member-brands__header .slrs-member-certifications__title,
.slrs-member-brands__header .slrs-member-brands__title,
.slrs-member-brands__header .slrs-member-availability__title,
.slrs-member-brands__header .slrs-member-downloads__title,
.slrs-member-availability__header .slrs-sidebar__widget-title,
.slrs-member-availability__header .slrs-member-contact__title,
.slrs-member-availability__header .slrs-member-certifications__title,
.slrs-member-availability__header .slrs-member-brands__title,
.slrs-member-availability__header .slrs-member-availability__title,
.slrs-member-availability__header .slrs-member-downloads__title,
.slrs-member-downloads__header .slrs-sidebar__widget-title,
.slrs-member-downloads__header .slrs-member-contact__title,
.slrs-member-downloads__header .slrs-member-certifications__title,
.slrs-member-downloads__header .slrs-member-brands__title,
.slrs-member-downloads__header .slrs-member-availability__title,
.slrs-member-downloads__header .slrs-member-downloads__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
}
[data-theme=dark] .slrs-sidebar__widget-header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-contact__title,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-certifications__title,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-brands__title,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-availability__title,
[data-theme=dark] .slrs-sidebar__widget-header .slrs-member-downloads__title,
[data-theme=dark] .slrs-member-contact__header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-member-contact__header .slrs-member-contact__title,
[data-theme=dark] .slrs-member-contact__header .slrs-member-certifications__title,
[data-theme=dark] .slrs-member-contact__header .slrs-member-brands__title,
[data-theme=dark] .slrs-member-contact__header .slrs-member-availability__title,
[data-theme=dark] .slrs-member-contact__header .slrs-member-downloads__title,
[data-theme=dark] .slrs-member-certifications__header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-contact__title,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-certifications__title,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-brands__title,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-availability__title,
[data-theme=dark] .slrs-member-certifications__header .slrs-member-downloads__title,
[data-theme=dark] .slrs-member-brands__header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-member-brands__header .slrs-member-contact__title,
[data-theme=dark] .slrs-member-brands__header .slrs-member-certifications__title,
[data-theme=dark] .slrs-member-brands__header .slrs-member-brands__title,
[data-theme=dark] .slrs-member-brands__header .slrs-member-availability__title,
[data-theme=dark] .slrs-member-brands__header .slrs-member-downloads__title,
[data-theme=dark] .slrs-member-availability__header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-member-availability__header .slrs-member-contact__title,
[data-theme=dark] .slrs-member-availability__header .slrs-member-certifications__title,
[data-theme=dark] .slrs-member-availability__header .slrs-member-brands__title,
[data-theme=dark] .slrs-member-availability__header .slrs-member-availability__title,
[data-theme=dark] .slrs-member-availability__header .slrs-member-downloads__title,
[data-theme=dark] .slrs-member-downloads__header .slrs-sidebar__widget-title,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-contact__title,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-certifications__title,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-brands__title,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-availability__title,
[data-theme=dark] .slrs-member-downloads__header .slrs-member-downloads__title {
  color: var(--clr-white);
}
.slrs-sidebar__widget-header:hover .slrs-sidebar__widget-icon,
.slrs-sidebar__widget-header:hover .slrs-member-contact__icon,
.slrs-sidebar__widget-header:hover .slrs-member-certifications__icon,
.slrs-sidebar__widget-header:hover .slrs-member-brands__icon,
.slrs-sidebar__widget-header:hover .slrs-member-availability__icon,
.slrs-sidebar__widget-header:hover .slrs-member-downloads__icon, .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-downloads__icon,
.slrs-member-contact__header:hover .slrs-sidebar__widget-icon,
.slrs-member-contact__header:hover .slrs-member-contact__icon,
.slrs-member-contact__header:hover .slrs-member-certifications__icon,
.slrs-member-contact__header:hover .slrs-member-brands__icon,
.slrs-member-contact__header:hover .slrs-member-availability__icon,
.slrs-member-contact__header:hover .slrs-member-downloads__icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-downloads__icon,
.slrs-member-certifications__header:hover .slrs-sidebar__widget-icon,
.slrs-member-certifications__header:hover .slrs-member-contact__icon,
.slrs-member-certifications__header:hover .slrs-member-certifications__icon,
.slrs-member-certifications__header:hover .slrs-member-brands__icon,
.slrs-member-certifications__header:hover .slrs-member-availability__icon,
.slrs-member-certifications__header:hover .slrs-member-downloads__icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-downloads__icon,
.slrs-member-brands__header:hover .slrs-sidebar__widget-icon,
.slrs-member-brands__header:hover .slrs-member-contact__icon,
.slrs-member-brands__header:hover .slrs-member-certifications__icon,
.slrs-member-brands__header:hover .slrs-member-brands__icon,
.slrs-member-brands__header:hover .slrs-member-availability__icon,
.slrs-member-brands__header:hover .slrs-member-downloads__icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-downloads__icon,
.slrs-member-availability__header:hover .slrs-sidebar__widget-icon,
.slrs-member-availability__header:hover .slrs-member-contact__icon,
.slrs-member-availability__header:hover .slrs-member-certifications__icon,
.slrs-member-availability__header:hover .slrs-member-brands__icon,
.slrs-member-availability__header:hover .slrs-member-availability__icon,
.slrs-member-availability__header:hover .slrs-member-downloads__icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-downloads__icon,
.slrs-member-downloads__header:hover .slrs-sidebar__widget-icon,
.slrs-member-downloads__header:hover .slrs-member-contact__icon,
.slrs-member-downloads__header:hover .slrs-member-certifications__icon,
.slrs-member-downloads__header:hover .slrs-member-brands__icon,
.slrs-member-downloads__header:hover .slrs-member-availability__icon,
.slrs-member-downloads__header:hover .slrs-member-downloads__icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-sidebar__widget-icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-contact__icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-certifications__icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-brands__icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-availability__icon,
.slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-downloads__icon {
  transform: scale(1.12) rotate(8deg);
  background: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget-header:hover .slrs-member-downloads__icon, [data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-sidebar__widget-header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-contact__header:hover .slrs-member-downloads__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-contact__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-certifications__header:hover .slrs-member-downloads__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-certifications__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-brands__header:hover .slrs-member-downloads__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-brands__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-availability__header:hover .slrs-member-downloads__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-availability__header .slrs-member-downloads__icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-member-contact__icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-member-certifications__icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-member-brands__icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-member-availability__icon,
[data-theme=dark] .slrs-member-downloads__header:hover .slrs-member-downloads__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-sidebar__widget-icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-contact__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-certifications__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-brands__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-availability__icon,
[data-theme=dark] .slrs-sidebar__widget:hover .slrs-member-downloads__header .slrs-member-downloads__icon {
  background: var(--clr-primary-dark);
  color: var(--clr-surface-void);
}

.slrs-sidebar__links {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-sidebar__links {
    gap: var(--space-base-10);
  }
}
.slrs-sidebar__links a {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-sidebar__links a {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__links a {
    gap: var(--space-base-16);
  }
}
.slrs-sidebar__links a {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar__links a {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar__links a {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-sidebar__links a {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-xl);
  text-decoration: none;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-sidebar__links a i {
  font-size: 14px;
  color: var(--clr-primary);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;
}
.slrs-sidebar__links a .arrow-indicator {
  margin-left: auto;
  font-size: 10px;
  opacity: 0;
  transform: translate3d(-5px, 0, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-sidebar__links a:hover {
  color: var(--clr-primary);
  background: var(--clr-neutral-100);
  transform: translate3d(4px, 0, 0);
}
[data-theme=dark] .slrs-sidebar__links a:hover {
  background: rgba(255, 255, 255, 0.03);
}
.slrs-sidebar__links a:hover i {
  transform: scale(1.1) rotate(5deg);
}
.slrs-sidebar__links a:hover .arrow-indicator {
  opacity: 0.75;
  transform: translate3d(0, 0, 0);
}
.slrs-sidebar__links a.is-active {
  color: var(--clr-white) !important;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px rgba(var(--clr-primary-rgb), 0.15);
}
[data-theme=dark] .slrs-sidebar__links a.is-active {
  background: linear-gradient(135deg, var(--clr-primary-light), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.slrs-sidebar__links a.is-active i {
  color: var(--clr-white);
}
.slrs-sidebar__links a.is-active .arrow-indicator {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  color: var(--clr-white);
}
.slrs-sidebar__links a.is-active:hover {
  transform: translate3d(4px, 0, 0);
  box-shadow: 0 12px 25px rgba(var(--clr-primary-rgb), 0.25);
}
[data-theme=dark] .slrs-sidebar__links a.is-active:hover {
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
}

/*=======================================================================
  ROADMAP BASE CONTAINER
=======================================================================*/
.slrs-operational-roadmap {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/*=======================================================================
  ROADMAP STYLE 1 — Homepage 1 (Premium "Neon Grid" Step Flow)
  Modern asymmetric hexagonal step badges, frosted glass cards with 
  inner edge-glow, pulsing energy-dot connector, and GPU-composited
  hover transitions for zero scroll jitter.
=======================================================================*/
.slrs-roadmap-v1__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  padding-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-roadmap-v1__grid {
    padding-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-roadmap-v1__grid {
    padding-top: var(--space-base-40);
  }
}
.slrs-roadmap-v1__grid {
  counter-reset: step-counter;
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__grid {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: var(--space-base-12);
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-roadmap-v1__grid {
    padding-top: var(--space-base-16);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-roadmap-v1__grid {
    padding-top: var(--space-base-20);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .slrs-roadmap-v1__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-base-20) 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (min-width: 48em) {
  .slrs-roadmap-v1__grid {
    gap: var(--space-base-28) 24px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (min-width: 75em) {
  .slrs-roadmap-v1__grid {
    gap: var(--space-base-40) 24px;
  }
}
.slrs-roadmap-v1__connector {
  display: none;
}
@media (min-width: 48em) {
  .slrs-roadmap-v1__connector {
    display: block;
    position: absolute;
    top: calc(var(--space-base-28) + 30px);
    left: calc(12.5% + 32px);
    right: calc(12.5% + 32px);
    width: auto;
    height: 2px;
    pointer-events: none;
    z-index: 0;
  }
  .slrs-roadmap-v1__connector::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(90deg, var(--clr-primary-op-20) 0px, var(--clr-primary-op-20) 6px, transparent 6px, transparent 14px);
    background-origin: border-box;
    background-clip: border-box;
    border-radius: 2px;
    z-index: 1;
  }
  [data-theme=dark] .slrs-roadmap-v1__connector::before {
    background-image: repeating-linear-gradient(90deg, rgba(96, 181, 255, 0.15) 0px, rgba(96, 181, 255, 0.15) 6px, transparent 6px, transparent 14px);
  }
  .slrs-roadmap-v1__connector::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--clr-primary);
    box-shadow: 0 0 12px var(--clr-primary), 0 0 24px var(--clr-primary-op-40);
    z-index: 3;
    animation: slrs-v1-energy-dot 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  }
  [data-theme=dark] .slrs-roadmap-v1__connector::after {
    background: #4ADE80;
    box-shadow: 0 0 12px #4ADE80, 0 0 24px rgba(96, 181, 255, 0.4);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .slrs-roadmap-v1__connector {
    display: none;
  }
}
.slrs-roadmap-v1__step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
  height: 100%;
}
@media (min-width: 992px) {
  .slrs-roadmap-v1__step:nth-child(odd) {
    padding-top: 0;
  }
  .slrs-roadmap-v1__step:nth-child(even) {
    padding-top: 24px;
  }
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__step {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
    padding: 0 0 0 60px;
    gap: var(--space-base-12);
    position: relative;
    padding-bottom: var(--space-base-20);
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-roadmap-v1__step {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-roadmap-v1__step {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-roadmap-v1__step {
    padding-bottom: var(--space-base-28);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-roadmap-v1__step {
    padding-bottom: var(--space-base-40);
  }
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__step:last-child {
    padding-bottom: 0;
  }
  .slrs-roadmap-v1__step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 60px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--clr-primary-op-30) 0%, var(--clr-primary-op-8) 100%);
    background-origin: border-box;
    background-clip: border-box;
    z-index: 0;
  }
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card {
  transform: translateY(-6px) translateZ(0);
  border-color: var(--clr-primary-op-25);
  box-shadow: 0 20px 48px rgba(var(--clr-primary-rgb)/0.12), 0 0 0 1px var(--clr-primary-op-8), inset 0 1px 0 var(--clr-glass-op-90);
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card::before {
  opacity: 1;
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card::after {
  transform: scaleX(1);
}
[data-theme=dark] .slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card {
  border-color: rgba(96, 181, 255, 0.25);
  box-shadow: 0 20px 48px var(--clr-smoke-op-40), 0 0 30px rgba(96, 181, 255, 0.06), inset 0 1px 0 var(--clr-glass-op-5);
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card-icon {
  transform: scale(1.1) rotate(5deg) translateZ(0);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__num-inner {
  transform: scale(1.08) translateZ(0);
  box-shadow: 0 0 28px var(--clr-primary-op-50), 0 0 56px var(--clr-primary-op-15);
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__num-ring {
  transform: scale(1.2);
  border-color: var(--clr-primary);
  opacity: 0.9;
}
.slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card-watermark {
  opacity: 0.12;
}
[data-theme=dark] .slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card-watermark {
  opacity: 0.06;
}
.slrs-roadmap-v1__num {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-roadmap-v1__num {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-roadmap-v1__num {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-roadmap-v1__num {
  z-index: 2;
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__num {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
  }
}
.slrs-roadmap-v1__num-inner {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: var(--fw-extrabold);
  color: var(--clr-white);
  letter-spacing: 0.06em;
  box-shadow: 0 6px 24px var(--clr-primary-op-35), 0 0 0 3px rgba(255, 255, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  position: relative;
  z-index: 2;
}
[data-theme=dark] .slrs-roadmap-v1__num-inner {
  background: linear-gradient(145deg, #4ADE80, #3d8bce);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 6px 24px rgba(96, 181, 255, 0.3), 0 0 0 3px rgba(96, 181, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__num-inner {
    font-size: 15px;
    border-radius: 14px;
  }
}
.slrs-roadmap-v1__num-ring {
  position: absolute;
  inset: -7px;
  border-radius: 22px;
  border: 2px solid var(--clr-primary-op-20);
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, opacity 0.4s ease;
  opacity: 0.5;
  animation: slrs-v1-ring-pulse 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
[data-theme=dark] .slrs-roadmap-v1__num-ring {
  border-color: rgba(96, 181, 255, 0.15);
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__num-ring {
    inset: -5px;
    border-radius: 18px;
  }
}
.slrs-roadmap-v1__num-glow {
  position: absolute;
  inset: -16px;
  border-radius: 28px;
  background: radial-gradient(circle, var(--clr-primary-op-8) 0%, transparent 70%);
  pointer-events: none;
  opacity: 0.5;
}
[data-theme=dark] .slrs-roadmap-v1__num-glow {
  background: radial-gradient(circle, rgba(96, 181, 255, 0.06) 0%, transparent 70%);
}
.slrs-roadmap-v1__card {
  position: relative;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(22, 101, 52, 0.06);
  overflow: hidden;
  padding: 28px 22px 22px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.35s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
[data-theme=dark] .slrs-roadmap-v1__card {
  background: rgba(15, 23, 42, 0.65);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.slrs-roadmap-v1__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1.5px;
  background: linear-gradient(160deg, var(--clr-primary) 0%, var(--clr-accent) 40%, var(--clr-secondary) 70%, var(--clr-primary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.45s ease;
}
.slrs-roadmap-v1__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 4;
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__card {
    padding: var(--space-base-12);
    border-radius: 16px;
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-roadmap-v1__card {
    padding: var(--space-base-16);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-roadmap-v1__card {
    padding: var(--space-base-20);
  }
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__card::before {
    border-radius: 16px;
  }
}
.slrs-roadmap-v1__card-watermark {
  position: absolute;
  top: -8px;
  right: 10px;
  font-size: 90px;
  font-weight: var(--fw-black, 900);
  line-height: 1;
  background: linear-gradient(180deg, var(--clr-primary-op-6) 0%, transparent 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  pointer-events: none;
  z-index: 0;
  user-select: none;
  opacity: 1;
  transition: opacity 0.4s ease;
}
[data-theme=dark] .slrs-roadmap-v1__card-watermark {
  background: linear-gradient(180deg, rgba(96, 181, 255, 0.04) 0%, transparent 75%);
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__card-watermark {
    font-size: 56px;
    top: -4px;
    right: 8px;
  }
}
.slrs-roadmap-v1__card-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: linear-gradient(145deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-roadmap-v1__card-icon {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-roadmap-v1__card-icon {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-roadmap-v1__card-icon {
  box-shadow: 0 4px 16px var(--clr-primary-op-25);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
  position: relative;
  z-index: 2;
}
[data-theme=dark] .slrs-roadmap-v1__card-icon {
  background: linear-gradient(145deg, #4ADE80, #3d8bce);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 4px 20px rgba(96, 181, 255, 0.3);
}
@media (max-width: 47.9175em) {
  .slrs-roadmap-v1__card-icon {
    width: 42px;
    height: 42px;
    font-size: 17px;
    border-radius: 12px;
    margin-bottom: var(--space-base-8);
  }
}
@media (max-width: 47.9175em) and (min-width: 48em) {
  .slrs-roadmap-v1__card-icon {
    margin-bottom: var(--space-base-12);
  }
}
@media (max-width: 47.9175em) and (min-width: 75em) {
  .slrs-roadmap-v1__card-icon {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-roadmap-v1__card-title {
  font-size: 17px;
  font-weight: var(--fw-bold);
  color: var(--clr-neutral-900);
  margin-bottom: 8px;
  line-height: 1.35;
  position: relative;
  z-index: 2;
  letter-spacing: -0.01em;
}
[data-theme=dark] .slrs-roadmap-v1__card-title {
  color: var(--clr-white);
}
.slrs-roadmap-v1__card-text {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--clr-neutral-600);
  margin: 0 0 var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-roadmap-v1__card-text {
    margin: 0 0 var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-roadmap-v1__card-text {
    margin: 0 0 var(--space-base-16);
  }
}
.slrs-roadmap-v1__card-text {
  position: relative;
  z-index: 2;
}
[data-theme=dark] .slrs-roadmap-v1__card-text {
  color: var(--clr-neutral-400);
}
.slrs-roadmap-v1__card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.slrs-roadmap-v1__card-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: var(--fw-semibold);
  background: var(--clr-primary-op-5);
  color: var(--clr-primary);
  border: 1px solid var(--clr-primary-op-10);
  transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
[data-theme=dark] .slrs-roadmap-v1__card-meta span {
  background: rgba(96, 181, 255, 0.08);
  color: #4ADE80;
  border-color: rgba(96, 181, 255, 0.15);
}
.slrs-roadmap-v1__card-meta span i {
  font-size: 9px;
}
.slrs-roadmap-v1__card-meta span:hover {
  transform: scale(1.05) translateZ(0);
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-25);
  box-shadow: 0 3px 10px var(--clr-primary-op-8);
}
[data-theme=dark] .slrs-roadmap-v1__card-meta span:hover {
  background: rgba(96, 181, 255, 0.15);
  border-color: rgba(96, 181, 255, 0.3);
}

@keyframes slrs-v1-energy-dot {
  0% {
    left: -4px;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    left: calc(100% - 4px);
    opacity: 0;
  }
}
@keyframes slrs-v1-ring-pulse {
  0% {
    transform: scale(0.96);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.12);
    opacity: 0.15;
  }
  100% {
    transform: scale(0.96);
    opacity: 0.6;
  }
}
@keyframes slrs-connector-flow-road {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -200% 0%;
  }
}
@keyframes slrs-roadmap-ring-pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.2;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
}
@media (max-width: 991.98px) {
  .slrs-roadmap-v1 .slrs-roadmap-v1__card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--clr-surface-void) !important;
  }
  [data-theme=dark] .slrs-roadmap-v1 .slrs-roadmap-v1__card {
    background: rgba(15, 23, 42, 0.85) !important;
  }
  .slrs-roadmap-v1 .slrs-roadmap-v1__step:hover .slrs-roadmap-v1__card {
    transform: none !important;
  }
}
/*=======================================================================
  ROADMAP STYLE 2 — Homepage 2 (Asymmetric Glow Deck)
=======================================================================*/
.slrs-roadmap-v2 {
  background: var(--clr-bg-alt);
}
[data-theme=dark] .slrs-roadmap-v2 {
  background: var(--clr-bg-dark);
}
.slrs-roadmap-v2__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px 32px;
  border-radius: 32px 8px 32px 32px;
  background: var(--clr-white);
  border: 1px solid var(--clr-glass-op-10);
  box-shadow: 0 10px 40px var(--clr-smoke-op-3), inset 0 1px 0 var(--clr-glass-op-60);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease, border-color 0.4s ease, background-color 0.4s ease;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-roadmap-v2__card {
  background: var(--clr-glass-op-5);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 var(--clr-glass-op-5);
}
.slrs-roadmap-v2__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px 8px 32px 32px;
  padding: 1.5px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.slrs-roadmap-v2__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, var(--clr-glass-op-5) 20%, var(--clr-glass-op-20) 40%, var(--clr-glass-op-40) 50%, var(--clr-glass-op-20) 60%, var(--clr-glass-op-5) 80%, transparent 100%);
  transform: skewX(-25deg);
  transition: none;
  pointer-events: none;
  z-index: 2;
  opacity: 0.75;
}
.slrs-roadmap-v2__card:hover {
  transform: translateY(-8px);
  border-color: var(--clr-primary-op-35);
  box-shadow: 0 30px 60px var(--clr-primary-op-15), inset 0 1px 0 var(--clr-glass-op-90);
}
.slrs-roadmap-v2__card:hover::before {
  opacity: 1;
}
.slrs-roadmap-v2__card:hover::after {
  left: 150%;
  transition: left 0.85s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme=dark] .slrs-roadmap-v2__card:hover {
  border-color: var(--clr-primary-op-45);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55), 0 0 35px var(--clr-primary-op-20), inset 0 1px 0 var(--clr-glass-op-10);
}
.slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-icon-box {
  transform: scale(1.1) rotate(6deg);
  box-shadow: 0 0 20px var(--clr-primary-op-40);
}
.slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-icon-box::after {
  border-color: var(--clr-primary-op-40);
  opacity: 0.6;
  animation: slrs-icon-orbit-spin-road 5s linear infinite;
}
.slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-step-num {
  transform: scale(1.15) translateY(-3px);
  opacity: 0.25;
}
[data-theme=dark] .slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-step-num {
  opacity: 0.12;
}
.slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-line {
  transform: scaleX(1);
}
.slrs-roadmap-v2__card-badge-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 25px;
  z-index: 2;
}
.slrs-roadmap-v2__card-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid transparent;
  color: var(--clr-white);
  font-size: 24px;
  box-shadow: 0 6px 20px var(--clr-primary-op-30);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  position: relative;
}
.slrs-roadmap-v2__card-icon-box::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 24px;
  border: 1.5px dashed var(--clr-primary-op-25);
  transition: transform 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
  pointer-events: none;
}
.slrs-roadmap-v2__card-icon-box--accent {
  background: linear-gradient(135deg, var(--clr-secondary), #eab308);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 6px 20px rgba(234, 179, 8, 0.25);
}
.slrs-roadmap-v2__card-icon-box--accent::after {
  border-color: rgba(234, 179, 8, 0.25);
}
.slrs-roadmap-v2__card-icon-box--success {
  background: linear-gradient(135deg, #22c55e, #10b981);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.25);
}
.slrs-roadmap-v2__card-icon-box--success::after {
  border-color: rgba(16, 185, 129, 0.25);
}
.slrs-roadmap-v2__card-step-num {
  font-size: 72px;
  font-weight: var(--fw-black);
  line-height: 1;
  color: transparent;
  background: linear-gradient(180deg, var(--clr-primary) 0%, transparent 100%);
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.15;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
  user-select: none;
  pointer-events: none;
  filter: drop-shadow(0 2px 8px var(--clr-primary-op-20));
}
[data-theme=dark] .slrs-roadmap-v2__card-step-num {
  background: linear-gradient(180deg, var(--clr-white) 0%, transparent 100%);
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.05;
  filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.03));
}
.slrs-roadmap-v2__card-content {
  position: relative;
  z-index: 2;
}
.slrs-roadmap-v2__card-title {
  font-size: 22px;
  font-weight: var(--fw-bold);
  color: var(--clr-neutral-900);
  margin-bottom: 12px;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-roadmap-v2__card-title {
  color: var(--clr-white);
}
.slrs-roadmap-v2__card:hover .slrs-roadmap-v2__card-title {
  color: var(--clr-primary);
}
.slrs-roadmap-v2__card-desc {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--clr-neutral-600);
  margin-bottom: 25px;
}
[data-theme=dark] .slrs-roadmap-v2__card-desc {
  color: var(--clr-neutral-400);
}
.slrs-roadmap-v2__card-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-15), transparent);
  width: 100%;
  margin-bottom: 20px;
  transform: scaleX(0.7);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-roadmap-v2__card-line {
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-20), transparent);
}
.slrs-roadmap-v2__card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slrs-roadmap-v2__card-duration {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-10);
  border-radius: 30px;
}
.slrs-roadmap-v2__card-status {
  font-size: 11px;
  font-weight: var(--fw-extrabold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--clr-secondary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.slrs-roadmap-v2__card-status .pulse-dot {
  width: 6px;
  height: 6px;
  background-color: var(--clr-secondary);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--clr-secondary-op-25);
}
.slrs-roadmap-v2__card-status--active {
  color: var(--clr-primary);
}
.slrs-roadmap-v2__card-status--active .pulse-dot {
  background-color: var(--clr-primary);
  box-shadow: 0 0 0 2px var(--clr-primary-op-25);
}
.slrs-roadmap-v2__card-status--done {
  color: var(--clr-success);
}
.slrs-roadmap-v2__card-status--done .pulse-dot {
  background-color: var(--clr-success);
  box-shadow: 0 0 0 2px var(--clr-success-op-25);
}

.slrs-roadmap-v2__grid {
  position: relative;
}
@media (min-width: 62em) {
  .slrs-roadmap-v2__grid .col-lg-4:not(:last-child) {
    position: relative;
  }
  .slrs-roadmap-v2__grid .col-lg-4:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 74px;
    left: calc(100% - 30px);
    width: 60px;
    height: 2px;
    border-top: 2px dashed var(--clr-primary-op-35);
    z-index: 0;
    pointer-events: none;
  }
  [data-theme=dark] .slrs-roadmap-v2__grid .col-lg-4:not(:last-child)::after {
    border-top-color: var(--clr-glass-op-20);
  }
  .slrs-roadmap-v2__grid .col-lg-4:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 73px;
    left: calc(100% - 30px);
    width: 8px;
    height: 4px;
    background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
    border-radius: var(--radius-full);
    box-shadow: 0 0 8px var(--clr-primary);
    z-index: 1;
    pointer-events: none;
    animation: slrs-connector-pulse-road 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
}

@keyframes slrs-icon-orbit-spin-road {
  from {
    transform: scale(1.25) rotate(0deg);
  }
  to {
    transform: scale(1.25) rotate(360deg);
  }
}
@keyframes slrs-connector-pulse-road {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  15%, 85% {
    opacity: 1;
  }
  100% {
    transform: translateX(60px);
    opacity: 0;
  }
}
@media (max-width: 991.98px) {
  .slrs-roadmap-v2 .slrs-roadmap-v2__card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
/*=======================================================================
  ROADMAP STYLE 3 — Homepage 3 (Premium "Aurora Spine" Horizontal Timeline)
  Optimized horizontal layout with animated spine flow, squircle nodes,
  premium glassmorphic cards, and hardware-accelerated transitions to 
  eliminate scroll jitter. Fully responsive collapse to vertical flow.
=======================================================================*/
.slrs-roadmap-v3 {
  position: relative;
  width: 100%;
}
.slrs-roadmap-v3__grid {
  position: relative;
  width: 100%;
  z-index: 2;
}
.slrs-roadmap-v3__spine {
  display: none;
}
@media (min-width: 992px) {
  .slrs-roadmap-v3__spine {
    display: block;
    position: absolute;
    top: 24px;
    left: 16.666%;
    right: 16.666%;
    height: 3px;
    background: var(--clr-primary-op-8);
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
  }
  [data-theme=light] .slrs-roadmap-v3__spine {
    background: rgba(22, 101, 52, 0.06);
  }
  .slrs-roadmap-v3__spine::before {
    content: "";
    position: absolute;
    inset: -4px;
    background: linear-gradient(to right, transparent 0%, var(--clr-primary-op-20) 15%, var(--clr-primary-op-8) 30%, transparent 50%, var(--clr-primary-op-8) 70%, var(--clr-primary-op-20) 85%, transparent 100%);
    filter: blur(6px);
    opacity: 0.6;
    pointer-events: none;
  }
  [data-theme=dark] .slrs-roadmap-v3__spine::before {
    background: linear-gradient(to right, transparent 0%, rgba(96, 181, 255, 0.15) 15%, rgba(96, 181, 255, 0.05) 30%, transparent 50%, rgba(96, 181, 255, 0.05) 70%, rgba(96, 181, 255, 0.15) 85%, transparent 100%);
  }
  .slrs-roadmap-v3__spine::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent, var(--clr-primary) 40%, var(--clr-accent) 60%, transparent);
    background-size: 250% 100%;
    animation: slrs-v3-spine-flow-horizontal 5s linear infinite;
    border-radius: inherit;
    opacity: 0.85;
  }
  [data-theme=dark] .slrs-roadmap-v3__spine::after {
    background: linear-gradient(to right, transparent, #4ADE80 40%, var(--clr-accent) 60%, transparent);
  }
}
.slrs-roadmap-v3__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 2;
  width: 100%;
}
.slrs-roadmap-v3__node-wrap {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
.slrs-roadmap-v3__node {
  width: 48px;
  height: 48px;
  position: relative;
  z-index: 4;
}
.slrs-roadmap-v3__node-num {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: linear-gradient(145deg, var(--clr-primary), var(--clr-primary-700));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: var(--clr-white);
  box-shadow: 0 4px 18px var(--clr-primary-op-35), 0 0 0 3px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  position: relative;
  z-index: 2;
  will-change: transform, box-shadow;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
[data-theme=dark] .slrs-roadmap-v3__node-num {
  background: linear-gradient(145deg, #4ADE80, #3d8bce);
  box-shadow: 0 4px 18px rgba(96, 181, 255, 0.35), 0 0 0 3px rgba(96, 181, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.slrs-roadmap-v3__node-ring {
  position: absolute;
  inset: -6px;
  border-radius: 19px;
  border: 2px solid var(--clr-primary-op-20);
  opacity: 0.6;
  animation: slrs-v3-node-pulse 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transition: transform 0.4s ease, border-color 0.4s ease, opacity 0.4s ease;
  will-change: transform, opacity;
}
[data-theme=dark] .slrs-roadmap-v3__node-ring {
  border-color: rgba(96, 181, 255, 0.15);
}
.slrs-roadmap-v3__connector {
  width: 2px;
  height: 32px;
  background: linear-gradient(to bottom, var(--clr-primary), transparent);
  opacity: 0.4;
  transition: opacity 0.4s ease, height 0.4s ease, background 0.4s ease;
  margin: 0 auto;
  z-index: 1;
  will-change: opacity, height, background;
}
[data-theme=dark] .slrs-roadmap-v3__connector {
  background: linear-gradient(to bottom, #4ADE80, transparent);
}
.slrs-roadmap-v3__card-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.slrs-roadmap-v3__card {
  position: relative;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(22, 101, 52, 0.06);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  will-change: transform, box-shadow, border-color;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
[data-theme=dark] .slrs-roadmap-v3__card {
  background: rgba(15, 23, 42, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.slrs-roadmap-v3__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--clr-primary), var(--clr-accent));
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
  z-index: 5;
}
[data-theme=dark] .slrs-roadmap-v3__card::before {
  background: linear-gradient(180deg, #4ADE80, var(--clr-accent));
}
.slrs-roadmap-v3__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-secondary));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
  z-index: 5;
}
[data-theme=dark] .slrs-roadmap-v3__card::after {
  background: linear-gradient(90deg, #4ADE80, var(--clr-accent), var(--clr-secondary));
}
.slrs-roadmap-v3__card-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--clr-primary-op-8);
  border: 1px solid var(--clr-primary-op-10);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  will-change: transform, background, color, border-color, box-shadow;
}
[data-theme=dark] .slrs-roadmap-v3__card-icon {
  background: rgba(96, 181, 255, 0.08);
  color: #4ADE80;
  border-color: rgba(96, 181, 255, 0.12);
}
.slrs-roadmap-v3__card-media {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.slrs-roadmap-v3__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.slrs-roadmap-v3__card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(15, 23, 42, 0.15) 60%, rgba(15, 23, 42, 0.55) 100%);
  pointer-events: none;
}
.slrs-roadmap-v3__card-body {
  padding: 22px 22px 20px;
  padding-top: 16px;
  position: relative;
  z-index: 2;
}
.slrs-roadmap-v3__card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 8px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-roadmap-v3__card-title {
  color: var(--clr-white);
}
.slrs-roadmap-v3__card-text {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--clr-text-muted);
  margin-bottom: 14px;
}
.slrs-roadmap-v3__card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.slrs-roadmap-v3__card-meta span {
  font-size: 11px;
  font-weight: 700;
  color: var(--clr-primary);
  background: var(--clr-primary-op-5);
  padding: 4px 11px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--clr-primary-op-10);
  transition: transform 0.25s ease, background 0.25s ease;
  will-change: transform;
}
[data-theme=dark] .slrs-roadmap-v3__card-meta span {
  background: rgba(96, 181, 255, 0.08);
  color: #4ADE80;
  border-color: rgba(96, 181, 255, 0.12);
}
.slrs-roadmap-v3__card-meta span i {
  font-size: 9px;
}
.slrs-roadmap-v3__card-meta span:hover {
  transform: scale(1.05) translateZ(0);
  background: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-roadmap-v3__card-meta span:hover {
  background: rgba(96, 181, 255, 0.15);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__node-num {
  transform: scale3d(1.12, 1.12, 1.12);
  box-shadow: 0 0 24px var(--clr-primary-op-50), 0 0 48px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__node-num {
  box-shadow: 0 0 24px rgba(96, 181, 255, 0.5), 0 0 48px rgba(96, 181, 255, 0.15);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__node-ring {
  transform: scale3d(1.22, 1.22, 1);
  border-color: var(--clr-primary);
  opacity: 0.85;
}
[data-theme=dark] .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__node-ring {
  border-color: #4ADE80;
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__connector {
  opacity: 0.9;
  height: 36px;
  background: linear-gradient(to bottom, var(--clr-accent), var(--clr-primary));
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card {
  transform: translate3d(0, -6px, 0);
  border-color: var(--clr-primary-op-25);
  box-shadow: 0 20px 50px var(--clr-primary-op-10), 0 0 0 1px var(--clr-primary-op-6), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
[data-theme=dark] .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card {
  border-color: rgba(96, 181, 255, 0.25);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 24px rgba(96, 181, 255, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card::before {
  transform: scaleY(1);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card::after {
  transform: scaleX(1);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card .slrs-roadmap-v3__card-icon {
  transform: scale3d(1.08, 1.08, 1.08) rotate(4deg);
  background: linear-gradient(145deg, var(--clr-primary), var(--clr-primary-700));
  color: var(--clr-white);
  border-color: transparent;
  box-shadow: 0 6px 18px var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card .slrs-roadmap-v3__card-icon {
  background: linear-gradient(145deg, #4ADE80, #3d8bce);
  box-shadow: 0 6px 18px rgba(96, 181, 255, 0.3);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card .slrs-roadmap-v3__card-media img {
  transform: scale3d(1.06, 1.06, 1);
}
.slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card .slrs-roadmap-v3__card-title {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card .slrs-roadmap-v3__card-title {
  color: #4ADE80;
}

@media (max-width: 991.98px) {
  .slrs-roadmap-v3__grid {
    padding-left: 20px;
    position: relative;
  }
  .slrs-roadmap-v3__spine {
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 44px;
    width: 3px;
    height: auto;
    background: var(--clr-primary-op-8);
    z-index: 1;
    pointer-events: none;
    transform: translateX(-50%);
  }
  [data-theme=light] .slrs-roadmap-v3__spine {
    background: rgba(22, 101, 52, 0.06);
  }
  .slrs-roadmap-v3__spine::before {
    inset: -3px;
    background: linear-gradient(to bottom, transparent 0%, var(--clr-primary-op-20) 15%, var(--clr-primary-op-8) 30%, transparent 50%, var(--clr-primary-op-8) 70%, var(--clr-primary-op-20) 85%, transparent 100%);
  }
  .slrs-roadmap-v3__spine::after {
    background: linear-gradient(to bottom, transparent, var(--clr-primary) 40%, var(--clr-accent) 60%, transparent);
    background-size: 100% 250%;
    animation: slrs-v3-spine-flow-vertical 5s linear infinite;
  }
  .slrs-roadmap-v3__step {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 20px;
    margin-bottom: 30px;
  }
  .slrs-roadmap-v3__step:last-child {
    margin-bottom: 0;
  }
  .slrs-roadmap-v3__node-wrap {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-top: 10px;
  }
  .slrs-roadmap-v3__connector {
    display: none !important;
  }
  .slrs-roadmap-v3__card-wrap {
    width: calc(100% - 68px);
    justify-content: flex-start;
  }
  .slrs-roadmap-v3__card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--clr-surface-void) !important;
  }
  [data-theme=dark] .slrs-roadmap-v3__card {
    background: rgba(15, 23, 42, 0.85) !important;
  }
  .slrs-roadmap-v3__step:hover .slrs-roadmap-v3__card {
    transform: none !important;
  }
}
@keyframes slrs-v3-spine-flow-horizontal {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -250% 0%;
  }
}
@keyframes slrs-v3-spine-flow-vertical {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% -250%;
  }
}
@keyframes slrs-v3-node-pulse {
  0% {
    transform: scale3d(0.96, 0.96, 1);
    opacity: 0.65;
  }
  50% {
    transform: scale3d(1.18, 1.18, 1);
    opacity: 0.1;
  }
  100% {
    transform: scale3d(0.96, 0.96, 1);
    opacity: 0.65;
  }
}
@keyframes slrs-ft-border-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes slrs-ft-pulse-dot {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}
@keyframes slrs-ft-clock-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.slrs-ft {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #01050e;
  background: linear-gradient(180deg, #030a16 0%, #01050e 50%, #000104 100%);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
}
.slrs-ft::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -15%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(var(--clr-accent-rgb)/0.05) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
[data-theme=dark] .slrs-ft {
  background: linear-gradient(180deg, #02060c 0%, #010306 50%, #000002 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-ft a {
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft a:hover, .slrs-ft a:focus {
  text-decoration: none !important;
}
.slrs-ft__accent-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 10;
  background: linear-gradient(90deg, transparent 0%, var(--clr-accent) 15%, var(--clr-primary) 50%, var(--clr-accent) 85%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0.95;
  box-shadow: 0 1px 15px rgba(var(--clr-accent-rgb)/0.25);
}
@media (min-width: 992px) {
  .slrs-ft__accent-border {
    background-size: 200% auto;
    animation: slrs-ft-border-shift 8s linear infinite;
  }
}
.slrs-ft__accent-border::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
.slrs-ft__shapes {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  background: radial-gradient(circle at 85% 85%, rgba(var(--clr-accent-rgb)/0.05) 0%, transparent 60%);
}
.slrs-ft__shapes::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to bottom, black, transparent);
  -webkit-mask-image: linear-gradient(to bottom, black, transparent);
}
.slrs-ft__shapes::after {
  content: "";
  position: absolute;
  bottom: -15%;
  left: -15%;
  width: 650px;
  height: 650px;
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb)/0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.slrs-ft__trust-bar {
  position: relative;
  z-index: 3;
  padding: var(--space-base-24) 0;
}
@media (min-width: 48em) {
  .slrs-ft__trust-bar {
    padding: var(--space-base-36) 0;
  }
}
@media (min-width: 75em) {
  .slrs-ft__trust-bar {
    padding: var(--space-base-56) 0;
  }
}
.slrs-ft__trust-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.slrs-ft__trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__trust-grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__trust-grid {
    gap: var(--space-base-28);
  }
}
@media (max-width: 61.98em) {
  .slrs-ft__trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-base-12);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-ft__trust-grid {
    gap: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-ft__trust-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-ft__trust-grid {
    grid-template-columns: 1fr;
  }
}
.slrs-ft__trust-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-ft__trust-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-ft__trust-item {
    gap: var(--space-base-20);
  }
}
.slrs-ft__trust-item {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__trust-item {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__trust-item {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-ft__trust-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.002) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-2xl, 20px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 8px 25px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: default;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-ft__trust-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2.5px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full);
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__trust-item:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(var(--clr-primary-rgb)/0.25);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45), 0 0 25px rgba(var(--clr-primary-rgb)/0.15), inset 0 1px 1.5px rgba(255, 255, 255, 0.12);
}
.slrs-ft__trust-item:hover::after {
  width: 80%;
  left: 10%;
}
@media (max-width: 35.98em) {
  .slrs-ft__trust-item:hover {
    transform: translateY(-3px);
  }
}
.slrs-ft__trust-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.15) 0%, transparent 100%);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid rgba(var(--clr-primary-rgb)/0.2);
  border-radius: 50%;
  color: var(--clr-accent);
  font-size: 1.25rem;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-ft__trust-item:hover .slrs-ft__trust-icon {
  transform: scale(1.1) rotate(360deg);
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-primary) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  color: var(--clr-neutral-900);
  box-shadow: 0 0 15px rgba(var(--clr-accent-rgb)/0.45);
}
.slrs-ft__trust-data {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.slrs-ft__trust-number {
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  font-weight: var(--fw-black, 900);
  letter-spacing: -0.01em;
  line-height: 1.1;
  background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  display: inline-block;
}
.slrs-ft__trust-item:hover .slrs-ft__trust-number {
  background: linear-gradient(135deg, #ffffff 0%, var(--clr-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transform: scale(1.03);
}
.slrs-ft__trust-label {
  font-size: var(--ffs-2xs, 0.75rem);
  color: rgba(255, 255, 255, 0.45);
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.3s ease;
}
.slrs-ft__trust-item:hover .slrs-ft__trust-label {
  color: rgba(255, 255, 255, 0.75);
}
.slrs-ft__trust-divider {
  display: none;
}
.slrs-ft__action-hub {
  position: relative;
  z-index: 2;
  padding: var(--space-base-32) 0;
}
@media (min-width: 48em) {
  .slrs-ft__action-hub {
    padding: var(--space-base-48) 0;
  }
}
@media (min-width: 75em) {
  .slrs-ft__action-hub {
    padding: var(--space-base-72) 0;
  }
}
.slrs-ft__action-hub {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-ft__action-hub {
  border-bottom-color: rgba(255, 255, 255, 0.03);
}
.slrs-ft__action-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__action-card {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__action-card {
    gap: var(--space-base-28);
  }
}
.slrs-ft__action-card {
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-ft__action-card {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-ft__action-card {
    padding: var(--space-base-40);
  }
}
.slrs-ft__action-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.005) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-2xl, 20px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-ft__action-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 3px;
  background: linear-gradient(180deg, var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
  opacity: 0;
  transform: scaleY(0);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__action-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--clr-accent-rgb)/0.25);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.06);
}
.slrs-ft__action-card:hover::before {
  opacity: 1;
  transform: scaleY(1);
}
@media (max-width: 35.98em) {
  .slrs-ft__action-card {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-12);
    padding: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-ft__action-card {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-ft__action-card {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-ft__action-card {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-ft__action-card {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-ft__action-card::before {
    display: none;
  }
  .slrs-ft__action-card:hover {
    transform: translateY(-3px);
  }
}
.slrs-ft__action-card--newsletter {
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.03) 0%, rgba(var(--clr-primary-rgb)/0.005) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-color: rgba(var(--clr-primary-rgb)/0.15);
}
.slrs-ft__action-card--newsletter:hover {
  border-color: rgba(var(--clr-accent-rgb)/0.25);
}
@media (max-width: 35.98em) {
  .slrs-ft__action-card--newsletter .slrs-ft__action-info {
    width: 100%;
  }
}
.slrs-ft__action-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-full);
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.85rem;
  margin-left: auto;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-ft__action-card:hover .slrs-ft__action-arrow {
  color: var(--clr-neutral-900);
  background: var(--clr-accent);
  border-color: transparent;
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(var(--clr-accent-rgb)/0.3);
}
@media (max-width: 35.98em) {
  .slrs-ft__action-arrow {
    display: none;
  }
}
.slrs-ft__action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  min-width: 54px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-xl, 16px);
  color: var(--clr-accent);
  font-size: 1.4rem;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-ft__action-card:hover .slrs-ft__action-icon {
  transform: scale(1.08);
  background: var(--clr-accent);
  color: var(--clr-neutral-900);
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(var(--clr-accent-rgb)/0.3);
}
.slrs-ft__action-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-ft__action-info {
    gap: var(--space-base-6);
  }
}
.slrs-ft__action-info {
  flex: 1;
  min-width: 0;
}
.slrs-ft__action-label {
  font-size: var(--ffs-2xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.45);
}
.slrs-ft__action-link {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
}
.slrs-ft__action-link:hover {
  color: var(--clr-accent);
}
.slrs-ft__action-sub {
  font-size: var(--ffs-xs);
  color: rgba(255, 255, 255, 0.5);
}
.slrs-ft__action-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__action-btn {
    gap: var(--space-base-10);
  }
}
.slrs-ft__action-btn {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-accent);
  margin-top: 2px;
}
.slrs-ft__action-btn i {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__action-btn:hover {
  color: var(--clr-white);
}
.slrs-ft__action-btn:hover i {
  transform: translateX(4px);
}
.slrs-ft__newsletter-form {
  margin-top: 4px;
  width: 100%;
}
.slrs-ft__newsletter-input-group {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg, 12px);
  padding: 3px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-ft__newsletter-input-group:focus-within {
  border-color: var(--clr-accent);
  box-shadow: 0 0 10px rgba(var(--clr-accent-rgb)/0.15), inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.slrs-ft__newsletter-input-group input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: var(--space-base-6) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__newsletter-input-group input {
    padding: var(--space-base-6) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__newsletter-input-group input {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
.slrs-ft__newsletter-input-group input {
  color: var(--clr-white);
  font-size: var(--ffs-sm);
  min-width: 0;
}
.slrs-ft__newsletter-input-group input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.slrs-ft__newsletter-input-group button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: var(--clr-accent);
  color: var(--clr-neutral-900);
  border: none;
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
.slrs-ft__newsletter-input-group button:hover {
  transform: scale(1.05);
  opacity: 0.95;
  box-shadow: 0 4px 10px rgba(var(--clr-accent-rgb)/0.3);
}
.slrs-ft__newsletter-input-group button i {
  font-size: 0.8rem;
}
.slrs-ft__widgets {
  position: relative;
  z-index: 2;
  padding: var(--space-base-40) 0 var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-ft__widgets {
    padding: var(--space-base-64) 0 var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-ft__widgets {
    padding: var(--space-base-96) 0 var(--space-base-72);
  }
}
.slrs-ft__title {
  color: var(--clr-white);
  font-size: var(--ffs-md);
  font-weight: var(--fw-bold);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-ft__title {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-ft__title {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-ft__title {
  position: relative;
  padding-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__title {
    padding-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__title {
    padding-bottom: var(--space-base-16);
  }
}
.slrs-ft__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2.5px;
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  transform-origin: left;
}
.slrs-ft__title:hover::after {
  transform: scaleX(1.8);
}
.slrs-ft__about .slrs-ft__logo {
  display: inline-block;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__about .slrs-ft__logo {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__about .slrs-ft__logo {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-ft__about .slrs-ft__logo img {
  max-height: 38px;
  width: auto;
}
.slrs-ft__about .slrs-ft__desc {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__about .slrs-ft__desc {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__about .slrs-ft__desc {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-ft__about .slrs-ft__desc {
  max-width: 320px;
}
.slrs-ft__address {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__address {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__address {
    gap: var(--space-base-16);
  }
}
.slrs-ft__address {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-ft__address {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-ft__address {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-ft__address {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__address {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__address {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-ft__address {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.002) 100%);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-xl, 14px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.02);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-ft__address:hover {
  border-color: rgba(var(--clr-accent-rgb)/0.15);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.03);
}
.slrs-ft__address-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__address-item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__address-item {
    gap: var(--space-base-16);
  }
}
.slrs-ft__address-item {
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}
.slrs-ft__address-item i {
  color: var(--clr-accent);
  font-size: 0.85rem;
  margin-top: 3px;
  min-width: 16px;
}
.slrs-ft__address-item a {
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.2s ease;
}
.slrs-ft__address-item a:hover {
  color: var(--clr-accent);
}
.slrs-ft__social {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__social {
    gap: var(--space-base-10);
  }
}
.slrs-ft__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-full);
  color: rgba(255, 255, 255, 0.65);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}
.slrs-ft__social a i {
  font-size: var(--ffs-sm);
  z-index: 1;
  transition: color 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__social a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--clr-accent);
  transform: scale(0);
  border-radius: inherit;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__social a:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 5px 15px rgba(var(--clr-accent-rgb)/0.3);
}
.slrs-ft__social a:hover::before {
  transform: scale(1);
}
.slrs-ft__social a:hover i {
  color: var(--clr-neutral-900);
  transform: scale(1.1);
}
.slrs-ft__links {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__links {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__links {
    gap: var(--space-base-16);
  }
}
.slrs-ft__links {
  padding: 0;
  list-style: none;
  margin: 0;
}
.slrs-ft__links li a {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.65);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  position: relative;
  padding-bottom: 2px;
  transition: color 0.3s ease, padding-left 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__links li a i {
  font-size: 0.75rem;
  color: var(--clr-accent);
  margin-right: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__links li a i {
    margin-right: var(--space-base-10);
  }
}
.slrs-ft__links li a i {
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__links li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.5px;
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__links li a:hover {
  color: var(--clr-white);
  padding-left: 4px;
}
.slrs-ft__links li a:hover i {
  opacity: 1;
  transform: translateX(0);
}
.slrs-ft__links li a:hover::after {
  transform: scaleX(1);
}
.slrs-ft__info-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__info-col {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__info-col {
    gap: var(--space-base-28);
  }
}
.slrs-ft__cert-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__cert-list {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__cert-list {
    gap: var(--space-base-16);
  }
}
.slrs-ft__cert-list li {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__cert-list li {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__cert-list li {
    gap: var(--space-base-16);
  }
}
.slrs-ft__cert-list li {
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.7);
  padding: var(--space-base-6) 0;
}
@media (min-width: 75em) {
  .slrs-ft__cert-list li {
    padding: var(--space-base-8) 0;
  }
}
.slrs-ft__cert-list li {
  transition: color 0.3s ease, transform 0.3s ease;
}
.slrs-ft__cert-list li:hover {
  color: var(--clr-white);
  transform: translateX(4px);
}
.slrs-ft__cert-list li i {
  font-size: 1.15rem;
  color: var(--clr-accent);
}
.slrs-ft__hours-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__hours-badge {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__hours-badge {
    gap: var(--space-base-16);
  }
}
.slrs-ft__hours-badge {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-ft__hours-badge {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-ft__hours-badge {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-ft__hours-badge {
  background: rgba(var(--clr-accent-rgb)/0.03);
  border: 1px solid rgba(var(--clr-accent-rgb)/0.12);
  border-radius: var(--radius-xl, 12px);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-accent);
  align-self: start;
  box-shadow: inset 0 1px 1px rgba(var(--clr-accent-rgb)/0.05);
}
.slrs-ft__hours-badge::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
  margin-left: 6px;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: slrs-ft-pulse-dot 2s infinite;
}
.slrs-ft__hours-badge i {
  color: var(--clr-accent);
  animation: slrs-ft-clock-blink 2s ease-in-out infinite;
}
.slrs-ft__map-wrap {
  position: relative;
  border-radius: var(--radius-xl, 14px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__map-wrap {
    margin-top: var(--space-base-10);
  }
}
.slrs-ft__map-wrap {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.03);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-ft__map-wrap iframe {
  display: block;
  width: 100%;
  height: 140px;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  filter: grayscale(1) invert(0.95) contrast(1.35) brightness(0.6);
  transition: filter 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-ft__map-wrap:hover {
  border-color: rgba(var(--clr-accent-rgb)/0.25);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.06);
}
.slrs-ft__map-wrap:hover iframe {
  filter: grayscale(0.25) brightness(0.85) contrast(1.1);
}
.slrs-ft__map-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slrs-ft__map-wrap:hover .slrs-ft__map-overlay {
  opacity: 1;
}
.slrs-ft__map-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__map-link {
    gap: var(--space-base-10);
  }
}
.slrs-ft__map-link {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-ft__map-link {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-ft__map-link {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-ft__map-link {
  background: var(--clr-accent);
  color: var(--clr-neutral-900) !important;
  border-radius: var(--radius-lg, 10px);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  transition: transform 0.2s ease;
}
.slrs-ft__map-link:hover {
  transform: scale(1.05);
  color: var(--clr-neutral-900) !important;
}
.slrs-ft__bottom {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-ft__bottom {
    padding: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-ft__bottom {
    padding: var(--space-base-28) 0;
  }
}
.slrs-ft__bottom {
  background: rgba(0, 0, 0, 0.25);
}
[data-theme=dark] .slrs-ft__bottom {
  background: rgba(0, 0, 0, 0.4);
  border-top-color: rgba(255, 255, 255, 0.03);
}
.slrs-ft__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-ft__bottom-inner {
    padding: 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-ft__bottom-inner {
    padding: 0 var(--space-base-20);
  }
}
.slrs-ft__bottom-inner {
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-ft__bottom-inner {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-ft__bottom-inner {
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) {
  .slrs-ft__bottom-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-base-8);
    text-align: center;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-ft__bottom-inner {
    gap: var(--space-base-12);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-ft__bottom-inner {
    gap: var(--space-base-16);
  }
}
.slrs-ft__copy {
  margin: 0;
  font-size: var(--ffs-xs);
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
}
.slrs-ft__copy a {
  color: var(--clr-accent);
  font-weight: var(--fw-semibold);
}
.slrs-ft__copy a:hover {
  text-decoration: underline !important;
}
.slrs-ft__bottom-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 61.98em) {
  .slrs-ft__bottom-center {
    order: 3;
    width: 100%;
    margin-top: var(--space-base-6);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-ft__bottom-center {
    margin-top: var(--space-base-8);
  }
}
.slrs-ft__payment {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-ft__payment {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-ft__payment {
    gap: var(--space-base-16);
  }
}
.slrs-ft__payment-label {
  font-size: var(--ffs-2xs);
  color: rgba(255, 255, 255, 0.35);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.slrs-ft__payment-icons {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-ft__payment-icons {
    gap: var(--space-base-10);
  }
}
.slrs-ft__payment-icons i {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
  transition: color 0.2s ease, transform 0.2s ease;
}
.slrs-ft__payment-icons i:hover {
  color: rgba(255, 255, 255, 0.7);
  transform: translateY(-2px);
}
.slrs-ft__legal {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-ft__legal {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-ft__legal {
    gap: var(--space-base-28);
  }
}
.slrs-ft__legal {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 35.98em) {
  .slrs-ft__legal {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-ft__legal {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-ft__legal {
    gap: var(--space-base-20);
  }
}
.slrs-ft__legal li {
  position: relative;
}
.slrs-ft__legal li + li::before {
  content: "·";
  position: absolute;
  left: calc(var(--space-base-20) * -0.5 - 2px);
  color: rgba(255, 255, 255, 0.2);
  font-size: 1rem;
}
@media (max-width: 35.98em) {
  .slrs-ft__legal li + li::before {
    left: calc(var(--space-base-16) * -0.5 - 2px);
  }
}
.slrs-ft__legal li a {
  font-size: var(--ffs-xs);
  color: rgba(255, 255, 255, 0.45);
}
.slrs-ft__legal li a:hover {
  color: var(--clr-accent);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-ft__action-card,
  .slrs-ft__action-card::before,
  .slrs-ft__action-icon,
  .slrs-ft__action-arrow,
  .slrs-ft__social a,
  .slrs-ft__social a i,
  .slrs-ft__links li a::after,
  .slrs-ft__hours-badge i,
  .slrs-ft__trust-icon,
  .slrs-ft__payment-icons i,
  .slrs-ft__map-wrap iframe {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
/* =======================================================================
  41. PRICING PACKAGES & CARDS
========================================================================= */
@keyframes ambientShimmer {
  0% {
    background-position: 250% 0;
  }
  35% {
    background-position: -150% 0;
  }
  100% {
    background-position: -150% 0;
  }
}
.pricing-area {
  position: relative;
  z-index: 1;
  --card-shadow: 0 10px 40px -15px var(--clr-smoke-op-4), 0 1px 3px var(--clr-smoke-op-1);
  --card-shadow-hover: 0 30px 60px -12px var(--clr-smoke-op-10), 0 0 25px var(--clr-primary-op-8);
  --card-shadow-featured: 0 25px 55px -12px var(--clr-primary-op-20), 0 0 35px rgba(var(--clr-primary-rgb) / 0.12);
  --transition-base: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  --hover-lift: -8px;
}
.pricing-area .universal-tab-content-wrapper {
  overflow: visible;
}
.pricing-area .universal-tabs-container {
  margin-bottom: 50px;
}
.pricing-area .universal-tabs-nav-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.pricing-area .universal-tabs-nav {
  display: inline-flex;
  background: rgba(var(--clr-primary-rgb)/0.04);
  padding: 5px;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  gap: 4px;
  background-image: linear-gradient(rgba(241, 245, 249, 0.8), rgba(241, 245, 249, 0.8)), linear-gradient(135deg, var(--clr-primary-op-15) 0%, var(--clr-accent-op-10) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02), 0 10px 30px -10px var(--clr-primary-op-5);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .pricing-area .universal-tabs-nav {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
[data-theme=dark] .pricing-area .universal-tabs-nav {
  background: rgba(15, 23, 42, 0.45);
  background-image: linear-gradient(rgba(15, 23, 42, 0.65), rgba(15, 23, 42, 0.65)), linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 15px 35px -10px rgba(0, 0, 0, 0.3);
}
.pricing-area .universal-tab-btn {
  border: none;
  outline: none;
  background: transparent;
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 700;
  color: var(--clr-text-muted);
  border-radius: 100px;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s ease;
  z-index: 2;
  will-change: color, transform;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pricing-area .universal-tab-btn:hover {
  color: var(--clr-primary);
  transform: scale(1.02);
}
[data-theme=dark] .pricing-area .universal-tab-btn:hover {
  color: var(--clr-white);
}
.pricing-area .universal-tab-btn.active {
  color: var(--clr-white) !important;
}
[data-theme=dark] .pricing-area .universal-tab-btn.active {
  color: #0f172a !important;
}
[data-theme=dark] .pricing-area .universal-tab-btn {
  color: rgba(255, 255, 255, 0.6);
}
.pricing-area .universal-tab-btn .discount-badge {
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-secondary));
  color: var(--clr-white);
  padding: 3px 10px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 10px rgba(238, 115, 37, 0.3);
  animation: badgeBreathing 2.5s infinite ease-in-out;
  letter-spacing: 0.05em;
  margin-left: 2px;
  display: inline-block;
  pointer-events: none;
}
[data-theme=dark] .pricing-area .universal-tab-btn .discount-badge {
  background: linear-gradient(135deg, var(--clr-accent), #fbbf24);
  color: #0f172a;
  font-weight: 800;
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);
}
.pricing-area .universal-tab-indicator {
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  border-radius: 100px;
  box-shadow: 0 4px 15px var(--clr-primary-op-30);
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  will-change: transform, width;
}
[data-theme=dark] .pricing-area .universal-tab-indicator {
  background: var(--clr-white);
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15);
}
@keyframes badgeBreathing {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: 0 4px 10px rgba(238, 115, 37, 0.3);
  }
  50% {
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 6px 15px rgba(238, 115, 37, 0.45);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 4px 10px rgba(238, 115, 37, 0.3);
  }
}

.pricing-item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 48px 38px;
  border-radius: 24px;
  box-shadow: var(--card-shadow);
  background-image: linear-gradient(var(--clr-glass-op-68), var(--clr-glass-op-68)), linear-gradient(135deg, var(--clr-primary-op-8), var(--clr-primary-op-2));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .pricing-item {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.pricing-item {
  --card-hover-border: linear-gradient(135deg, var(--clr-primary) 0%, #4ade80 100%);
  --card-shadow-hover-color: rgba(var(--clr-primary-rgb) / 0.18);
  --card-shadow-hover-accent: rgba(74, 222, 128, 0.1);
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(22, 101, 52, 0.02) 40%, rgba(74, 222, 128, 0.15) 50%, rgba(22, 101, 52, 0.02) 60%, transparent 70%);
}
[data-theme=dark] .pricing-item {
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(74, 222, 128, 0.05) 40%, rgba(74, 222, 128, 0.22) 50%, rgba(74, 222, 128, 0.05) 60%, transparent 70%);
}
.pricing-item:has(.pricing-floating-badge--premium) {
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(109, 40, 217, 0.03) 40%, rgba(139, 92, 246, 0.15) 50%, rgba(251, 191, 36, 0.15) 55%, rgba(109, 40, 217, 0.03) 60%, transparent 70%);
  --card-hover-border: linear-gradient(135deg, #6d28d9 0%, #fbbf24 100%);
  --card-shadow-hover-color: rgba(109, 40, 217, 0.18);
  --card-shadow-hover-accent: rgba(251, 191, 36, 0.1);
}
[data-theme=dark] .pricing-item:has(.pricing-floating-badge--premium) {
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(109, 40, 217, 0.05) 40%, rgba(251, 191, 36, 0.22) 50%, rgba(139, 92, 246, 0.05) 60%, transparent 70%);
}
.pricing-item:has(.pricing-floating-badge--premium):hover .pricing-icon {
  background-image: linear-gradient(135deg, #6d28d9, #fbbf24) !important;
  background-clip: border-box !important;
  box-shadow: 0 0 0 6px rgba(109, 40, 217, 0.12), 0 8px 20px -3px rgba(109, 40, 217, 0.25) !important;
}
.pricing-item:has(.pricing-floating-badge--premium):hover .pricing-icon::after {
  border-color: rgba(109, 40, 217, 0.15) !important;
}
.pricing-item:has(.pricing-floating-badge--premium):hover .pricing-icon i {
  color: var(--clr-white) !important;
}
.pricing-item {
  transition: transform var(--transition-base), box-shadow var(--transition-base), background-image var(--transition-base);
  overflow: visible;
  z-index: 1;
  will-change: transform, box-shadow, background-image;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 61.98em) {
  .pricing-item {
    --hover-lift: 0px !important;
  }
}
.pricing-item__watermark {
  position: absolute;
  bottom: -10px;
  right: 15px;
  font-size: 140px;
  font-weight: 900;
  line-height: 1;
  font-family: var(--ff-heading, inherit);
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(var(--clr-primary-rgb)/0.04);
  opacity: 0.8;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-text-stroke-color 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
[data-theme=dark] .pricing-item__watermark {
  -webkit-text-stroke-color: var(--clr-glass-op-3);
}
.pricing-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--card-sheen);
  background-size: 250% 100%;
  background-position: 250% 0;
  pointer-events: none;
  z-index: 2;
  animation: ambientShimmer 6s infinite ease-in-out;
  opacity: 0.7;
  transition: opacity var(--transition-base);
}
[data-theme=dark] .pricing-item {
  background-image: linear-gradient(var(--clr-smoke-op-55), var(--clr-smoke-op-55)), linear-gradient(135deg, var(--clr-glass-op-8), var(--clr-glass-op-2));
}
.pricing-item:hover {
  transform: translate3d(0, var(--hover-lift), 0);
  box-shadow: 0 30px 60px -12px var(--card-shadow-hover-color), 0 0 25px var(--card-shadow-hover-accent);
  background-image: linear-gradient(var(--clr-glass-op-80), var(--clr-glass-op-80)), var(--card-hover-border);
}
[data-theme=dark] .pricing-item:hover:hover {
  background-image: linear-gradient(var(--clr-smoke-op-65), var(--clr-smoke-op-65)), var(--card-hover-border);
}
.pricing-item:hover::before {
  animation: ambientShimmer 2s infinite linear;
}
.pricing-item:hover .pricing-item__watermark {
  transform: scale3d(1.15, 1.15, 1.15) translate3d(-5px, -5px, 0);
  opacity: 1;
  -webkit-text-stroke-color: var(--clr-primary-op-8);
}
[data-theme=dark] .pricing-item:hover .pricing-item__watermark {
  -webkit-text-stroke-color: rgba(96, 181, 255, 0.08);
}
.pricing-item:hover .pricing-icon {
  transform: scale3d(1.1, 1.1, 1.1) rotate(6deg);
  box-shadow: 0 0 0 6px rgba(var(--clr-primary-rgb)/0.12), 0 8px 20px -3px var(--clr-primary-op-25);
  background-image: linear-gradient(135deg, var(--clr-primary), #4ade80) !important;
  background-clip: border-box !important;
}
.pricing-item:hover .pricing-icon i {
  color: var(--clr-white) !important;
  transform: scale3d(1.05, 1.05, 1.05);
}
.pricing-item:hover .pricing-price .amount {
  text-shadow: 0 0 15px var(--clr-primary-op-25);
}
[data-theme=dark] .pricing-item:hover .pricing-price .amount {
  text-shadow: 0 0 15px rgba(96, 181, 255, 0.4);
}
@media (max-width: 35.98em) {
  .pricing-item {
    padding: 38px 26px;
  }
}

.pricing-icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border-radius: 20px;
  position: relative;
  background-image: linear-gradient(var(--clr-primary-op-5), rgba(var(--clr-primary-rgb)/0.01)), linear-gradient(135deg, var(--clr-primary-op-15), var(--clr-primary-op-5));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
  box-shadow: 0 0 0 4px rgba(var(--clr-primary-rgb)/0.02);
  transition: transform var(--transition-bounce), box-shadow var(--transition-base), background-image var(--transition-base);
  will-change: transform, box-shadow;
}
[data-theme=dark] .pricing-icon {
  background-image: linear-gradient(var(--clr-glass-op-4), var(--clr-glass-op-1)), linear-gradient(135deg, var(--clr-glass-op-10), var(--clr-glass-op-2));
  box-shadow: 0 0 0 4px var(--clr-glass-op-1);
}
.pricing-icon::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 23px;
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  transition: border-color 0.4s ease;
  pointer-events: none;
}
[data-theme=dark] .pricing-icon::after {
  border-color: var(--clr-glass-op-4);
}
.pricing-icon i {
  font-size: 26px;
  color: var(--clr-primary);
  transition: color var(--transition-base), transform 0.3s ease;
  will-change: transform;
}
[data-theme=dark] .pricing-icon i {
  color: #4ADE80;
}

.pricing-header h4 {
  font-size: 23px;
  font-weight: 800;
  color: var(--clr-text);
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
[data-theme=dark] .pricing-header h4 {
  color: var(--clr-white);
}
.pricing-header p {
  font-size: 14.5px;
  color: var(--clr-text-muted);
  line-height: 1.55;
  margin: 0;
}
[data-theme=dark] .pricing-header p {
  color: var(--clr-glass-op-65);
}

.pricing-price {
  background: var(--clr-smoke-op-2);
  border: 1px solid var(--clr-smoke-op-4);
  border-radius: 18px;
  padding: 12px 25px;
  color: var(--clr-text);
  font-weight: 600;
  margin: 28px 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
}
[data-theme=dark] .pricing-price {
  background: var(--clr-glass-op-2);
  border-color: var(--clr-glass-op-4);
  color: var(--clr-white);
}
.pricing-price .amount {
  font-family: var(--ff-heading, inherit);
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: text-shadow var(--transition-base);
}
[data-theme=dark] .pricing-price .amount {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  -webkit-background-clip: text;
  background-clip: text;
}
.pricing-price .unit {
  font-size: 13.5px;
  color: var(--clr-text-muted);
  font-weight: 700;
}
[data-theme=dark] .pricing-price .unit {
  color: var(--clr-glass-op-55);
}

.pricing-feature {
  margin-bottom: 35px;
  flex-grow: 1;
}
.pricing-feature ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing-feature ul li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--clr-text-muted);
  font-size: 14.5px;
  line-height: 1.45;
}
[data-theme=dark] .pricing-feature ul li {
  color: var(--clr-glass-op-75);
}
.pricing-feature ul li::before, .pricing-feature ul li::after {
  content: none !important;
  display: none !important;
}
.pricing-feature ul li i {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-success), #059669);
  border-radius: 50%;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
  transition: transform var(--transition-bounce);
  will-change: transform;
}
.pricing-item:has(.pricing-floating-badge--premium) .pricing-feature ul li i {
  background: linear-gradient(135deg, #6d28d9, #8b5cf6);
  box-shadow: 0 2px 6px rgba(109, 40, 217, 0.35);
}
.pricing-feature ul li:hover i {
  transform: scale(1.2);
}
.pricing-feature ul li.disabled {
  opacity: 0.45;
}
.pricing-feature ul li.disabled i {
  background: var(--clr-smoke-op-12);
  color: var(--clr-smoke-op-35);
  box-shadow: none;
}
[data-theme=dark] .pricing-feature ul li.disabled i {
  background: var(--clr-glass-op-8);
  color: var(--clr-glass-op-30);
}
.pricing-feature ul li.disabled span {
  text-decoration: line-through;
}

.pricing-btn {
  margin-top: auto;
}
.pricing-btn .slrs-btn {
  width: 100%;
  justify-content: center;
}

.pricing-item--featured {
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(238, 115, 37, 0.05) 40%, rgba(245, 158, 11, 0.28) 50%, rgba(238, 115, 37, 0.05) 60%, transparent 70%);
  --card-hover-border: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
  --card-shadow-hover-color: rgba(238, 115, 37, 0.25);
  --card-shadow-hover-accent: rgba(245, 158, 11, 0.15);
}
[data-theme=dark] .pricing-item--featured {
  --card-sheen: linear-gradient(120deg, transparent 30%, rgba(238, 115, 37, 0.08) 40%, rgba(245, 158, 11, 0.35) 50%, rgba(238, 115, 37, 0.08) 60%, transparent 70%);
}
.pricing-item--featured {
  background-image: linear-gradient(var(--clr-smoke-op-94), var(--clr-smoke-op-94)), linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 25px 55px -12px rgba(238, 115, 37, 0.18), 0 0 35px rgba(245, 158, 11, 0.08);
  z-index: 2;
}
.pricing-item--featured:hover {
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10), 0 30px 65px -12px rgba(238, 115, 37, 0.35);
  background-image: linear-gradient(var(--clr-smoke-op-90), var(--clr-smoke-op-90)), linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
}
.pricing-item--featured:hover .pricing-icon {
  background-image: linear-gradient(135deg, var(--clr-accent), var(--clr-secondary)) !important;
  background-clip: border-box !important;
  box-shadow: 0 0 0 6px rgba(238, 115, 37, 0.12), 0 8px 20px -3px rgba(238, 115, 37, 0.25) !important;
}
.pricing-item--featured:hover .pricing-icon::after {
  border-color: rgba(238, 115, 37, 0.15) !important;
}
.pricing-item--featured:hover .pricing-icon i {
  color: var(--clr-white) !important;
}
.pricing-item--featured:hover .pricing-price .amount {
  text-shadow: 0 0 15px rgba(238, 115, 37, 0.4);
}
[data-theme=dark] .pricing-item--featured {
  background-image: linear-gradient(var(--clr-smoke-op-95), var(--clr-smoke-op-95)), linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-secondary) 100%);
  border-color: transparent;
}
.pricing-item--featured .pricing-icon {
  background-image: linear-gradient(var(--clr-glass-op-8), var(--clr-glass-op-2)), linear-gradient(135deg, var(--clr-glass-op-15), var(--clr-glass-op-5));
  box-shadow: 0 0 0 4px var(--clr-glass-op-3);
}
.pricing-item--featured .pricing-icon::after {
  border-color: var(--clr-glass-op-5);
}
.pricing-item--featured .pricing-icon i {
  color: var(--clr-accent);
}
[data-theme=dark] .pricing-item--featured .pricing-icon i {
  color: #fbbf24;
}
.pricing-item--featured .pricing-header h4 {
  color: var(--clr-white);
}
.pricing-item--featured .pricing-header p {
  color: var(--clr-glass-op-75);
}
.pricing-item--featured .pricing-price {
  background: var(--clr-glass-op-3);
  border-color: var(--clr-glass-op-5);
  color: var(--clr-white);
}
.pricing-item--featured .pricing-price .amount {
  background: none;
  -webkit-text-fill-color: var(--clr-white);
  color: var(--clr-white);
}
.pricing-item--featured .pricing-price .unit {
  color: var(--clr-glass-op-70);
}
.pricing-item--featured .pricing-feature ul li {
  color: var(--clr-glass-op-85);
}
.pricing-item--featured .pricing-feature ul li i {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-secondary));
  box-shadow: 0 2px 6px rgba(238, 115, 37, 0.3);
  color: var(--clr-white);
}
.pricing-item--featured .pricing-feature ul li.disabled {
  color: var(--clr-glass-op-40);
}
.pricing-item--featured .pricing-feature ul li.disabled i {
  background: var(--clr-glass-op-8);
  color: var(--clr-glass-op-25);
}
.pricing-item--featured .pricing-btn .slrs-btn--secondary {
  background: linear-gradient(135deg, var(--clr-accent), var(--clr-secondary));
  color: var(--clr-white);
  box-shadow: 0 4px 15px rgba(238, 115, 37, 0.25);
  border: none;
}
.pricing-item--featured .pricing-btn .slrs-btn--secondary:hover {
  background: linear-gradient(135deg, var(--clr-secondary), var(--clr-accent));
  color: var(--clr-white);
  box-shadow: 0 6px 20px rgba(238, 115, 37, 0.4);
  transform: translateY(-2px);
}
[data-theme=dark] .pricing-item--featured .pricing-btn .slrs-btn--secondary {
  color: #0f172a;
  font-weight: 800;
}
[data-theme=dark] .pricing-item--featured .pricing-btn .slrs-btn--secondary:hover {
  color: #0f172a;
}

.pricing-floating-badge {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%) skewX(-8deg);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
}
.pricing-floating-badge i {
  font-size: 11px;
  transform: skewX(8deg);
}
.pricing-floating-badge span {
  display: inline-block;
  transform: skewX(8deg);
}
.pricing-floating-badge--standard {
  background-image: linear-gradient(135deg, var(--clr-accent) 0%, #e06f00 100%);
  color: var(--clr-white);
  border: 2px solid var(--clr-glass-op-25);
  box-shadow: 0 6px 20px rgba(255, 126, 0, 0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: badgeStandardGlow 2.5s infinite alternate ease-in-out;
}
.pricing-floating-badge--standard i {
  color: var(--clr-white);
}
.pricing-floating-badge--standard::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  border: 1px solid rgba(255, 126, 0, 0.25);
  pointer-events: none;
}
.pricing-floating-badge--standard:hover {
  transform: translateX(-50%) skewX(-8deg) scale3d(1.05, 1.05, 1);
  box-shadow: 0 8px 28px rgba(255, 126, 0, 0.45);
}
.pricing-floating-badge--premium {
  background-image: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
  color: #fcd34d;
  border: 2px solid rgba(253, 224, 71, 0.35);
  box-shadow: 0 6px 22px rgba(109, 40, 217, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: badgePremiumGlow 2.5s infinite alternate ease-in-out;
}
.pricing-floating-badge--premium i {
  color: #fcd34d;
}
.pricing-floating-badge--premium::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  border: 1px solid rgba(109, 40, 217, 0.25);
  pointer-events: none;
}
.pricing-floating-badge--premium:hover {
  transform: translateX(-50%) skewX(-8deg) scale3d(1.05, 1.05, 1);
  box-shadow: 0 8px 30px rgba(109, 40, 217, 0.5);
}

@keyframes badgeStandardGlow {
  0% {
    box-shadow: 0 4px 12px rgba(238, 115, 37, 0.25);
  }
  100% {
    box-shadow: 0 6px 25px rgba(238, 115, 37, 0.6);
  }
}
@keyframes badgePremiumGlow {
  0% {
    box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3);
  }
  100% {
    box-shadow: 0 6px 25px rgba(109, 40, 217, 0.65);
  }
}
.pricing-divider {
  border: none;
  outline: none;
  height: 1px;
  margin: 25px 0;
  background: linear-gradient(90deg, transparent, var(--clr-smoke-op-5), transparent);
  position: relative;
}
.pricing-divider::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--clr-primary);
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
}
.pricing-item--featured .pricing-divider {
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-12), transparent);
}
.pricing-item--featured .pricing-divider::before {
  background: var(--clr-accent);
  box-shadow: 0 0 0 3px rgba(255, 126, 0, 0.25);
}
.pricing-item:has(.pricing-floating-badge--premium) .pricing-divider::before {
  background: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25);
}
[data-theme=dark] .pricing-divider {
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-6), transparent);
}

.pricing-guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 15px;
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-text-muted);
}
.pricing-guarantee i {
  color: var(--clr-success);
  font-size: 13.5px;
}
.pricing-item--featured .pricing-guarantee {
  color: var(--clr-glass-op-75);
}
.pricing-item--featured .pricing-guarantee i {
  color: var(--clr-accent);
}
.pricing-item:has(.pricing-floating-badge--premium) .pricing-guarantee i {
  color: #fbbf24;
}
[data-theme=dark] .pricing-guarantee {
  color: var(--clr-glass-op-60);
}

.pricing-trust-bar {
  margin-top: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  padding: 35px 45px;
  border-radius: 24px;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(var(--clr-glass-op-75), var(--clr-glass-op-75)), linear-gradient(135deg, var(--clr-primary-op-10) 0%, var(--clr-accent-op-5) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 20px 45px -20px var(--clr-smoke-op-5), inset 0 1px 2px var(--clr-glass-op-80);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .pricing-trust-bar {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
[data-theme=dark] .pricing-trust-bar {
  background-image: linear-gradient(var(--clr-smoke-op-65), var(--clr-smoke-op-65)), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
  box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.4), inset 0 1px 0px rgba(255, 255, 255, 0.05);
}
@media (max-width: 61.98em) {
  .pricing-trust-bar {
    padding: 30px;
    justify-content: center;
  }
}
.pricing-trust-bar .trust-item {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 200px;
  min-width: 220px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.pricing-trust-bar .trust-item:hover {
  transform: translate3d(0, -5px, 0) scale(1.02);
}
.pricing-trust-bar .trust-item:hover .trust-icon-box {
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-accent)), linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-color: transparent;
  box-shadow: 0 8px 24px var(--clr-primary-op-25);
}
[data-theme=dark] .pricing-trust-bar .trust-item:hover .trust-icon-box {
  background-image: linear-gradient(135deg, #4ADE80, var(--clr-accent)), linear-gradient(135deg, #4ADE80, var(--clr-accent));
  box-shadow: 0 8px 24px rgba(96, 181, 255, 0.25);
}
.pricing-trust-bar .trust-item:hover .trust-icon-box i {
  color: var(--clr-white);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pricing-trust-bar .trust-item:hover .trust-icon-box .orbit-ring {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(180deg);
}
.pricing-trust-bar .trust-item:hover .trust-content h5 {
  color: var(--clr-primary);
}
[data-theme=dark] .pricing-trust-bar .trust-item:hover .trust-content h5 {
  color: #4ADE80;
}
.pricing-trust-bar .trust-icon-box {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-image: linear-gradient(var(--clr-primary-op-5), var(--clr-primary-op-5)), linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-10));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-image 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, background-image, border-color, box-shadow;
}
[data-theme=dark] .pricing-trust-bar .trust-icon-box {
  background-image: linear-gradient(var(--clr-glass-op-3), var(--clr-glass-op-3)), linear-gradient(135deg, var(--clr-glass-op-8), var(--clr-glass-op-8));
}
.pricing-trust-bar .trust-icon-box i {
  font-size: 18px;
  color: var(--clr-primary);
  transition: color 0.4s ease, transform 0.4s ease;
  will-change: transform;
}
[data-theme=dark] .pricing-trust-bar .trust-icon-box i {
  color: #4ADE80;
}
.pricing-trust-bar .trust-icon-box .orbit-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  transform: translate(-50%, -50%) rotate(0deg);
  border: 1px dashed var(--clr-accent);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
[data-theme=dark] .pricing-trust-bar .trust-icon-box .orbit-ring {
  border-color: #4ADE80;
}
.pricing-trust-bar .trust-content h5 {
  font-size: 15px;
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 3px 0;
  letter-spacing: -0.01em;
  transition: color 0.3s ease;
}
[data-theme=dark] .pricing-trust-bar .trust-content h5 {
  color: var(--clr-white);
}
.pricing-trust-bar .trust-content p {
  font-size: 12.5px;
  color: var(--clr-text-muted);
  margin: 0;
  line-height: 1.4;
}
[data-theme=dark] .pricing-trust-bar .trust-content p {
  color: var(--clr-glass-op-55);
}
.pricing-trust-bar .trust-divider {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, transparent, var(--clr-primary-op-15) 50%, transparent);
  flex-shrink: 0;
}
[data-theme=dark] .pricing-trust-bar .trust-divider {
  background: linear-gradient(to bottom, transparent, var(--clr-glass-op-10) 50%, transparent);
}
@media (max-width: 74.98em) {
  .pricing-trust-bar .trust-divider {
    display: none;
  }
}

.pricing-note {
  margin-top: 35px;
  padding: 30px 35px;
  border-radius: 20px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-image: linear-gradient(var(--clr-glass-op-80), var(--clr-glass-op-80)), linear-gradient(135deg, var(--clr-primary-op-8) 0%, rgba(var(--clr-accent-rgb)/0.02) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 15px 35px -15px var(--clr-smoke-op-3);
}
.pricing-note::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--clr-accent), var(--clr-secondary));
}
[data-theme=dark] .pricing-note {
  background-image: linear-gradient(var(--clr-smoke-op-65), var(--clr-smoke-op-65)), linear-gradient(135deg, var(--clr-glass-op-6) 0%, var(--clr-glass-op-1) 100%);
  box-shadow: 0 20px 40px -15px var(--clr-smoke-op-25);
}
[data-theme=dark] .pricing-note::after {
  background: linear-gradient(to bottom, var(--clr-accent), var(--clr-secondary));
}
@media (max-width: 47.98em) {
  .pricing-note {
    flex-direction: column;
    padding: 25px;
    gap: 16px;
  }
}
.pricing-note .note-icon-capsule {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--clr-accent-op-6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}
[data-theme=dark] .pricing-note .note-icon-capsule {
  background: rgba(238, 115, 37, 0.08);
}
.pricing-note .note-icon-capsule i {
  font-size: 18px;
  color: var(--clr-accent);
  z-index: 2;
}
[data-theme=dark] .pricing-note .note-icon-capsule i {
  color: #fbbf24;
}
.pricing-note .note-icon-capsule .pulse-ring {
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  border: 1.5px solid var(--clr-accent-op-25);
  animation: notePulse 2.5s cubic-bezier(0.25, 0, 0, 1) infinite;
  pointer-events: none;
  z-index: 1;
}
[data-theme=dark] .pricing-note .note-icon-capsule .pulse-ring {
  border-color: rgba(238, 115, 37, 0.25);
}
.pricing-note .note-content {
  flex-grow: 1;
}
.pricing-note .note-title {
  font-size: 16px;
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
[data-theme=dark] .pricing-note .note-title {
  color: var(--clr-white);
}
.pricing-note .note-text {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin: 0 0 15px 0;
}
[data-theme=dark] .pricing-note .note-text {
  color: var(--clr-glass-op-65);
}
.pricing-note .note-tag {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  color: var(--clr-accent);
  background: var(--clr-accent-op-6);
  padding: 1px 8px;
  border-radius: 6px;
  margin: 0 2px;
  border: 1px solid var(--clr-accent-op-8);
}
[data-theme=dark] .pricing-note .note-tag {
  color: #fbbf24;
  background: rgba(238, 115, 37, 0.08);
  border-color: rgba(238, 115, 37, 0.1);
}
.pricing-note .note-footer-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.1);
  color: #065f46;
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 700;
}
[data-theme=dark] .pricing-note .note-footer-tag {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.15);
  color: #34d399;
}
.pricing-note .note-footer-tag i {
  font-size: 11px;
}

@keyframes notePulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.15);
    opacity: 0;
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}
.pricing-compare-area {
  position: relative;
  z-index: 1;
  background: var(--clr-bg);
}
[data-theme=dark] .pricing-compare-area {
  background: var(--clr-bg-alt);
}
.pricing-compare-area .slrs-sec-heading {
  margin-bottom: 50px;
}

.pricing-compare-table {
  --transition-base: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px -15px var(--clr-smoke-op-5);
  background-image: linear-gradient(var(--clr-white), var(--clr-white)), linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.12), rgba(var(--clr-primary-rgb)/0.02));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
  transition: box-shadow 0.3s ease;
}
[data-theme=dark] .pricing-compare-table {
  background-image: linear-gradient(rgba(30, 41, 59, 0.4), rgba(30, 41, 59, 0.4)), linear-gradient(135deg, var(--clr-glass-op-8), var(--clr-glass-op-1));
  box-shadow: 0 20px 40px var(--clr-smoke-op-25);
}

.pricing-compare-row {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  align-items: center;
  border-bottom: 1px solid var(--clr-smoke-op-4);
  transition: background var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
  position: relative;
  will-change: background, box-shadow, transform;
}
[data-theme=dark] .pricing-compare-row {
  border-bottom-color: var(--clr-glass-op-4);
}
.pricing-compare-row:not(.pricing-compare-row--header):not(.pricing-compare-row--cta):hover {
  background: linear-gradient(90deg, transparent, var(--clr-primary-op-5) 15%, var(--clr-primary-op-10) 50%, var(--clr-primary-op-5) 85%, transparent);
  box-shadow: inset 0 1px 0 var(--clr-primary-op-10), inset 0 -1px 0 var(--clr-primary-op-10);
  transform: translate3d(0, -1px, 0);
  z-index: 5;
}
[data-theme=dark] .pricing-compare-row:not(.pricing-compare-row--header):not(.pricing-compare-row--cta):hover {
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-2) 15%, var(--clr-glass-op-4) 50%, var(--clr-glass-op-2) 85%, transparent);
  box-shadow: inset 0 1px 0 var(--clr-glass-op-3), inset 0 -1px 0 var(--clr-glass-op-3);
}
.pricing-compare-row--header {
  background: linear-gradient(180deg, var(--clr-primary-op-5) 0%, transparent 100%);
  border-bottom: 2px solid rgba(var(--clr-primary-rgb)/0.12);
}
[data-theme=dark] .pricing-compare-row--header {
  background: linear-gradient(180deg, var(--clr-glass-op-1) 0%, transparent 100%);
  border-bottom-color: var(--clr-glass-op-8);
}
.pricing-compare-row--header .pricing-compare-cell {
  font-weight: 800;
  color: var(--clr-text);
  font-size: 15.5px;
  padding: 28px 20px;
}
[data-theme=dark] .pricing-compare-row--header .pricing-compare-cell {
  color: var(--clr-white);
}
.pricing-compare-row--price {
  background: linear-gradient(90deg, transparent, rgba(var(--clr-primary-rgb)/0.03) 50%, transparent);
  border-top: 1.5px solid var(--clr-primary-op-8);
  border-bottom: 1.5px solid var(--clr-primary-op-8);
}
[data-theme=dark] .pricing-compare-row--price {
  background: linear-gradient(90deg, transparent, var(--clr-glass-op-1) 50%, transparent);
  border-top-color: var(--clr-glass-op-5);
  border-bottom-color: var(--clr-glass-op-5);
}
.pricing-compare-row--price .pricing-compare-cell {
  font-weight: 800;
  font-size: 19px;
  color: var(--clr-text);
  padding: 24px 20px;
}
[data-theme=dark] .pricing-compare-row--price .pricing-compare-cell {
  color: var(--clr-white);
}
.pricing-compare-row--price .pricing-compare-cell .price-val {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme=dark] .pricing-compare-row--price .pricing-compare-cell .price-val {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  -webkit-background-clip: text;
}
.pricing-compare-row--cta {
  border-bottom: none;
  background: var(--clr-smoke-op-1);
}
[data-theme=dark] .pricing-compare-row--cta {
  background: var(--clr-glass-op-1);
}
.pricing-compare-row--cta .pricing-compare-cell {
  padding: 30px 20px;
}
.pricing-compare-row--cta .slrs-btn {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding: 11px 26px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: transform var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);
  will-change: transform, box-shadow;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 130px;
  z-index: 1;
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary {
  border: 1.5px solid transparent;
  background-image: linear-gradient(var(--clr-white), var(--clr-white)), linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: var(--clr-primary);
  box-shadow: 0 4px 15px var(--clr-primary-op-5);
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: -1;
  border-radius: inherit;
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 8px 20px var(--clr-primary-op-15);
  color: var(--clr-white);
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary:hover::before {
  opacity: 1;
}
[data-theme=dark] .pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary {
  background-image: linear-gradient(rgba(30, 41, 59, 0.95), rgba(30, 41, 59, 0.95)), linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: var(--clr-primary);
}
[data-theme=dark] .pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary::before {
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
}
[data-theme=dark] .pricing-compare-row--cta .slrs-btn.slrs-btn--outline-primary:hover {
  color: #0f172a;
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--secondary {
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  color: var(--clr-white) !important;
  border: none;
  box-shadow: 0 5px 18px var(--clr-primary-op-25);
  z-index: 1;
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--secondary::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, var(--clr-accent), var(--clr-primary));
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: -1;
  border-radius: inherit;
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--secondary:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
.pricing-compare-row--cta .slrs-btn.slrs-btn--secondary:hover::before {
  opacity: 1;
}
[data-theme=dark] .pricing-compare-row--cta .slrs-btn.slrs-btn--secondary {
  background-image: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 5px 18px var(--clr-primary-op-25);
}
[data-theme=dark] .pricing-compare-row--cta .slrs-btn.slrs-btn--secondary::before {
  background-image: linear-gradient(135deg, var(--clr-accent), var(--clr-primary));
}

.pricing-compare-cell {
  padding: 18px 20px;
  font-size: 14.5px;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  border-right: 1px solid var(--clr-smoke-op-3);
  transition: background-color 0.3s ease;
}
[data-theme=dark] .pricing-compare-cell {
  color: var(--clr-glass-op-70);
  border-right-color: var(--clr-glass-op-3);
}
.pricing-compare-cell:last-child {
  border-right: none;
}
.pricing-compare-cell:hover i.fa-circle-check {
  transform: scale(1.15) rotate(4deg);
  background: var(--clr-success);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
.pricing-compare-cell:hover i.fa-circle-xmark {
  opacity: 0.95;
}
.pricing-compare-cell--label {
  justify-content: flex-start;
  text-align: left;
  font-weight: 700;
  color: var(--clr-text);
}
[data-theme=dark] .pricing-compare-cell--label {
  color: var(--clr-white);
}
.pricing-compare-cell--featured {
  background-color: rgba(var(--clr-accent-rgb)/0.015);
  border-left: 1.5px solid var(--clr-accent-op-15);
  border-right: 1.5px solid var(--clr-accent-op-15);
  position: relative;
}
.pricing-compare-row--header .pricing-compare-cell--featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-accent), var(--clr-secondary));
  z-index: 3;
}
[data-theme=dark] .pricing-compare-cell--featured {
  background-color: var(--clr-accent-op-3);
  border-left-color: var(--clr-accent-op-25);
  border-right-color: var(--clr-accent-op-25);
}
.pricing-compare-cell--featured.pricing-compare-cell--label {
  background-color: transparent;
  border: none;
}
.pricing-compare-cell--featured strong {
  color: var(--clr-accent);
  font-weight: 800;
}
[data-theme=dark] .pricing-compare-cell--featured strong {
  color: #fbbf24;
}
.pricing-compare-cell i.fa-circle-check {
  font-size: 14.5px;
  color: var(--clr-success);
  background: rgba(16, 185, 129, 0.1);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: transform var(--transition-bounce), background var(--transition-fast), color var(--transition-fast);
  will-change: transform;
}
[data-theme=dark] .pricing-compare-cell i.fa-circle-check {
  background: rgba(16, 185, 129, 0.15);
}
.pricing-compare-cell--featured .pricing-compare-cell i.fa-circle-check {
  color: var(--clr-accent);
  background: rgba(238, 115, 37, 0.1);
  box-shadow: 0 2px 8px rgba(238, 115, 37, 0.2);
}
.pricing-compare-cell i.fa-circle-xmark {
  font-size: 13px;
  color: var(--clr-text-muted);
  background: var(--clr-smoke-op-5);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.55;
  transition: opacity 0.3s ease;
}
[data-theme=dark] .pricing-compare-cell i.fa-circle-xmark {
  color: var(--clr-glass-op-50);
  background: var(--clr-glass-op-5);
}
.pricing-compare-cell .plan-title-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.pricing-compare-cell .plan-title-col .plan-name {
  font-size: 16.5px;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .pricing-compare-cell .plan-title-col .plan-name {
  color: var(--clr-white);
}
.pricing-compare-cell .plan-title-col .plan-tag {
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clr-accent);
  background: rgba(255, 126, 0, 0.1);
  padding: 2px 10px;
  border-radius: 50px;
}

.pricing-compare-mobile {
  display: none;
}

@media (max-width: 61.98em) {
  .pricing-compare-table {
    display: none;
  }
  .pricing-compare-mobile {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .pricing-compare-mobile__plan {
    border-radius: 24px;
    padding: 30px 24px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(var(--clr-white), var(--clr-white)), linear-gradient(135deg, var(--clr-primary-op-10), rgba(var(--clr-primary-rgb)/0.02));
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 1.5px solid transparent;
    box-shadow: 0 10px 30px var(--clr-smoke-op-4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  [data-theme=dark] .pricing-compare-mobile__plan {
    background-image: linear-gradient(rgba(30, 41, 59, 0.45), rgba(30, 41, 59, 0.45)), linear-gradient(135deg, var(--clr-glass-op-8), var(--clr-glass-op-2));
    box-shadow: 0 15px 35px var(--clr-smoke-op-20);
  }
  .pricing-compare-mobile__plan--featured {
    background-image: linear-gradient(var(--clr-white), var(--clr-white)), linear-gradient(135deg, var(--clr-accent), var(--clr-secondary));
    border: 2px solid transparent;
    box-shadow: 0 15px 40px rgba(238, 115, 37, 0.15);
  }
  [data-theme=dark] .pricing-compare-mobile__plan--featured {
    background-image: linear-gradient(rgba(30, 41, 59, 0.45), rgba(30, 41, 59, 0.45)), linear-gradient(135deg, var(--clr-accent), var(--clr-secondary));
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  }
  .pricing-compare-mobile__plan--featured .pricing-compare-mobile__badge {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(135deg, var(--clr-accent) 0%, #e06f00 100%);
    color: var(--clr-white);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 14px;
    border-bottom-left-radius: 12px;
  }
  .pricing-compare-mobile__plan--featured .mobile-price {
    background: linear-gradient(135deg, var(--clr-accent), var(--clr-secondary)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
  [data-theme=dark] .pricing-compare-mobile__plan--featured .mobile-price {
    background: linear-gradient(135deg, var(--clr-accent), #fbbf24) !important;
    -webkit-background-clip: text !important;
  }
  .pricing-compare-mobile__header {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--clr-smoke-op-5);
    padding-bottom: 15px;
  }
  [data-theme=dark] .pricing-compare-mobile__header {
    border-bottom-color: var(--clr-glass-op-5);
  }
  .pricing-compare-mobile__header h4 {
    font-size: 20px;
    font-weight: 800;
    color: var(--clr-text);
    margin: 0 0 5px 0;
  }
  [data-theme=dark] .pricing-compare-mobile__header h4 {
    color: var(--clr-white);
  }
  .pricing-compare-mobile__header .mobile-price {
    font-size: 26px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [data-theme=dark] .pricing-compare-mobile__header .mobile-price {
    background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
    -webkit-background-clip: text;
  }
  .pricing-compare-mobile__list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .pricing-compare-mobile__list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px dashed var(--clr-smoke-op-4);
    padding-bottom: 8px;
  }
  [data-theme=dark] .pricing-compare-mobile__list li {
    border-bottom-color: var(--clr-glass-op-4);
  }
  .pricing-compare-mobile__list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .pricing-compare-mobile__list li .label {
    color: var(--clr-text-muted);
    font-weight: 600;
  }
  [data-theme=dark] .pricing-compare-mobile__list li .label {
    color: var(--clr-glass-op-60);
  }
  .pricing-compare-mobile__list li .val {
    font-weight: 700;
    color: var(--clr-text);
    text-align: right;
  }
  [data-theme=dark] .pricing-compare-mobile__list li .val {
    color: var(--clr-white);
  }
  .pricing-compare-mobile__list li .val--yes i {
    background: linear-gradient(135deg, var(--clr-success), #059669);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
  }
  .pricing-compare-mobile__list li .val--no i {
    color: var(--clr-smoke-op-15);
    font-size: 16px;
  }
  [data-theme=dark] .pricing-compare-mobile__list li .val--no i {
    color: var(--clr-glass-op-15);
  }
  .pricing-compare-mobile__cta .slrs-btn {
    width: 100%;
    justify-content: center;
  }
}
/* ==========================================================================
   SERVICE CARD STYLE 1 — Premium Icon-Based Card (BEM Normalized)
   ========================================================================== */
.slrs-service-card-v1 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-service-card-v1 {
    padding: 30px var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v1 {
    padding: 30px var(--space-base-28);
  }
}
.slrs-service-card-v1 {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--clr-neutral-200);
  border-top: 3px solid var(--clr-primary);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: 0 2px 12px var(--clr-primary-op-4), 0 8px 32px rgba(0, 0, 0, 0.02);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
  z-index: 1;
}
[data-theme=dark] .slrs-service-card-v1 {
  background: rgba(22, 33, 50, 0.55);
  border-color: var(--clr-neutral-300);
  border-top-color: #4ADE80;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.1);
}
.slrs-service-card-v1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle at top right, var(--clr-primary-op-6) 0%, transparent 70%);
  border-radius: 0 var(--radius-2xl) 0 0;
  pointer-events: none;
  z-index: 0;
  transition: width 0.5s ease, height 0.5s ease;
}
[data-theme=dark] .slrs-service-card-v1::before {
  background: radial-gradient(circle at top right, rgba(96, 181, 255, 0.06) 0%, transparent 70%);
}
.slrs-service-card-v1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), transparent);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 0 0 var(--radius-2xl);
  opacity: 0;
  transition: opacity 0.4s ease, width 0.4s ease;
  z-index: 0;
}
[data-theme=dark] .slrs-service-card-v1::after {
  background: linear-gradient(90deg, #4ADE80, transparent);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-service-card-v1__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-card-v1__header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v1__header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-service-card-v1__header {
  position: relative;
  z-index: 1;
}
.slrs-service-card-v1__icon {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-5));
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid var(--clr-primary-op-10);
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 14px var(--clr-primary-op-8), 0 0 0 3px rgba(22, 101, 52, 0.02);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.35s ease;
}
[data-theme=dark] .slrs-service-card-v1__icon {
  background: linear-gradient(135deg, rgba(96, 181, 255, 0.1), rgba(96, 181, 255, 0.04));
  background-origin: border-box;
  background-clip: border-box;
  border-color: rgba(96, 181, 255, 0.12);
  color: #90cdf4;
  box-shadow: 0 4px 14px rgba(96, 181, 255, 0.06), 0 0 0 3px rgba(96, 181, 255, 0.02);
}
.slrs-service-card-v1__icon::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  border: 1.5px solid var(--clr-primary-op-15);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
[data-theme=dark] .slrs-service-card-v1__icon::after {
  border-color: rgba(96, 181, 255, 0.15);
}
.slrs-service-card-v1__count {
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0.06;
  font-family: var(--ff-heading);
  background: linear-gradient(180deg, var(--clr-primary), transparent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: opacity 0.4s ease;
}
[data-theme=dark] .slrs-service-card-v1__count {
  background: linear-gradient(180deg, #4ADE80, transparent);
  -webkit-background-clip: text;
  background-clip: text;
}
.slrs-service-card-v1__subtitle {
  font-size: 8.5px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clr-accent);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 0;
  margin-bottom: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-service-card-v1__subtitle {
    margin-bottom: var(--space-base-6);
  }
}
.slrs-service-card-v1__subtitle {
  position: relative;
  z-index: 1;
}
.slrs-service-card-v1__subtitle::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--clr-accent);
  border-radius: 2px;
  flex-shrink: 0;
}
.slrs-service-card-v1__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.slrs-service-card-v1__content h4 {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-service-card-v1__content h4 {
    margin: 0 0 var(--space-base-10) 0;
  }
}
.slrs-service-card-v1__content h4 {
  line-height: 1.4;
}
.slrs-service-card-v1__content h4 a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-service-card-v1__content h4 a:hover {
  color: var(--clr-primary);
}
.slrs-service-card-v1__content p {
  font-size: var(--ffs-xs);
  line-height: 1.5;
  color: var(--clr-text-muted);
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-service-card-v1__content p {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v1__content p {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-service-card-v1__features {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-service-card-v1__features {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v1__features {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-service-card-v1__features {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-service-card-v1__features {
    gap: var(--space-base-8);
  }
}
.slrs-service-card-v1__features li {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-service-card-v1__features li {
    gap: var(--space-base-10);
  }
}
.slrs-service-card-v1__features li {
  font-size: 11.5px;
  color: var(--clr-text);
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-service-card-v1__features li i {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 8px;
  background: rgba(16, 185, 129, 0.08);
  color: var(--clr-success);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease;
}
.slrs-service-card-v1__features li:hover {
  transform: translateX(3px);
}
.slrs-service-card-v1__features li:hover i {
  transform: scale(1.2);
  background: rgba(16, 185, 129, 0.15);
}
.slrs-service-card-v1__bottom {
  margin-top: auto;
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-service-card-v1__bottom {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v1__bottom {
    padding-top: var(--space-base-16);
  }
}
.slrs-service-card-v1__bottom {
  border-top: 1px solid var(--clr-neutral-100);
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-service-card-v1__bottom {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.slrs-service-card-v1__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-service-card-v1__link {
    gap: var(--space-base-10);
  }
}
.slrs-service-card-v1__link {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
}
.slrs-service-card-v1__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: var(--clr-primary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-theme=dark] .slrs-service-card-v1__link::after {
  background: #4ADE80;
}
.slrs-service-card-v1__link:hover {
  color: var(--clr-primary);
}
.slrs-service-card-v1__arrow {
  font-size: var(--ffs-2xs);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}
.slrs-service-card-v1:hover {
  transform: translateY(-5px) translateZ(0);
  background: rgba(255, 255, 255, 0.85);
  border-color: var(--clr-primary);
  box-shadow: 0 10px 32px var(--clr-primary-op-10), 0 24px 56px rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .slrs-service-card-v1:hover {
  background: rgba(22, 33, 50, 0.72);
  box-shadow: 0 10px 32px rgba(96, 181, 255, 0.1), 0 24px 56px rgba(0, 0, 0, 0.28);
}
.slrs-service-card-v1:hover::before {
  width: 140px;
  height: 140px;
}
.slrs-service-card-v1:hover::after {
  opacity: 1;
  width: 70%;
}
.slrs-service-card-v1:hover .slrs-service-card-v1__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  border-color: transparent;
  transform: scale(1.08) translateZ(0);
  box-shadow: 0 8px 24px var(--clr-primary-op-30), 0 0 0 3px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-service-card-v1:hover .slrs-service-card-v1__icon {
  background: linear-gradient(135deg, #4ADE80, #3d8bce);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-surface-void);
  box-shadow: 0 8px 24px rgba(96, 181, 255, 0.3), 0 0 0 3px rgba(96, 181, 255, 0.1);
}
.slrs-service-card-v1:hover .slrs-service-card-v1__icon::after {
  opacity: 1;
}
.slrs-service-card-v1:hover .slrs-service-card-v1__arrow {
  transform: translateX(6px) translateZ(0);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v1:hover .slrs-service-card-v1__arrow {
  color: #4ADE80;
}
.slrs-service-card-v1:hover .slrs-service-card-v1__link {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v1:hover .slrs-service-card-v1__link {
  color: #4ADE80;
}
.slrs-service-card-v1:hover .slrs-service-card-v1__link::after {
  transform: scaleX(1);
  transform-origin: left;
}
.slrs-service-card-v1:hover .slrs-service-card-v1__features li:nth-child(1) {
  transform: translateX(2px);
}
.slrs-service-card-v1:hover .slrs-service-card-v1__features li:nth-child(2) {
  transform: translateX(4px);
}
.slrs-service-card-v1:hover .slrs-service-card-v1__features li:nth-child(3) {
  transform: translateX(3px);
}
@media (max-width: 991.98px) {
  .slrs-service-card-v1 {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--clr-surface-void) !important;
  }
  .slrs-service-card-v1::before, .slrs-service-card-v1::after,
  .slrs-service-card-v1 .slrs-service-card-v1__icon::after {
    display: none !important;
  }
  .slrs-service-card-v1 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  [data-theme=dark] .slrs-service-card-v1 {
    background: var(--clr-surface-frost) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }
  .slrs-service-card-v1:hover {
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  }
  [data-theme=dark] .slrs-service-card-v1:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
}

/* ==========================================================================
   SERVICE CARD STYLE 2 — Image-Based "Prism Glass" (BEM Normalized)
   ========================================================================== */
.slrs-service-card-v2 {
  --_glass-bg: rgba(255, 255, 255, 0.65);
  --_glass-bg-hover: rgba(255, 255, 255, 0.82);
  --_glass-border: rgba(22, 101, 52, 0.08);
  --_glass-border-hover: rgba(22, 101, 52, 0.18);
  --_card-shadow: 0 4px 20px rgba(22, 101, 52, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03);
  --_card-shadow-hover: 0 16px 48px rgba(22, 101, 52, 0.10), 0 4px 12px rgba(0, 0, 0, 0.04);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--_glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--_glass-border);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--_card-shadow);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
  z-index: 1;
}
[data-theme=dark] .slrs-service-card-v2 {
  --_glass-bg: rgba(22, 33, 50, 0.6);
  --_glass-bg-hover: rgba(22, 33, 50, 0.78);
  --_glass-border: rgba(96, 181, 255, 0.06);
  --_glass-border-hover: rgba(96, 181, 255, 0.18);
  --_card-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  --_card-shadow-hover: 0 16px 48px rgba(96, 181, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.3);
}
.slrs-service-card-v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  z-index: 10;
  transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}
[data-theme=dark] .slrs-service-card-v2::before {
  background: linear-gradient(90deg, #4ADE80, #F59E0B, #4ADE80);
  background-origin: border-box;
  background-clip: border-box;
  background-size: 200% 100%;
}
.slrs-service-card-v2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle at top right, var(--clr-primary-op-4) 0%, transparent 70%);
  border-radius: 0 var(--radius-2xl) 0 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
}
[data-theme=dark] .slrs-service-card-v2::after {
  background: radial-gradient(circle at top right, rgba(96, 181, 255, 0.04) 0%, transparent 70%);
}
.slrs-service-card-v2__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--clr-neutral-100);
  z-index: auto;
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
}
.slrs-service-card-v2__media::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, var(--_glass-bg) 0%, rgba(255, 255, 255, 0.3) 40%, transparent 100%);
  z-index: 3;
  pointer-events: none;
}
[data-theme=dark] .slrs-service-card-v2__media::before {
  background: linear-gradient(to top, rgba(22, 33, 50, 0.85) 0%, rgba(22, 33, 50, 0.3) 40%, transparent 100%);
}
.slrs-service-card-v2__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, transparent 40%, rgba(22, 101, 52, 0.08) 70%, rgba(0, 0, 0, 0.12) 100%);
  z-index: 2;
  pointer-events: none;
  opacity: 0.65;
  transition: opacity 0.35s ease;
}
[data-theme=dark] .slrs-service-card-v2__media::after {
  background: linear-gradient(160deg, transparent 40%, rgba(96, 181, 255, 0.06) 70%, rgba(0, 0, 0, 0.25) 100%);
}
.slrs-service-card-v2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;
  position: relative;
  z-index: 1;
}
.slrs-service-card-v2__badge {
  position: absolute;
  top: var(--space-base-16);
  right: var(--space-base-16);
  padding: 5px 14px;
  font-size: 9px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--clr-white);
  background: linear-gradient(135deg, rgba(22, 101, 52, 0.75), rgba(0, 60, 130, 0.6));
  background-origin: border-box;
  background-clip: border-box;
  backdrop-filter: blur(10px) saturate(1.4);
  -webkit-backdrop-filter: blur(10px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-full);
  box-shadow: 0 4px 16px var(--clr-primary-op-20);
  z-index: 11;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-service-card-v2__badge {
  background: linear-gradient(135deg, rgba(96, 181, 255, 0.22), rgba(96, 181, 255, 0.1));
  background-origin: border-box;
  background-clip: border-box;
  border-color: rgba(96, 181, 255, 0.12);
  color: #4ADE80;
  box-shadow: 0 4px 16px rgba(96, 181, 255, 0.12);
}
.slrs-service-card-v2__icon {
  position: absolute;
  left: var(--space-base-20);
  top: 0;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--clr-primary);
  background: var(--clr-surface-void);
  border: 2px solid rgba(var(--clr-primary-rgb)/0.12);
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 14px var(--clr-primary-op-8), 0 0 0 4px rgba(22, 101, 52, 0.03);
  z-index: 5;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.35s ease;
}
[data-theme=dark] .slrs-service-card-v2__icon {
  background: var(--clr-surface-frost);
  border-color: rgba(96, 181, 255, 0.12);
  color: #90cdf4;
  box-shadow: 0 4px 14px rgba(96, 181, 255, 0.06), 0 0 0 4px rgba(96, 181, 255, 0.02);
}
.slrs-service-card-v2__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 34px var(--space-base-16) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-service-card-v2__content {
    padding: 34px var(--space-base-20) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v2__content {
    padding: 34px var(--space-base-28) var(--space-base-28);
  }
}
.slrs-service-card-v2__content {
  position: relative;
  z-index: 6;
}
.slrs-service-card-v2__subtitle {
  font-size: 8.5px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 10px 3px 0;
  margin-bottom: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-service-card-v2__subtitle {
    margin-bottom: var(--space-base-6);
  }
}
.slrs-service-card-v2__subtitle::before {
  content: "";
  width: 20px;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-accent), transparent);
  border-radius: 2px;
  flex-shrink: 0;
}
.slrs-service-card-v2__title {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-service-card-v2__title {
    margin: 0 0 var(--space-base-10) 0;
  }
}
.slrs-service-card-v2__title {
  line-height: 1.4;
}
.slrs-service-card-v2__title a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-service-card-v2__title a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v2__title a:hover {
  color: #4ADE80;
}
.slrs-service-card-v2__desc {
  font-size: var(--ffs-xs);
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-service-card-v2__desc {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v2__desc {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-service-card-v2__features {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-service-card-v2__features {
    margin: 0 0 var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v2__features {
    margin: 0 0 var(--space-base-20) 0;
  }
}
.slrs-service-card-v2__features {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-service-card-v2__features {
    gap: var(--space-base-8);
  }
}
.slrs-service-card-v2__features li {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-service-card-v2__features li {
    gap: var(--space-base-10);
  }
}
.slrs-service-card-v2__features li {
  font-size: 11.5px;
  color: var(--clr-text);
  transition: transform 0.2s ease;
}
.slrs-service-card-v2__features li i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--clr-success-op-10);
  color: var(--clr-success);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  transition: transform 0.3s ease;
}
.slrs-service-card-v2__features li:hover {
  transform: translateX(3px);
}
.slrs-service-card-v2__features li:hover i {
  transform: scale(1.15) rotate(360deg);
}
.slrs-service-card-v2__bottom {
  margin-top: auto;
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-service-card-v2__bottom {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-service-card-v2__bottom {
    padding-top: var(--space-base-16);
  }
}
.slrs-service-card-v2__bottom {
  border-top: 1px solid var(--clr-neutral-100);
  position: relative;
}
[data-theme=dark] .slrs-service-card-v2__bottom {
  border-top-color: var(--clr-glass-op-8);
}
.slrs-service-card-v2__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-service-card-v2__bottom::before {
  background: linear-gradient(90deg, #4ADE80, #F59E0B);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-service-card-v2__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-service-card-v2__link {
    gap: var(--space-base-10);
  }
}
.slrs-service-card-v2__link {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
}
.slrs-service-card-v2__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: var(--clr-primary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-theme=dark] .slrs-service-card-v2__link::after {
  background: #4ADE80;
}
.slrs-service-card-v2__link:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v2__link:hover {
  color: #4ADE80;
}
.slrs-service-card-v2__arrow {
  font-size: var(--ffs-2xs);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;
}
.slrs-service-card-v2:hover {
  transform: translateY(-6px) translateZ(0);
  background: var(--_glass-bg-hover);
  border-color: var(--_glass-border-hover);
  box-shadow: var(--_card-shadow-hover);
}
.slrs-service-card-v2:hover::before {
  width: 100%;
}
.slrs-service-card-v2:hover::after {
  opacity: 1;
  width: 140px;
  height: 140px;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__img {
  transform: scale(1.07) translateZ(0);
  filter: brightness(1.04);
}
.slrs-service-card-v2:hover .slrs-service-card-v2__media::after {
  opacity: 1;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__badge {
  transform: translateY(-2px) translateZ(0);
  z-index: 5;
  box-shadow: 0 6px 20px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-service-card-v2:hover .slrs-service-card-v2__badge {
  box-shadow: 0 6px 20px rgba(96, 181, 255, 0.2);
}
.slrs-service-card-v2:hover .slrs-service-card-v2__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  transform: translateY(-50%) scale(1.08) translateZ(0);
  border-color: transparent;
  box-shadow: 0 8px 24px var(--clr-primary-op-30), 0 0 0 3px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-service-card-v2:hover .slrs-service-card-v2__icon {
  background: linear-gradient(135deg, #4ADE80, #3d8bce);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-surface-void);
  box-shadow: 0 8px 24px rgba(96, 181, 255, 0.3), 0 0 0 3px rgba(96, 181, 255, 0.1);
}
.slrs-service-card-v2:hover .slrs-service-card-v2__arrow {
  transform: translateX(5px) translateZ(0);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v2:hover .slrs-service-card-v2__arrow {
  color: #4ADE80;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__link {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-card-v2:hover .slrs-service-card-v2__link {
  color: #4ADE80;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__link::after {
  transform: scaleX(1);
  transform-origin: left;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__bottom::before {
  width: 100%;
}
.slrs-service-card-v2:hover .slrs-service-card-v2__features li:nth-child(1) {
  transform: translateX(3px);
}
.slrs-service-card-v2:hover .slrs-service-card-v2__features li:nth-child(2) {
  transform: translateX(5px);
}
.slrs-service-card-v2:hover .slrs-service-card-v2__features li:nth-child(3) {
  transform: translateX(4px);
}
@media (max-width: 991.98px) {
  .slrs-service-card-v2 .slrs-service-card-v2__media::before,
  .slrs-service-card-v2 .slrs-service-card-v2__icon::after,
  .slrs-service-card-v2 .slrs-service-card-v2__bottom::before {
    display: none !important;
  }
  .slrs-service-card-v2 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  [data-theme=dark] .slrs-service-card-v2 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }
  .slrs-service-card-v2:hover {
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  }
  [data-theme=dark] .slrs-service-card-v2:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
}

/* ==========================================================================
   HOMEPAGE SERVICE SECTION LAYOUT WRAPPERS
   ========================================================================== */
/* ── Services Layout Style 1 (Homepage 1 Grid) ── */
.slrs-service-v1 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 61.98em) {
  .slrs-service-v1 {
    padding: 80px 0;
  }
}
.slrs-service-v1__wrapper {
  position: relative;
  z-index: 1;
}
.slrs-service-v1 .heading-text p {
  color: var(--clr-text);
  font-weight: var(--fw-medium);
}

/* ── Services Layout Style 2 (Homepage 2 Slider) ── */
.slrs-service-v2 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 61.98em) {
  .slrs-service-v2 {
    padding: 80px 0;
  }
}
.slrs-service-v2__wrapper {
  position: relative;
  z-index: 1;
}

/* ── Services Layout Style 3 (Homepage 3 Mixed) ── */
.slrs-service-v3 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 61.98em) {
  .slrs-service-v3 {
    padding: 80px 0;
  }
}
.slrs-service-v3__wrapper {
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   SERVICE SIDEBAR WRAPPER
   ========================================================================== */
.service-sidebar {
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   SERVICES INTRO SECTION — v2.0 Premium Redesign
   Staggered asymmetrical tech grid with glassmorphic cards
   ========================================================================== */
.slrs-services-intro {
  padding: 120px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.slrs-services-intro__left-block {
  position: relative;
  z-index: 2;
}
.slrs-services-intro__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-services-intro__badge {
    gap: var(--space-base-10);
  }
}
.slrs-services-intro__badge {
  padding: 7px var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-services-intro__badge {
    padding: 7px var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-services-intro__badge {
    padding: 7px var(--space-base-20);
  }
}
.slrs-services-intro__badge {
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--clr-primary);
  background: rgba(var(--clr-primary-rgb)/0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.12);
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
}
.slrs-services-intro__badge::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(var(--clr-primary-rgb)/0.08), transparent);
  animation: badge-shimmer 4s ease-in-out infinite;
}
[data-theme=dark] .slrs-services-intro__badge {
  background: rgba(74, 222, 128, 0.08);
  border-color: rgba(74, 222, 128, 0.18);
  color: #4ADE80;
}
[data-theme=dark] .slrs-services-intro__badge::after {
  background: linear-gradient(90deg, transparent, rgba(74, 222, 128, 0.06), transparent);
}
.slrs-services-intro__badge i {
  font-size: 10px;
}
.slrs-services-intro__main-title {
  font-size: clamp(2rem, 4.5vw, 3rem);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--clr-text);
}
.slrs-services-intro__main-title .text-gradient {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}
.slrs-services-intro__main-desc {
  font-size: var(--ffs-sm);
  line-height: 1.6;
  color: var(--clr-text-muted);
}
.slrs-services-intro__stats-widget {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  border-left: none !important;
  border-radius: var(--radius-2xl);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.015), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.03);
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  padding-left: 28px !important;
  will-change: transform, box-shadow;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s ease, background 0.4s ease;
}
.slrs-services-intro__stats-widget::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  z-index: 2;
  transition: width 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-services-intro__stats-widget::before {
  background: linear-gradient(to bottom, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-services-intro__stats-widget {
  background: rgba(30, 41, 59, 0.55);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.slrs-services-intro__stats-widget:hover {
  transform: translate3d(0, -5px, 0);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 20px 40px rgba(var(--clr-primary-rgb)/0.06), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.08);
}
.slrs-services-intro__stats-widget:hover::before {
  width: 6px;
  box-shadow: 0 0 12px rgba(var(--clr-primary-rgb)/0.2);
}
[data-theme=dark] .slrs-services-intro__stats-widget:hover {
  background: rgba(30, 41, 59, 0.75);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.slrs-services-intro__stats-widget:hover .stat-item .stat-num {
  transform: scale(1.06);
}
.slrs-services-intro__stats-widget .stat-item {
  display: flex;
  flex-direction: column;
}
.slrs-services-intro__stats-widget .stat-item .stat-num {
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1;
  font-family: var(--ff-heading);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-services-intro__stats-widget .stat-item .stat-num {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-services-intro__stats-widget .stat-item .stat-num small {
  font-size: 0.8rem;
  font-weight: var(--fw-bold);
  margin-left: 2px;
  color: var(--clr-accent);
  text-shadow: none;
  background: none;
  -webkit-text-fill-color: initial;
}
.slrs-services-intro__stats-widget .stat-item .stat-lbl {
  font-size: 10px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--clr-text-muted);
  margin-top: 6px;
}
.slrs-services-intro__stats-widget .stat-divider {
  width: 1px;
  height: 32px;
  background: linear-gradient(to bottom, transparent, var(--clr-neutral-200) 15%, var(--clr-neutral-200) 85%, transparent);
}
[data-theme=dark] .slrs-services-intro__stats-widget .stat-divider {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.12) 15%, rgba(255, 255, 255, 0.12) 85%, transparent);
}
.slrs-services-intro__grid-wrapper {
  position: relative;
  z-index: 2;
}
.slrs-services-intro__staggered-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-services-intro__staggered-grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-services-intro__staggered-grid {
    gap: var(--space-base-28);
  }
}
@media (min-width: 576px) {
  .slrs-services-intro__staggered-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .slrs-services-intro__staggered-grid .stagger-col--right {
    transform: translateY(40px);
  }
}
.slrs-services-intro .stagger-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-services-intro .stagger-col {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-services-intro .stagger-col {
    gap: var(--space-base-28);
  }
}
.slrs-services-intro__card {
  position: relative;
  padding: 38px 30px;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.05);
  border-radius: var(--radius-2xl);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.03);
  will-change: transform, box-shadow, border-color;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, box-shadow 0.45s ease, background-color 0.45s ease;
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-services-intro__card {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.slrs-services-intro__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% -10%, rgba(var(--clr-primary-rgb)/0.06), transparent 60%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.45s ease;
  z-index: 0;
}
[data-theme=dark] .slrs-services-intro__card::after {
  background: radial-gradient(ellipse at 20% -10%, rgba(74, 222, 128, 0.05), transparent 60%);
}
.slrs-services-intro__card:hover {
  transform: translate3d(0, -6px, 0);
  border-color: rgba(var(--clr-primary-rgb)/0.15);
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 40px rgba(var(--clr-primary-rgb)/0.06), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.08);
}
[data-theme=dark] .slrs-services-intro__card:hover {
  background-color: rgba(30, 41, 59, 0.75);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-services-intro__card:hover::after {
  opacity: 1;
}
.slrs-services-intro__card:hover .slrs-services-intro__card-glow {
  opacity: 0.12;
}
.slrs-services-intro__card:hover .slrs-services-intro__card-icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  color: var(--clr-white);
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(var(--clr-primary-rgb)/0.25);
}
[data-theme=dark] .slrs-services-intro__card:hover .slrs-services-intro__card-icon {
  background: linear-gradient(135deg, #4ADE80, #3d8bce);
  color: var(--clr-surface-void);
  box-shadow: 0 8px 20px rgba(74, 222, 128, 0.3);
}
.slrs-services-intro__card:hover .orbital-ring--inner {
  animation: spin-clockwise 8s linear infinite;
  border-color: var(--clr-primary);
}
[data-theme=dark] .slrs-services-intro__card:hover .orbital-ring--inner {
  border-color: #4ADE80;
}
.slrs-services-intro__card:hover .orbital-ring--outer {
  animation: spin-counter-clockwise 10s linear infinite;
  border-color: var(--clr-accent);
}
.slrs-services-intro__card-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top right, var(--clr-primary), transparent 60%);
  opacity: 0;
  transition: opacity 0.45s ease;
  pointer-events: none;
  z-index: -1;
}
.slrs-services-intro__card-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: var(--clr-primary);
  background: rgba(var(--clr-primary-rgb)/0.07);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.08);
  border-radius: var(--radius-xl);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-services-intro__card-icon {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-services-intro__card-icon {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-services-intro__card-icon {
  position: relative;
  will-change: transform, background, color;
  transition: background 0.45s ease, color 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}
[data-theme=dark] .slrs-services-intro__card-icon {
  background: rgba(74, 222, 128, 0.08);
  border-color: rgba(74, 222, 128, 0.1);
  color: #4ADE80;
}
.slrs-services-intro__card .orbital-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px dashed rgba(var(--clr-primary-rgb)/0.15);
  border-radius: 50%;
  pointer-events: none;
  transition: border-color 0.45s ease;
}
.slrs-services-intro__card .orbital-ring--inner {
  width: 44px;
  height: 44px;
}
.slrs-services-intro__card .orbital-ring--outer {
  width: 54px;
  height: 54px;
  border-style: dotted;
}
.slrs-services-intro__card h3 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 10px 0;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
.slrs-services-intro__card p {
  font-size: var(--ffs-xs);
  line-height: 1.5;
  color: var(--clr-text-muted);
  margin: 0;
  position: relative;
  z-index: 1;
}

@keyframes badge-shimmer {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes spin-clockwise {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spin-counter-clockwise {
  from {
    transform: translate(-50%, -50%) rotate(360deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
/* ==========================================================================
   WHAT WE DO SECTION — v2.0 Premium Redesign
   Operational flow with glassmorphic step cards
   ========================================================================== */
.slrs-what-we-do {
  padding: 120px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.slrs-what-we-do__graphics-wrap {
  position: relative;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.55s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-what-we-do__graphics-wrap:hover .slrs-what-we-do__main-image {
  transform: translate3d(0, -6px, 0) scale(1.02);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .slrs-what-we-do__graphics-wrap:hover .slrs-what-we-do__main-image {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-what-we-do__graphics-wrap:hover .slrs-what-we-do__floating-card {
  transform: translate3d(0, -8px, 0) scale(1.01);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.25);
}
.slrs-what-we-do__graphics-wrap:hover .slrs-what-we-do__floating-card .icon-pulse {
  animation: indicator-pulse 2s ease-out;
}
.slrs-what-we-do__main-image {
  position: relative;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.04);
  will-change: transform, box-shadow;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.55s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-what-we-do__main-image {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}
.slrs-what-we-do__main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slrs-what-we-do__image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.5) 0%, rgba(15, 23, 42, 0.1) 40%, transparent 70%);
  z-index: 1;
}
.slrs-what-we-do__floating-card {
  position: absolute;
  bottom: var(--space-base-20);
  left: var(--space-base-20);
  background: rgba(30, 41, 59, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-2xl);
  color: var(--clr-white);
  max-width: calc(100% - var(--space-base-20) * 2);
  z-index: 3;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.18);
  will-change: transform, box-shadow;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.55s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.45s ease;
}
.slrs-what-we-do__floating-card .icon-pulse {
  width: 38px;
  height: 38px;
  background: var(--clr-success);
  color: var(--clr-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  box-shadow: 0 0 14px var(--clr-success);
  flex-shrink: 0;
}
.slrs-what-we-do__steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-what-we-do__steps {
    gap: var(--space-base-10);
  }
}
.slrs-what-we-do__step-item {
  position: relative;
  display: flex;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-what-we-do__step-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-what-we-do__step-item {
    gap: var(--space-base-20);
  }
}
.slrs-what-we-do__step-item {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-what-we-do__step-item {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-what-we-do__step-item {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-what-we-do__step-item {
  margin: 0 -20px;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.04);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);
  border-left: 4px solid transparent;
  will-change: transform, box-shadow, border-color;
  transition: background-color 0.45s ease, border-color 0.45s ease, transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s ease;
}
[data-theme=dark] .slrs-what-we-do__step-item {
  background: rgba(30, 41, 59, 0.4);
  border-color: rgba(255, 255, 255, 0.04);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.slrs-what-we-do__step-item .step-num-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}
.slrs-what-we-do__step-item .step-num-wrap .step-num {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-heading);
  font-size: 1.15rem;
  font-weight: var(--fw-bold);
  background: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-200);
  border-radius: 50%;
  color: var(--clr-text);
  z-index: 2;
  will-change: transform, background-color;
  transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-what-we-do__step-item .step-num-wrap .step-num {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--clr-white);
}
.slrs-what-we-do__step-item .step-num-wrap .step-line {
  position: absolute;
  top: 48px;
  bottom: -32px;
  width: 2px;
  background: var(--clr-neutral-200);
  z-index: 1;
  transition: background 0.4s ease;
}
[data-theme=dark] .slrs-what-we-do__step-item .step-num-wrap .step-line {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-what-we-do__step-item:hover {
  background-color: rgba(255, 255, 255, 0.95);
  border-color: rgba(var(--clr-primary-rgb)/0.1);
  border-left-color: var(--clr-primary);
  transform: translate3d(0, -4px, 0);
  box-shadow: 0 16px 36px rgba(var(--clr-primary-rgb)/0.05), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.04);
}
[data-theme=dark] .slrs-what-we-do__step-item:hover {
  background-color: rgba(30, 41, 59, 0.78);
  border-color: rgba(255, 255, 255, 0.08);
  border-left-color: #4ADE80;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
}
.slrs-what-we-do__step-item:hover .step-num {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  border-color: transparent;
  color: var(--clr-white) !important;
  box-shadow: 0 6px 16px rgba(var(--clr-primary-rgb)/0.3);
  transform: scale(1.08);
}
[data-theme=dark] .slrs-what-we-do__step-item:hover .step-num {
  background: linear-gradient(135deg, #4ADE80, #3d8bce);
  border-color: transparent;
  color: var(--clr-surface-void) !important;
  box-shadow: 0 6px 16px rgba(74, 222, 128, 0.35);
}
.slrs-what-we-do__step-item:hover .step-line {
  background: linear-gradient(to bottom, var(--clr-primary), rgba(var(--clr-primary-rgb)/0.15));
}
[data-theme=dark] .slrs-what-we-do__step-item:hover .step-line {
  background: linear-gradient(to bottom, #4ADE80, rgba(74, 222, 128, 0.1));
}
.slrs-what-we-do__step-item .step-info {
  padding-top: 6px;
}
.slrs-what-we-do__step-item .step-info h4 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 var(--space-base-4) 0;
}
@media (min-width: 75em) {
  .slrs-what-we-do__step-item .step-info h4 {
    margin: 0 0 var(--space-base-6) 0;
  }
}
.slrs-what-we-do__step-item .step-info h4 {
  transition: color 0.4s ease;
}
.slrs-what-we-do__step-item .step-info p {
  font-size: var(--ffs-xs);
  line-height: 1.5;
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-what-we-do__step-item:hover .step-info h4 {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-what-we-do__step-item:hover .step-info h4 {
  color: #4ADE80;
}

@keyframes indicator-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}
/* ==========================================================================
   MAIN SERVICES GRID SECTION
   ========================================================================== */
.slrs-services-main {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   SERVICE DETAILS PAGE BASE
   ========================================================================== */
.slrs-service-details-page {
  padding: 120px 0 !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 61.98em) {
  .slrs-service-details-page {
    padding: 80px 0 !important;
  }
}

/* ==========================================================================
   SERVICE DETAILS CONTENT AREA
   ========================================================================== */
.slrs-service-details {
  position: relative;
  z-index: 1;
}
.slrs-service-details__featured-img-wrap {
  position: relative;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-service-details__featured-img-wrap {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__featured-img-wrap {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-service-details__featured-img-wrap {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
  will-change: transform, box-shadow;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.55s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-service-details__featured-img-wrap {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-service-details__featured-img-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.slrs-service-details__featured-img-wrap .slrs-service-details__featured-img {
  height: 440px;
  display: block;
  width: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;
}
.slrs-service-details__featured-img-wrap:hover {
  transform: translate3d(0, -6px, 0);
  box-shadow: 0 30px 60px rgba(var(--clr-primary-rgb)/0.1), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.18);
}
[data-theme=dark] .slrs-service-details__featured-img-wrap:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(74, 222, 128, 0.12);
}
.slrs-service-details__featured-img-wrap:hover::after {
  opacity: 1;
}
.slrs-service-details__featured-img-wrap:hover .slrs-service-details__featured-img {
  transform: scale(1.04);
}
.slrs-service-details__featured-img-wrap:hover .slrs-service-details__featured-badge {
  transform: translate3d(0, -2px, 0) scale(1.02);
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.slrs-service-details__featured-badge {
  position: absolute;
  top: var(--space-base-16);
  right: var(--space-base-16);
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--clr-white);
  padding: 7px var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-details__featured-badge {
    padding: 7px var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__featured-badge {
    padding: 7px var(--space-base-20);
  }
}
.slrs-service-details__featured-badge {
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  will-change: transform, background-color, border-color, box-shadow;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}
.slrs-service-details__featured-badge .status-dot {
  width: 8px;
  height: 8px;
  background: #4ADE80;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 10px #4ADE80;
  animation: status-pulse-glow 2s infinite ease-in-out;
}
.slrs-service-details__intro p {
  font-size: var(--ffs-sm);
  line-height: 1.75;
  color: var(--clr-text);
}
.slrs-service-details__intro p strong {
  color: var(--clr-primary);
  font-weight: var(--fw-semibold);
}
[data-theme=dark] .slrs-service-details__intro p strong {
  color: #4ADE80;
}
.slrs-service-details__metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-details__metrics {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__metrics {
    gap: var(--space-base-20);
  }
}
.slrs-service-details__metrics {
  margin: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-service-details__metrics {
    margin: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-service-details__metrics {
    margin: var(--space-base-40) 0;
  }
}
@media (min-width: 36em) {
  .slrs-service-details__metrics {
    grid-template-columns: repeat(3, 1fr);
  }
}
.slrs-service-details__metric-card {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  border-radius: var(--radius-2xl);
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  will-change: transform, box-shadow, border-color, background-color;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, background-color 0.45s ease;
  overflow: hidden;
}
.slrs-service-details__metric-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--clr-neutral-200);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-service-details__metric-card:nth-child(1)::before {
  background: var(--clr-success);
}
.slrs-service-details__metric-card:nth-child(2)::before {
  background: var(--clr-primary);
}
.slrs-service-details__metric-card:nth-child(3)::before {
  background: var(--clr-accent);
}
[data-theme=dark] .slrs-service-details__metric-card {
  background: rgba(15, 23, 42, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-service-details__metric-card:nth-child(2)::before {
  background: #4ADE80;
}
.slrs-service-details__metric-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% -20%, rgba(var(--clr-primary-rgb)/0.06), transparent 65%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.45s ease;
}
[data-theme=dark] .slrs-service-details__metric-card::after {
  background: radial-gradient(ellipse at 30% -20%, rgba(74, 222, 128, 0.06), transparent 65%);
}
.slrs-service-details__metric-card:hover {
  transform: translate3d(0, -6px, 0);
  background-color: var(--clr-white);
  border-color: rgba(var(--clr-primary-rgb)/0.18);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.08);
}
.slrs-service-details__metric-card:hover::before {
  width: 6px;
  box-shadow: 0 0 12px rgba(var(--clr-primary-rgb)/0.3);
}
.slrs-service-details__metric-card:hover::after {
  opacity: 1;
}
[data-theme=dark] .slrs-service-details__metric-card:hover {
  background-color: rgba(30, 41, 59, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.slrs-service-details__metric-card:hover .slrs-service-details__metric-header i {
  transform: scale(1.15) rotate(12deg);
  box-shadow: 0 6px 16px rgba(var(--clr-primary-rgb)/0.2);
}
[data-theme=dark] .slrs-service-details__metric-card:hover .slrs-service-details__metric-header i {
  box-shadow: 0 6px 16px rgba(74, 222, 128, 0.2);
}
.slrs-service-details__metric-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.slrs-service-details__metric-header .status-dot {
  width: 8px;
  height: 8px;
  background: var(--clr-success);
  border-radius: 50%;
  display: inline-block;
  animation: status-pulse-glow 2s infinite ease-in-out;
}
.slrs-service-details__metric-header i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--clr-primary-rgb)/0.06);
  color: var(--clr-primary);
  font-size: 1rem;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-service-details__metric-header i {
  background: rgba(255, 255, 255, 0.04);
  color: #4ADE80;
}
.slrs-service-details__metric-card:nth-child(2) .slrs-service-details__metric-header i {
  background: rgba(var(--clr-primary-rgb)/0.06);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-service-details__metric-card:nth-child(2) .slrs-service-details__metric-header i {
  background: rgba(255, 255, 255, 0.04);
  color: #4ADE80;
}
.slrs-service-details__metric-card:nth-child(3) .slrs-service-details__metric-header i {
  background: rgba(var(--clr-accent-rgb)/0.06);
  color: var(--clr-accent);
}
.slrs-service-details__metric-header .metric-value {
  font-family: var(--ff-heading);
  font-size: 2.25rem;
  font-weight: 800;
  color: var(--clr-text);
  letter-spacing: -0.02em;
  line-height: 1;
  display: inline-block;
}
.slrs-service-details .metric-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--clr-text-muted);
  position: relative;
  z-index: 2;
}

/* ==========================================================================
   WARRANTY BADGE WIDGET (Orbital Shield Certified Badge)
   ========================================================================== */
.slrs-service-details__badge {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-3xl);
  padding: 40px 30px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
  will-change: transform, box-shadow, border-color, background-color;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, box-shadow 0.45s ease, background-color 0.45s ease;
}
[data-theme=dark] .slrs-service-details__badge {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.slrs-service-details__badge--success {
  border-top: 5px solid var(--clr-success) !important;
}
.slrs-service-details__badge--success:hover {
  transform: translate3d(0, -6px, 0);
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(16, 185, 129, 0.2);
  box-shadow: 0 24px 48px rgba(16, 185, 129, 0.08);
}
[data-theme=dark] .slrs-service-details__badge--success:hover {
  background: rgba(30, 41, 59, 0.75);
  border-color: rgba(16, 185, 129, 0.2);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}
.slrs-service-details__badge--success:hover .slrs-service-details__badge-icon::before {
  transform: translate(-50%, -50%) rotate(360deg);
  border-color: rgba(16, 185, 129, 0.4);
}
.slrs-service-details__badge .slrs-service-details__badge-icon {
  position: relative;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, var(--clr-success), #059669);
  color: var(--clr-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-details__badge .slrs-service-details__badge-icon {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__badge .slrs-service-details__badge-icon {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-service-details__badge .slrs-service-details__badge-icon {
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);
  z-index: 1;
}
.slrs-service-details__badge .slrs-service-details__badge-icon i {
  color: #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.slrs-service-details__badge .slrs-service-details__badge-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 86px;
  height: 86px;
  transform: translate(-50%, -50%) rotate(0deg);
  border: 1.5px dashed rgba(16, 185, 129, 0.2);
  border-radius: 50%;
  pointer-events: none;
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease;
  z-index: -1;
}
.slrs-service-details__badge .slrs-service-details__badge-value {
  font-family: var(--ff-heading);
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 1;
  color: var(--clr-text);
  margin-bottom: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-service-details__badge .slrs-service-details__badge-value {
    margin-bottom: var(--space-base-8);
  }
}
.slrs-service-details__badge .slrs-service-details__badge-value {
  letter-spacing: -0.02em;
}
.slrs-service-details__badge .slrs-service-details__badge-value span {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  margin-left: 2px;
  color: var(--clr-success);
  text-transform: uppercase;
}
.slrs-service-details__badge .slrs-service-details__badge-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--clr-text);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-service-details__badge .slrs-service-details__badge-label {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__badge .slrs-service-details__badge-label {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-service-details__badge .slrs-service-details__badge-text {
  font-size: var(--ffs-xs);
  line-height: 1.55;
  color: var(--clr-text-muted);
  margin: 0;
}

/* ==========================================================================
   QUOTE / CALLBACK FORM WIDGET (v5.0 - Prismatic Glass Terminal)
   ========================================================================== */
.slrs-service-details__quote {
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06) !important;
  border-top: none !important;
  background: linear-gradient(175deg, rgba(255, 255, 255, 0.65) 0%, rgba(248, 250, 252, 0.4) 100%);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: var(--radius-3xl);
  padding: 44px 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.015);
  will-change: transform, box-shadow, border-color;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease;
}
[data-theme=dark] .slrs-service-details__quote {
  background: linear-gradient(175deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.55) 100%);
  border-color: rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.slrs-service-details__quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 35%, var(--clr-success) 65%, var(--clr-primary) 100%);
  background-size: 200% 100%;
  animation: prismatic-shift 6s ease-in-out infinite;
  z-index: 10;
}
.slrs-service-details__quote::after {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb)/0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.45s ease;
}
[data-theme=dark] .slrs-service-details__quote::after {
  background: radial-gradient(circle, rgba(74, 222, 128, 0.06) 0%, transparent 70%);
}
.slrs-service-details__quote:hover {
  transform: translate3d(0, -6px, 0);
  border-color: rgba(var(--clr-primary-rgb)/0.18) !important;
  box-shadow: 0 28px 56px rgba(var(--clr-primary-rgb)/0.08), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .slrs-service-details__quote:hover {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 28px 56px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-service-details__quote .slrs-service-details__quote-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-service-details__quote .slrs-service-details__quote-header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__quote .slrs-service-details__quote-header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-service-details__quote .slrs-service-details__quote-header {
  position: relative;
  z-index: 1;
}
.slrs-service-details__quote .slrs-service-details__quote-header i {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.08), rgba(var(--clr-primary-rgb)/0.02));
  border: 1px solid rgba(var(--clr-primary-rgb)/0.1);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-service-details__quote .slrs-service-details__quote-header i {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__quote .slrs-service-details__quote-header i {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-service-details__quote .slrs-service-details__quote-header i {
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-header i {
  background: linear-gradient(135deg, rgba(74, 222, 128, 0.1), rgba(74, 222, 128, 0.02));
  border-color: rgba(74, 222, 128, 0.12);
  color: #4ADE80;
}
.slrs-service-details__quote .slrs-service-details__quote-header h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 6px 0;
  letter-spacing: -0.01em;
}
.slrs-service-details__quote .slrs-service-details__quote-header p {
  font-size: var(--ffs-2xs);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-service-details__quote:hover .slrs-service-details__quote-header i {
  transform: scale(1.12) rotate(5deg);
  background: var(--clr-primary);
  border-color: transparent;
  color: var(--clr-white);
  box-shadow: 0 8px 20px rgba(var(--clr-primary-rgb)/0.2);
}
[data-theme=dark] .slrs-service-details__quote:hover .slrs-service-details__quote-header i {
  background: #4ADE80;
  color: var(--clr-surface-void);
  box-shadow: 0 8px 20px rgba(74, 222, 128, 0.25);
}
.slrs-service-details__quote .slrs-service-details__quote-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.slrs-service-details__quote .slrs-service-details__quote-form input,
.slrs-service-details__quote .slrs-service-details__quote-form select {
  width: 100%;
  padding: 14px 18px;
  font-size: var(--ffs-xs);
  color: var(--clr-text);
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  will-change: border-color, box-shadow, background-color;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form input,
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form select {
  background-color: rgba(15, 23, 42, 0.55);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-service-details__quote .slrs-service-details__quote-form input::placeholder,
.slrs-service-details__quote .slrs-service-details__quote-form select::placeholder {
  color: var(--clr-text-muted);
  opacity: 0.6;
}
.slrs-service-details__quote .slrs-service-details__quote-form input:focus,
.slrs-service-details__quote .slrs-service-details__quote-form select:focus {
  outline: none;
  border-color: var(--clr-primary);
  background-color: var(--clr-white);
  box-shadow: 0 0 0 4px rgba(var(--clr-primary-rgb)/0.08);
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form input:focus,
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form select:focus {
  border-color: #4ADE80;
  background-color: rgba(15, 23, 42, 0.7);
  box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.08);
}
.slrs-service-details__quote .slrs-service-details__quote-form select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 12px 12px;
  padding-right: 45px;
  cursor: pointer;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
.slrs-service-details__quote .slrs-service-details__quote-form button[type=submit] {
  margin-top: 4px;
  padding: 15px 22px;
  font-size: var(--ffs-xs);
  font-weight: 700;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  border: none;
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.15);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  will-change: transform, box-shadow;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form button[type=submit] {
  background: linear-gradient(135deg, #4ADE80 0%, #3b82f6 100%);
  box-shadow: 0 4px 15px rgba(74, 222, 128, 0.15);
  color: var(--clr-surface-void);
}
.slrs-service-details__quote .slrs-service-details__quote-form button[type=submit]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.55s ease;
}
.slrs-service-details__quote .slrs-service-details__quote-form button[type=submit]:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 10px 24px rgba(var(--clr-primary-rgb)/0.25);
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-form button[type=submit]:hover {
  box-shadow: 0 10px 24px rgba(74, 222, 128, 0.25);
}
.slrs-service-details__quote .slrs-service-details__quote-form button[type=submit]:hover::before {
  left: 100%;
}
.slrs-service-details__quote .slrs-service-details__quote-form button[type=submit]:active {
  transform: translate3d(0, 0, 0);
}
.slrs-service-details__quote .slrs-service-details__quote-phone {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-details__quote .slrs-service-details__quote-phone {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__quote .slrs-service-details__quote-phone {
    margin-top: var(--space-base-20);
  }
}
.slrs-service-details__quote .slrs-service-details__quote-phone {
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-service-details__quote .slrs-service-details__quote-phone {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-service-details__quote .slrs-service-details__quote-phone {
    padding-top: var(--space-base-20);
  }
}
.slrs-service-details__quote .slrs-service-details__quote-phone {
  border-top: 1px solid var(--clr-neutral-100);
  text-align: center;
  font-size: 11px;
  color: var(--clr-text-muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-phone {
  border-top-color: rgba(255, 255, 255, 0.06);
}
.slrs-service-details__quote .slrs-service-details__quote-phone a {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-service-details__quote .slrs-service-details__quote-phone a {
  color: #4ADE80;
}
.slrs-service-details__quote .slrs-service-details__quote-phone a:hover {
  color: var(--clr-accent);
}

/* ==========================================================================
   INTRO TELEMETRY BANNER (v5.0 — Elevated Glass Banner)
   ========================================================================== */
.slrs-intro-banner {
  display: flex;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-intro-banner {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-intro-banner {
    gap: var(--space-base-20);
  }
}
.slrs-intro-banner {
  padding: 30px var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-intro-banner {
    padding: 30px var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-intro-banner {
    padding: 30px var(--space-base-28);
  }
}
.slrs-intro-banner {
  background: linear-gradient(135deg, rgba(var(--clr-primary-rgb)/0.03) 0%, rgba(var(--clr-accent-rgb)/0.015) 100%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  border-left: 4px solid var(--clr-primary);
  border-radius: var(--radius-2xl);
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-intro-banner {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-intro-banner {
    margin: var(--space-base-28) 0;
  }
}
.slrs-intro-banner {
  will-change: transform, border-color, box-shadow;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, box-shadow 0.45s ease, background-color 0.45s ease;
}
[data-theme=dark] .slrs-intro-banner {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.3) 0%, rgba(15, 23, 42, 0.2) 100%);
  border-color: rgba(255, 255, 255, 0.04);
  border-left-color: #4ADE80;
}
.slrs-intro-banner__icon {
  width: 54px;
  height: 54px;
  border-radius: var(--radius-xl);
  background: rgba(var(--clr-primary-rgb)/0.07);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb)/0.04);
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-intro-banner__icon {
  background: rgba(255, 255, 255, 0.03);
  color: #4ADE80;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.slrs-intro-banner__content h3 {
  font-size: var(--ffs-sm);
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.slrs-intro-banner__content p {
  font-size: var(--ffs-xs);
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-intro-banner:hover {
  transform: translate3d(0, -5px, 0);
  border-color: rgba(var(--clr-primary-rgb)/0.15);
  box-shadow: 0 16px 36px rgba(var(--clr-primary-rgb)/0.05), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .slrs-intro-banner:hover {
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-intro-banner:hover .slrs-intro-banner__icon {
  transform: scale(1.12) rotate(8deg);
  background: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: 0 8px 18px rgba(var(--clr-primary-rgb)/0.2);
}
[data-theme=dark] .slrs-intro-banner:hover .slrs-intro-banner__icon {
  background: #4ADE80;
  color: var(--clr-surface-void);
  box-shadow: 0 8px 18px rgba(74, 222, 128, 0.25);
}

/* ==========================================================================
   FEATURE BOXES GRID (v5.0 - Holographic Corner Accent)
   ========================================================================== */
.slrs-feature-boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-feature-boxes {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-feature-boxes {
    gap: var(--space-base-20);
  }
}
.slrs-feature-boxes {
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-feature-boxes {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-feature-boxes {
    margin: var(--space-base-28) 0;
  }
}
@media (min-width: 36em) {
  .slrs-feature-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}

.slrs-feature-box {
  position: relative;
  padding: 36px var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-feature-box {
    padding: 36px var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-feature-box {
    padding: 36px var(--space-base-28);
  }
}
.slrs-feature-box {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.05);
  border-radius: var(--radius-2xl);
  will-change: transform, border-color, box-shadow;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, box-shadow 0.45s ease, background-color 0.45s ease;
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-feature-box {
  background: rgba(30, 41, 59, 0.4);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-feature-box__corner {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  transform: rotate(45deg);
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s ease;
  z-index: 2;
}
[data-theme=dark] .slrs-feature-box__corner {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
}
.slrs-feature-box__icon {
  font-size: 1.6rem;
  color: var(--clr-primary);
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-feature-box__icon {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-feature-box__icon {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-feature-box__icon {
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}
[data-theme=dark] .slrs-feature-box__icon {
  color: #4ADE80;
}
.slrs-feature-box__title {
  font-size: var(--ffs-sm);
  font-weight: 800;
  color: var(--clr-text);
  margin: 0 0 12px 0;
  letter-spacing: -0.01em;
}
.slrs-feature-box__text {
  font-size: var(--ffs-xs);
  line-height: 1.55;
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-feature-box:hover {
  transform: translate3d(0, -6px, 0);
  background-color: var(--clr-white);
  border-color: rgba(var(--clr-primary-rgb)/0.15);
  box-shadow: 0 20px 40px rgba(var(--clr-primary-rgb)/0.05), 0 0 0 1px rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .slrs-feature-box:hover {
  background-color: rgba(30, 41, 59, 0.7);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.slrs-feature-box:hover .slrs-feature-box__corner {
  transform: translate3d(4px, -4px, 0) rotate(45deg) scale(1.15);
  box-shadow: -4px 4px 12px rgba(var(--clr-primary-rgb)/0.15);
}
.slrs-feature-box:hover .slrs-feature-box__icon {
  transform: scale(1.15) translate3d(2px, 0, 0);
}

/* ==========================================================================
   WORK PROCESS TIMELINE (v5.0 — Neon Guided Steps)
   ========================================================================== */
.slrs-process-steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-process-steps {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-process-steps {
    margin: var(--space-base-28) 0;
  }
}
.slrs-process-steps {
  counter-reset: diagnostic-step;
  position: relative;
}
.slrs-process-steps::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  width: 2px;
  background: linear-gradient(to bottom, var(--clr-neutral-200), rgba(var(--clr-primary-rgb)/0.1));
  z-index: 1;
}
[data-theme=dark] .slrs-process-steps::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.06), rgba(74, 222, 128, 0.06));
}

.slrs-process-step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.slrs-process-step__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--clr-neutral-100);
  border: 2px solid var(--clr-neutral-200);
  color: var(--clr-text-muted);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
[data-theme=dark] .slrs-process-step__number {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
}
.slrs-process-step__number::before {
  counter-increment: diagnostic-step;
  content: "0" counter(diagnostic-step);
}
.slrs-process-step__content {
  flex-grow: 1;
  padding: 22px 24px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.04);
  border-radius: var(--radius-2xl);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015);
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-process-step__content {
  background: rgba(30, 41, 59, 0.4);
  border-color: rgba(255, 255, 255, 0.04);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.slrs-process-step__content h4 {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 6px 0;
  transition: color 0.35s ease;
}
.slrs-process-step__content p {
  font-size: var(--ffs-xs);
  line-height: 1.5;
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-process-step:hover .slrs-process-step__number {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
  box-shadow: 0 6px 14px rgba(var(--clr-primary-rgb)/0.25);
  transform: scale(1.08);
}
[data-theme=dark] .slrs-process-step:hover .slrs-process-step__number {
  background: #4ADE80;
  color: var(--clr-surface-void);
  border-color: #4ADE80;
  box-shadow: 0 6px 14px rgba(74, 222, 128, 0.3);
}
.slrs-process-step:hover .slrs-process-step__content {
  transform: translate3d(0, -3px, 0);
  background-color: var(--clr-white);
  border-color: rgba(var(--clr-primary-rgb)/0.12);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .slrs-process-step:hover .slrs-process-step__content {
  background-color: rgba(30, 41, 59, 0.75);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
.slrs-process-step:hover .slrs-process-step__content h4 {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-process-step:hover .slrs-process-step__content h4 {
  color: #4ADE80;
}

/* ==========================================================================
   BENEFITS LIST (v5.0 — Micro-interactive Pill Cards)
   ========================================================================== */
.slrs-benefits-list {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.04);
  border-top: 4.5px solid var(--clr-success);
  border-radius: var(--radius-3xl);
  padding: var(--space-base-16) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-benefits-list {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
.slrs-benefits-list {
  margin: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-benefits-list {
    margin: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list {
    margin: var(--space-base-40) 0;
  }
}
.slrs-benefits-list {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-benefits-list {
  background: rgba(30, 41, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.slrs-benefits-list__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-benefits-list__header {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list__header {
    gap: var(--space-base-20);
  }
}
.slrs-benefits-list__header {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-benefits-list__header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list__header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-benefits-list__header i {
  font-size: 1.5rem;
  color: var(--clr-success);
  filter: drop-shadow(0 2px 8px rgba(16, 185, 129, 0.3));
}
.slrs-benefits-list__header h3 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
}
.slrs-benefits-list__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-benefits-list__grid {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list__grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 36em) {
  .slrs-benefits-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.slrs-benefits-list__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-benefits-list__item {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-benefits-list__item {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-benefits-list__item {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: var(--radius-xl);
  border-left: 3px solid transparent;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, background 0.4s ease, border-left-color 0.4s ease, box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-benefits-list__item {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.03);
}
.slrs-benefits-list__item:hover {
  transform: translate3d(0, -3px, 0) scale(1.02);
  border-color: rgba(16, 185, 129, 0.12);
  border-left-color: var(--clr-success);
  background: rgba(16, 185, 129, 0.04);
  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.04);
}
[data-theme=dark] .slrs-benefits-list__item:hover {
  background: rgba(16, 185, 129, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
.slrs-benefits-list__item:hover i {
  transform: scale(1.18);
  background: var(--clr-success);
  color: var(--clr-white);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.45);
}
.slrs-benefits-list__item i {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.1);
  color: var(--clr-success);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-benefits-list__item span {
  font-size: var(--ffs-xs);
  font-weight: 600;
  color: var(--clr-text);
}

/* ==========================================================================
   CERTIFIED BRAND INTEGRATOR LOGOS
   ========================================================================== */
.slrs-brands {
  margin: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-brands {
    margin: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-brands {
    margin: var(--space-base-40) 0;
  }
}
.slrs-brands {
  text-align: center;
}
.slrs-brands__title {
  font-size: 10.5px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-brands__title {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-brands__title {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-brands__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-brands__grid {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-brands__grid {
    gap: var(--space-base-40);
  }
}
.slrs-brands__logo {
  opacity: 0.4;
  transition: opacity 0.4s ease, filter 0.4s ease;
  filter: grayscale(100%);
}
[data-theme=dark] .slrs-brands__logo {
  filter: grayscale(100%) invert(1);
}
.slrs-brands__logo:hover {
  opacity: 0.95;
  filter: grayscale(0%);
}
[data-theme=dark] .slrs-brands__logo:hover {
  filter: grayscale(0%) invert(0);
}
.slrs-brands__logo img {
  display: block;
  max-width: 100%;
  transition: transform 0.35s ease;
}
.slrs-brands__logo:hover img {
  transform: scale(1.05);
}

/* ==========================================================================
   RELATED SOLAR NODES (v5.0 — Premium Hover Interaction Cards)
   ========================================================================== */
.slrs-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-related__grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-related__grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 36em) {
  .slrs-related__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.slrs-related-card {
  display: flex;
  background: var(--clr-surface-void);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  text-decoration: none;
  will-change: transform;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.45s ease, box-shadow 0.45s ease;
  z-index: 1;
}
[data-theme=dark] .slrs-related-card {
  background: var(--clr-surface-frost);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-related-card__image {
  width: 90px;
  flex-shrink: 0;
  overflow: hidden;
}
.slrs-related-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;
}
.slrs-related-card__content {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-related-card__content {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-related-card__content {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-related-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slrs-related-card__icon {
  font-size: 0.95rem;
  color: var(--clr-primary);
  margin-bottom: 4px;
}
[data-theme=dark] .slrs-related-card__icon {
  color: #4ADE80;
}
.slrs-related-card__title {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0 0 2px 0;
  line-height: 1.3;
}
.slrs-related-card__text {
  font-size: 10px;
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-related-card__arrow {
  width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--clr-text-muted);
  border-left: 1px solid var(--clr-neutral-200);
  transition: color 0.4s ease, background 0.4s ease;
}
[data-theme=dark] .slrs-related-card__arrow {
  border-left-color: rgba(255, 255, 255, 0.08);
}
.slrs-related-card:hover {
  transform: translate3d(0, -4px, 0);
  border-color: var(--clr-primary);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .slrs-related-card:hover {
  border-color: #4ADE80;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.slrs-related-card:hover .slrs-related-card__image img {
  transform: scale(1.08) rotate(1deg);
  filter: brightness(1.05);
}
.slrs-related-card:hover .slrs-related-card__arrow {
  background: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-related-card:hover .slrs-related-card__arrow {
  background: #4ADE80;
  color: var(--clr-surface-void);
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@keyframes status-pulse-glow {
  0% {
    transform: scale(0.92);
    opacity: 0.6;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.7);
  }
  100% {
    transform: scale(0.92);
    opacity: 0.6;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
  }
}
@keyframes prismatic-shift {
  0% {
    background-position: 0% 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
.slrs-portfolio-v1 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 61.98em) {
  .slrs-portfolio-v1 {
    padding: 80px 0;
  }
}
.slrs-portfolio-v1 {
  position: relative;
  z-index: 1;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider {
  position: relative;
  padding: 2px;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-prev,
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-next {
  color: var(--clr-bg);
  background: var(--clr-primary);
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-md);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-top: -35px;
  opacity: 0.85;
  visibility: visible;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-prev::after,
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-next::after {
  font-family: "Font Awesome 6 Pro", "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-size: 16px;
  font-weight: 900;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-prev:hover,
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-next:hover {
  background: var(--clr-primary-dark);
  opacity: 1;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-prev {
  left: 15px;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-prev::after {
  content: "\f104";
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-next {
  right: 15px;
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider .swiper-button-next::after {
  content: "\f105";
}
.slrs-portfolio-v1 .slrs-portfolio-v1-slider:hover .swiper-button-prev,
.slrs-portfolio-v1 .slrs-portfolio-v1-slider:hover .swiper-button-next {
  visibility: visible;
  opacity: 1;
}

/* portfolio area 2 */
.slrs-portfolio-v2 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 61.98em) {
  .slrs-portfolio-v2 {
    padding: 80px 0;
  }
}
.slrs-portfolio-v2 .portfolio-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.slrs-portfolio-v2 .portfolio-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
}
.slrs-portfolio-v2 .portfolio-img {
  border-radius: 10px;
}
.slrs-portfolio-v2 .portfolio-img img {
  border-radius: 10px;
}
.slrs-portfolio-v2 .portfolio-img .icon {
  background: transparent;
}
.slrs-portfolio-v2 .portfolio-content {
  position: absolute;
  bottom: 0px;
  right: 10px;
  left: 10px;
}
.slrs-portfolio-v2 .portfolio-content .portfolio-info {
  background: var(--color-white);
  border-radius: 50px;
  padding: 6px 10px 12px 10px;
  box-shadow: var(--box-shadow);
  text-align: center;
}
.slrs-portfolio-v2 .portfolio-content .portfolio-info::before {
  border-radius: 50px;
}
.slrs-portfolio-v2 .portfolio-slider .swiper-button-prev,
.slrs-portfolio-v2 .portfolio-slider .swiper-button-next {
  margin: 0;
}

/* ==========================================================================
   Portfolio Single Redesign — Case-Study Dashboard Layout
   ========================================================================== */
.slrs-case-hero {
  position: relative;
  min-height: 480px;
  padding: 100px 0 80px 0;
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--clr-white);
  overflow: hidden;
}
.slrs-case-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.85) 100%);
  background-origin: border-box;
  background-clip: border-box;
  z-index: 1;
}
.slrs-case-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
}
.slrs-case-hero__badge {
  display: inline-block;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: var(--radius-full, 50px);
  margin-bottom: 20px;
  box-shadow: 0 4px 15px var(--clr-primary-op-35);
}
[data-theme=dark] .slrs-case-hero__badge {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
}
.slrs-case-hero__title {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 35px;
  color: var(--clr-white);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 61.98em) {
  .slrs-case-hero__title {
    font-size: 2.2rem;
  }
}
.slrs-case-hero__stats-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 24px 30px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}
@media (max-width: 61.98em) {
  .slrs-case-hero__stats-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (max-width: 35.98em) {
  .slrs-case-hero__stats-bar {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}
.slrs-case-hero__stat-item {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-case-hero__stat-item:last-child {
  border-right: none;
}
@media (max-width: 61.98em) {
  .slrs-case-hero__stat-item {
    border-right: none;
  }
  .slrs-case-hero__stat-item:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 35.98em) {
  .slrs-case-hero__stat-item {
    border-right: none !important;
  }
}
.slrs-case-hero__stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: var(--clr-accent);
}
.slrs-case-hero__stat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-case-hero__stat-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.65);
}
.slrs-case-hero__stat-value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clr-white);
}

.slrs-portfolio-single {
  position: relative;
  z-index: 1;
}
.slrs-portfolio-single__narrative {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slrs-portfolio-single__narrative-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 47.98em) {
  .slrs-portfolio-single__narrative-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.slrs-portfolio-single__narrative-card {
  position: relative;
  padding: 35px;
  border-radius: 24px;
  background: rgba(var(--clr-primary-rgb)/0.02);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-portfolio-single__narrative-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 4px;
  height: 38px;
  border-radius: 0 4px 4px 0;
}
.slrs-portfolio-single__narrative-card--challenge::before {
  background: var(--clr-accent);
}
.slrs-portfolio-single__narrative-card--solution::before {
  background: var(--clr-primary);
}
.slrs-portfolio-single__narrative-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  background: rgba(var(--clr-primary-rgb)/0.04);
  border-color: rgba(var(--clr-primary-rgb)/0.1);
}
[data-theme=dark] .slrs-portfolio-single__narrative-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .slrs-portfolio-single__narrative-card:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-portfolio-single__card-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 15px;
  padding-left: 10px;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-portfolio-single__card-title {
  color: #ffffff;
}
.slrs-portfolio-single__card-text {
  font-size: 0.95rem;
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin: 0;
}

.slrs-case-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 40px 0;
}
@media (max-width: 61.98em) {
  .slrs-case-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 35.98em) {
  .slrs-case-metrics {
    grid-template-columns: 1fr;
  }
}
.slrs-case-metrics__card {
  padding: 30px 20px;
  border-radius: 24px;
  background: var(--clr-white);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.slrs-case-metrics__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(var(--clr-primary-rgb)/0.08);
  border-color: rgba(var(--clr-primary-rgb)/0.15);
}
[data-theme=dark] .slrs-case-metrics__card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .slrs-case-metrics__card {
  background: rgba(12, 21, 41, 0.85);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
}
.slrs-case-metrics__gauge-wrap {
  position: relative;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slrs-case-metrics__gauge-svg {
  width: 100px;
  height: 100px;
  transform: rotate(-90deg);
}
.slrs-case-metrics__gauge-svg circle {
  fill: none;
  stroke-width: 7px;
  stroke-linecap: round;
}
.slrs-case-metrics__gauge-svg .slrs-gauge-bg {
  stroke: rgba(var(--clr-primary-rgb)/0.08);
}
[data-theme=dark] .slrs-case-metrics__gauge-svg .slrs-gauge-bg {
  stroke: rgba(255, 255, 255, 0.08);
}
.slrs-case-metrics__gauge-svg .slrs-gauge-progress {
  transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-case-metrics__gauge-value {
  position: absolute;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-case-metrics__gauge-value {
  color: #ffffff;
}
.slrs-case-metrics__gauge-value small {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.slrs-case-metrics__label {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 6px;
}
[data-theme=dark] .slrs-case-metrics__label {
  color: #ffffff;
}
.slrs-case-metrics__desc {
  font-size: 0.8rem;
  color: var(--clr-text-muted);
  line-height: 1.4;
  margin: 0;
}

.slrs-case-timeline {
  position: relative;
  padding: 40px 0;
  margin: 45px 0;
}
.slrs-case-timeline::before {
  content: "";
  position: absolute;
  top: 68px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: rgba(var(--clr-primary-rgb)/0.08);
  z-index: 1;
}
@media (max-width: 47.98em) {
  .slrs-case-timeline::before {
    display: none;
  }
}
.slrs-case-timeline__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  position: relative;
  z-index: 2;
}
@media (max-width: 47.98em) {
  .slrs-case-timeline__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.slrs-case-timeline__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.slrs-case-timeline__node {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--clr-white);
  border: 3px solid rgba(var(--clr-primary-rgb)/0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--clr-primary);
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-theme=dark] .slrs-case-timeline__node {
  background: rgba(12, 21, 41, 0.95);
  border-color: rgba(255, 255, 255, 0.1);
  color: #4ADE80;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.slrs-case-timeline__step:hover .slrs-case-timeline__node {
  transform: scale(1.12);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  color: var(--clr-white);
  box-shadow: 0 8px 20px var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-case-timeline__step:hover .slrs-case-timeline__node {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  box-shadow: 0 8px 20px rgba(96, 181, 255, 0.3);
}
.slrs-case-timeline__step-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 8px;
}
[data-theme=dark] .slrs-case-timeline__step-title {
  color: #ffffff;
}
.slrs-case-timeline__step-desc {
  font-size: 0.85rem;
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin: 0;
  max-width: 250px;
}

.slrs-portfolio-sidebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.slrs-portfolio-widget {
  padding: 35px;
  border-radius: 24px;
  background: var(--clr-white);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 20px 40px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-portfolio-widget {
  background: rgba(12, 21, 41, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.45);
}
.slrs-portfolio-widget__title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 25px;
  color: var(--clr-text);
  position: relative;
  padding-bottom: 12px;
}
[data-theme=dark] .slrs-portfolio-widget__title {
  color: #ffffff;
}
.slrs-portfolio-widget__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 3px;
}
[data-theme=dark] .slrs-portfolio-widget__title::after {
  background: linear-gradient(90deg, #4ADE80, var(--clr-accent));
}
.slrs-portfolio-widget__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.slrs-portfolio-widget__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(var(--clr-primary-rgb)/0.15);
}
.slrs-portfolio-widget__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
[data-theme=dark] .slrs-portfolio-widget__item {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.slrs-portfolio-widget__item-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.slrs-portfolio-widget__item-label i {
  font-size: 0.95rem;
  color: var(--clr-primary);
  width: 20px;
  text-align: center;
}
[data-theme=dark] .slrs-portfolio-widget__item-label i {
  color: #4ADE80;
}
.slrs-portfolio-widget__item-value {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--clr-text);
  text-align: right;
}
[data-theme=dark] .slrs-portfolio-widget__item-value {
  color: #ffffff;
}

.slrs-portfolio-calculator {
  background: var(--clr-white);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 20px 40px rgba(0, 0, 0, 0.03);
  padding: 35px;
  border-radius: 24px;
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-portfolio-calculator {
  background: rgba(12, 21, 41, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.45);
}
.slrs-portfolio-calculator__title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--clr-text);
  position: relative;
  padding-bottom: 12px;
}
[data-theme=dark] .slrs-portfolio-calculator__title {
  color: #ffffff;
}
.slrs-portfolio-calculator__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 3px;
}
[data-theme=dark] .slrs-portfolio-calculator__title::after {
  background: linear-gradient(90deg, #4ADE80, var(--clr-accent));
}
.slrs-portfolio-calculator__desc {
  font-size: 0.85rem;
  color: var(--clr-text-muted);
  margin-bottom: 24px;
  line-height: 1.5;
}
.slrs-portfolio-calculator__slider-wrap {
  margin-bottom: 24px;
}
.slrs-portfolio-calculator__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 10px;
}
[data-theme=dark] .slrs-portfolio-calculator__label {
  color: #ffffff;
}
.slrs-portfolio-calculator__amount {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-portfolio-calculator__amount {
  color: #4ADE80;
}
.slrs-portfolio-calculator__slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: rgba(var(--clr-primary-rgb)/0.1);
  outline: none;
  transition: background 0.3s;
}
[data-theme=dark] .slrs-portfolio-calculator__slider {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-portfolio-calculator__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--clr-primary);
  cursor: pointer;
  border: 3px solid var(--clr-white);
  box-shadow: 0 4px 10px rgba(var(--clr-primary-rgb)/0.3);
  transition: transform 0.2s ease;
}
[data-theme=dark] .slrs-portfolio-calculator__slider::-webkit-slider-thumb {
  background: #4ADE80;
  border-color: rgb(12, 21, 41);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.slrs-portfolio-calculator__slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.slrs-portfolio-calculator__slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--clr-primary);
  cursor: pointer;
  border: 3px solid var(--clr-white);
  box-shadow: 0 4px 10px rgba(var(--clr-primary-rgb)/0.3);
  transition: transform 0.2s ease;
}
[data-theme=dark] .slrs-portfolio-calculator__slider::-moz-range-thumb {
  background: #4ADE80;
  border-color: rgb(12, 21, 41);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.slrs-portfolio-calculator__slider::-moz-range-thumb:hover {
  transform: scale(1.15);
}
.slrs-portfolio-calculator__results {
  background: rgba(var(--clr-primary-rgb)/0.03);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
[data-theme=dark] .slrs-portfolio-calculator__results {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-portfolio-calculator__result-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slrs-portfolio-calculator__result-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.slrs-portfolio-calculator__result-val {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-portfolio-calculator__result-val {
  color: #ffffff;
}
.slrs-portfolio-calculator__result-val--accent {
  color: #10B981;
}
[data-theme=dark] .slrs-portfolio-calculator__result-val--accent {
  color: #34D399;
}

.slrs-portfolio-testimonial {
  padding: 30px;
  border-radius: 24px;
  background: rgba(var(--clr-primary-rgb)/0.03);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-portfolio-testimonial {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.slrs-portfolio-testimonial__quote {
  font-size: 0.95rem;
  line-height: var(--lh-relaxed);
  font-style: italic;
  color: var(--clr-text);
  margin-bottom: 20px;
  position: relative;
}
[data-theme=dark] .slrs-portfolio-testimonial__quote {
  color: rgba(255, 255, 255, 0.9);
}
.slrs-portfolio-testimonial__client {
  display: flex;
  align-items: center;
  gap: 15px;
}
.slrs-portfolio-testimonial__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--clr-primary);
}
[data-theme=dark] .slrs-portfolio-testimonial__avatar {
  border-color: #4ADE80;
}
.slrs-portfolio-testimonial__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-portfolio-testimonial__name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-portfolio-testimonial__name {
  color: #ffffff;
}
.slrs-portfolio-testimonial__role {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--clr-text-muted);
}
.slrs-portfolio-testimonial__rating {
  display: inline-flex;
  gap: 2px;
  color: var(--clr-accent);
  font-size: 0.8rem;
  margin-top: 4px;
}

.slrs-portfolio-promo {
  position: relative;
  z-index: 1;
  padding: 40px 35px;
  border-radius: 24px;
  overflow: hidden;
  color: var(--clr-white);
  box-shadow: 0 15px 40px var(--clr-primary-op-25);
  background: linear-gradient(135deg, var(--clr-primary) 0%, rgba(var(--clr-primary-rgb)/0.85) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-portfolio-promo {
  background: linear-gradient(135deg, #0e1a30 0%, #081020 100%);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.slrs-portfolio-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, var(--clr-accent) 0%, transparent 60%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0.35;
  z-index: -1;
}
.slrs-portfolio-promo__title {
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 20px;
  color: var(--clr-white);
}
.slrs-portfolio-promo__desc {
  font-size: 0.9rem;
  line-height: var(--lh-relaxed);
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 25px;
}
.slrs-portfolio-promo .slrs-btn {
  width: 100%;
  justify-content: center;
}
.slrs-portfolio-promo .slrs-btn::before {
  background: var(--clr-accent);
}
.slrs-portfolio-promo .slrs-btn:hover {
  color: var(--clr-text) !important;
}

.slrs-portfolio-details__content h3 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--clr-text);
  margin-bottom: 20px;
  line-height: 1.3;
}
[data-theme=dark] .slrs-portfolio-details__content h3 {
  color: #ffffff;
}
.slrs-portfolio-details__content p {
  font-size: 1rem;
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: 24px;
}
.slrs-portfolio-details__highlight-box {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 35px;
  border-radius: 24px;
  background: rgba(var(--clr-primary-rgb)/0.02);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .slrs-portfolio-details__highlight-box {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-portfolio-details__list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.slrs-portfolio-details__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--clr-text);
  line-height: 1.4;
}
.slrs-portfolio-details__list li i {
  font-size: 1rem;
  color: var(--clr-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
[data-theme=dark] .slrs-portfolio-details__list li i {
  color: #4ADE80;
}
[data-theme=dark] .slrs-portfolio-details__list li {
  color: rgba(255, 255, 255, 0.95);
}
.slrs-portfolio-details__gallery {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slrs-portfolio-details__gallery .gallery-item {
  border-radius: var(--radius-xl, 16px);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-portfolio-details__gallery .gallery-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.slrs-portfolio-details__gallery .gallery-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.1);
}
.slrs-portfolio-details__gallery .gallery-item:hover img {
  transform: scale(1.05);
}

.slrs-project-v1 {
  position: relative;
  display: block;
  height: 420px;
  border-radius: var(--radius-2xl, 20px);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(0, 0, 0, 0.06);
  z-index: 1;
}
[data-theme=dark] .slrs-project-v1 {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 8px 35px rgba(0, 0, 0, 0.3);
}
.slrs-project-v1::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  border-radius: calc(var(--radius-2xl, 20px) - 3px);
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.45s ease;
}
.slrs-project-v1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--clr-primary));
  background-origin: border-box;
  background-clip: border-box;
  z-index: 7;
  opacity: 0;
  transition: opacity 0.4s ease;
}
[data-theme=dark] .slrs-project-v1::after {
  background: linear-gradient(90deg, #4ADE80, var(--clr-accent), #4ADE80);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-project-v1:hover {
  transform: translateY(-8px) translateZ(0);
  box-shadow: 0 16px 40px var(--clr-primary-op-10), 0 25px 60px rgba(0, 0, 0, 0.12);
}
[data-theme=dark] .slrs-project-v1:hover {
  box-shadow: 0 16px 40px rgba(96, 181, 255, 0.08), 0 25px 55px rgba(0, 0, 0, 0.5);
}
.slrs-project-v1:hover::before {
  opacity: 1;
}
.slrs-project-v1:hover::after {
  opacity: 1;
}
.slrs-project-v1:hover .slrs-project-v1__img {
  transform: scale(1.06) translateZ(0);
  filter: saturate(1.15) contrast(1.04) brightness(1.02);
}
.slrs-project-v1:hover .slrs-project-v1__glow {
  opacity: 0.18;
}
.slrs-project-v1:hover .slrs-project-v1__lightbox::after {
  opacity: 1;
}
.slrs-project-v1:hover .slrs-project-v1__lightbox::before {
  left: 150%;
}
.slrs-project-v1:hover .slrs-project-v1__zoom {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) translateZ(0);
  box-shadow: 0 8px 25px var(--clr-primary-op-40), 0 0 0 6px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-project-v1:hover .slrs-project-v1__zoom {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 0 6px rgba(96, 181, 255, 0.15);
}
.slrs-project-v1:hover .slrs-project-v1__badge {
  transform: translateY(0) translateZ(0);
  opacity: 1;
}
.slrs-project-v1:hover .slrs-project-v1__panel {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 20px 45px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
[data-theme=dark] .slrs-project-v1:hover .slrs-project-v1__panel {
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3), 0 25px 55px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.slrs-project-v1:hover .slrs-project-v1__title a {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-decoration: none !important;
}
[data-theme=dark] .slrs-project-v1:hover .slrs-project-v1__title a {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-project-v1:hover .slrs-project-v1__cta {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  color: var(--clr-white);
  box-shadow: 0 6px 16px var(--clr-primary-op-35), 0 0 0 6px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-project-v1:hover .slrs-project-v1__cta {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(96, 181, 255, 0.3), 0 0 0 6px rgba(96, 181, 255, 0.15);
}
.slrs-project-v1:hover .slrs-project-v1__cta i {
  transform: translateX(2px);
}
.slrs-project-v1__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.02);
  transform: scale(1) translateZ(0);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}
.slrs-project-v1__glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top right, var(--clr-primary), transparent 55%), radial-gradient(circle at bottom left, var(--clr-accent), transparent 55%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 2;
}
[data-theme=dark] .slrs-project-v1__glow {
  background: radial-gradient(circle at top right, #4ADE80, transparent 55%), radial-gradient(circle at bottom left, var(--clr-accent), transparent 55%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-project-v1__lightbox {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
  z-index: 3;
}
.slrs-project-v1__lightbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  background-origin: border-box;
  background-clip: border-box;
  transform: skewX(-25deg);
  transition: left 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
  pointer-events: none;
}
.slrs-project-v1__lightbox::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 40%, transparent 65%);
  background-origin: border-box;
  background-clip: border-box;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 1;
}
.slrs-project-v1__zoom {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7) translateZ(0);
  width: 52px;
  height: 52px;
  background: var(--clr-primary);
  border: 2px solid #ffffff;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease, background-color 0.3s ease;
  box-shadow: 0 8px 25px var(--clr-primary-op-40);
  z-index: 5;
}
[data-theme=dark] .slrs-project-v1__zoom {
  border-color: #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
}
.slrs-project-v1__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.02) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.55) 100%);
  background-origin: border-box;
  background-clip: border-box;
  pointer-events: none;
  z-index: 3;
}
[data-theme=dark] .slrs-project-v1__overlay {
  background: linear-gradient(180deg, transparent 15%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.7) 100%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-project-v1__badge {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 5px 14px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--clr-white);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-full, 50px);
  z-index: 6;
  box-shadow: 0 4px 15px var(--clr-primary-op-30), 0 0 20px var(--clr-primary-op-10);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, box-shadow 0.3s ease;
  transform: translateY(-3px) translateZ(0);
  opacity: 0.92;
}
[data-theme=dark] .slrs-project-v1__badge {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 15px rgba(96, 181, 255, 0.3), 0 0 20px rgba(96, 181, 255, 0.1);
}
.slrs-project-v1__panel {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 16px 18px;
  height: 104px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 6;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), 0 12px 30px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, box-shadow 0.45s ease;
  transform: translateY(5px) translateZ(0);
  opacity: 0.95;
  overflow: hidden;
}
.slrs-project-v1__panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 4px 0 0 4px;
  z-index: 1;
}
[data-theme=dark] .slrs-project-v1__panel::before {
  background: linear-gradient(to bottom, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
}
[data-theme=dark] .slrs-project-v1__panel {
  background: rgba(12, 21, 41, 0.85);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 15px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.slrs-project-v1__meta {
  flex: 1;
  min-width: 0;
  padding-left: 8px;
}
.slrs-project-v1__cat {
  display: block;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--clr-accent);
  margin-bottom: 2px;
}
.slrs-project-v1__title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 6px 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-project-v1__title a {
  color: var(--clr-text);
  text-decoration: none !important;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-project-v1__title a {
  color: #ffffff;
}
.slrs-project-v1__title a:hover {
  color: var(--clr-primary);
  text-decoration: none !important;
}
.slrs-project-v1__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.slrs-project-v1__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 600;
  color: var(--clr-text-muted);
  background: var(--clr-primary-op-6);
  border: 1px solid var(--clr-primary-op-4);
  border-radius: var(--radius-full, 50px);
  white-space: nowrap;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.slrs-project-v1__chip i {
  font-size: 8px;
  color: var(--clr-primary);
  flex-shrink: 0;
}
[data-theme=dark] .slrs-project-v1__chip {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.7);
}
[data-theme=dark] .slrs-project-v1__chip i {
  color: #4ADE80;
}
.slrs-project-v1__cta {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--clr-primary-op-8);
  border: 1px solid var(--clr-primary-op-6);
  color: var(--clr-primary);
  font-size: 0.85rem;
  text-decoration: none;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
[data-theme=dark] .slrs-project-v1__cta {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
}
.slrs-project-v1__cta i {
  transition: transform 0.3s ease;
}
.slrs-project-v1__cta:hover {
  transform: scale(1.1) rotate(-45deg);
  border-color: transparent;
}
@media (max-width: 61.98em) {
  .slrs-project-v1::before, .slrs-project-v1::after {
    display: none !important;
  }
  .slrs-project-v1 {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
  }
  [data-theme=dark] .slrs-project-v1 {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
  }
  .slrs-project-v1:hover {
    transform: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
  }
  [data-theme=dark] .slrs-project-v1:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  }
}

/* Portfolio tab system overrides & layout styling */
.slrs-portfolio-v1__tab-wrapper {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  margin: 0 auto 45px auto;
  border-radius: 50px;
  padding: 7px;
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45)), linear-gradient(135deg, rgba(22, 101, 52, 0.2) 0%, rgba(238, 115, 37, 0.15) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.8);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-portfolio-v1__tab-wrapper, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-wrapper, .portfolio-bg ~ * .slrs-portfolio-v1__tab-wrapper {
  background: rgba(15, 23, 42, 0.45);
  background-image: linear-gradient(rgba(15, 23, 42, 0.45), rgba(15, 23, 42, 0.45)), linear-gradient(135deg, rgba(74, 222, 128, 0.25) 0%, rgba(238, 115, 37, 0.25) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.08);
}
@media (max-width: 74.98em) {
  .slrs-portfolio-v1__tab-wrapper {
    display: flex;
    width: 100%;
    margin-bottom: 35px;
  }
}

.slrs-portfolio-v1__tab-nav {
  justify-content: safe center;
  gap: 8px !important;
}
@media (max-width: 74.98em) {
  .slrs-portfolio-v1__tab-nav {
    justify-content: flex-start;
  }
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn {
  position: relative;
  padding: 13px 28px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  color: var(--clr-text-muted);
  border: none;
  background: transparent;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50px;
  background: rgba(15, 23, 42, 0.05);
  border: 1px solid rgba(15, 23, 42, 0.08);
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: -1;
  pointer-events: none;
}
[data-theme=dark] .slrs-portfolio-v1__tab-nav .universal-tab-btn, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-nav .universal-tab-btn, .portfolio-bg ~ * .slrs-portfolio-v1__tab-nav .universal-tab-btn {
  color: rgba(255, 255, 255, 0.65);
}
[data-theme=dark] .slrs-portfolio-v1__tab-nav .universal-tab-btn::before, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-nav .universal-tab-btn::before, .portfolio-bg ~ * .slrs-portfolio-v1__tab-nav .universal-tab-btn::before {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn i {
  margin-right: 8px;
  font-size: 14px;
  color: var(--clr-text-muted);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;
}
[data-theme=dark] .slrs-portfolio-v1__tab-nav .universal-tab-btn i, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-nav .universal-tab-btn i, .portfolio-bg ~ * .slrs-portfolio-v1__tab-nav .universal-tab-btn i {
  color: rgba(255, 255, 255, 0.6);
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) {
  color: var(--clr-text);
  transform: translateY(-1px);
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active)::before {
  opacity: 1;
  transform: scale(1);
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) i {
  transform: translateY(-1px) scale(1.05);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active), .portfolio-bg ~ .container .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active), .portfolio-bg ~ * .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) {
  color: #ffffff;
}
[data-theme=dark] .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) i, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) i, .portfolio-bg ~ * .slrs-portfolio-v1__tab-nav .universal-tab-btn:hover:not(.active) i {
  color: #4ADE80;
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn.active {
  font-weight: 700;
  color: var(--clr-white) !important;
  transform: scale(1.03) translate3d(0, 0, 0);
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn.active::before {
  display: none;
}
.slrs-portfolio-v1__tab-nav .universal-tab-btn.active i {
  color: var(--clr-white) !important;
}

.slrs-portfolio-v1__tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border-radius: 30px;
  background: rgba(var(--clr-primary-rgb)/0.06);
  color: var(--clr-primary);
  margin-left: 6px;
  transition: background 0.3s ease, color 0.3s ease;
}
[data-theme=dark] .slrs-portfolio-v1__tab-count, .portfolio-bg ~ .container .slrs-portfolio-v1__tab-count, .portfolio-bg ~ * .slrs-portfolio-v1__tab-count {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
}
.universal-tab-btn.active .slrs-portfolio-v1__tab-count {
  background: rgba(255, 255, 255, 0.25);
  color: var(--clr-white);
}
.universal-tab-btn:hover .slrs-portfolio-v1__tab-count {
  background: rgba(var(--clr-primary-rgb)/0.15);
  color: var(--clr-primary);
}
[data-theme=dark] .universal-tab-btn:hover .slrs-portfolio-v1__tab-count, .portfolio-bg ~ .container .universal-tab-btn:hover .slrs-portfolio-v1__tab-count, .portfolio-bg ~ * .universal-tab-btn:hover .slrs-portfolio-v1__tab-count {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.universal-tab-btn.active:hover .slrs-portfolio-v1__tab-count {
  background: rgba(255, 255, 255, 0.3);
  color: var(--clr-white);
}

.tabs-indicator-pill[data-instance=portfolio-tabs] .universal-tab-indicator,
.tabs-indicator-pill[data-instance=testimonial-platforms] .universal-tab-indicator {
  border-radius: 50px;
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 4px 15px rgba(22, 101, 52, 0.4), 0 8px 30px rgba(238, 115, 37, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  animation: slrs-tab-indicator-glow 3s infinite ease-in-out;
}
[data-theme=dark] .tabs-indicator-pill[data-instance=portfolio-tabs] .universal-tab-indicator,
[data-theme=dark] .tabs-indicator-pill[data-instance=testimonial-platforms] .universal-tab-indicator {
  background: linear-gradient(135deg, #4ADE80 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 4px 15px rgba(74, 222, 128, 0.4), 0 8px 30px rgba(238, 115, 37, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  animation: slrs-tab-indicator-glow-dark 3s infinite ease-in-out;
}

@keyframes slrs-tab-indicator-glow {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(22, 101, 52, 0.4), 0 8px 25px rgba(238, 115, 37, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  }
  50% {
    box-shadow: 0 6px 18px rgba(22, 101, 52, 0.55), 0 12px 35px rgba(238, 115, 37, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  }
}
@keyframes slrs-tab-indicator-glow-dark {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(74, 222, 128, 0.35), 0 8px 25px rgba(238, 115, 37, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }
  50% {
    box-shadow: 0 6px 18px rgba(74, 222, 128, 0.5), 0 12px 35px rgba(238, 115, 37, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  }
}
.slrs-project-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--clr-bg);
  border: 1px solid var(--clr-glass-op-8);
  border-top: 3px solid var(--clr-primary);
  border-radius: var(--radius-2xl, 20px);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, border-top-color 0.3s ease;
  box-shadow: 0 6px 20px rgba(var(--clr-primary-rgb)/0.04), 0 12px 35px var(--clr-smoke-op-2);
  z-index: 1;
  margin-bottom: 30px;
}
[data-theme=dark] .slrs-project-v2 {
  background: rgba(15, 23, 42, 0.7);
  border-color: var(--clr-glass-op-8);
  border-top-color: #4ADE80;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), 0 12px 35px var(--clr-smoke-op-25);
}
.slrs-project-v2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle at top right, rgba(var(--clr-primary-rgb)/0.06) 0%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 var(--radius-2xl, 20px) 0 0;
  pointer-events: none;
  z-index: 0;
  transition: width 0.5s ease, height 0.5s ease;
}
[data-theme=dark] .slrs-project-v2::before {
  background: radial-gradient(circle at top right, rgba(96, 181, 255, 0.05) 0%, transparent 70%);
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-project-v2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 0 0 var(--radius-2xl, 20px) var(--radius-2xl, 20px);
  transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 1;
}
[data-theme=dark] .slrs-project-v2::after {
  background: linear-gradient(90deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-project-v2__img-wrap {
  position: relative;
  width: 100%;
  height: 220px;
  border-radius: 14px;
  overflow: hidden;
  z-index: 1;
}
.slrs-project-v2__img-wrap::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 30px;
  background: var(--clr-bg);
  clip-path: polygon(0 100%, 100% 50%, 100% 100%);
  z-index: 3;
  pointer-events: none;
}
[data-theme=dark] .slrs-project-v2__img-wrap::before {
  background: rgba(15, 23, 42, 0.7);
}
.slrs-project-v2__img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 60%, transparent) -150% 0/200% 100% no-repeat, linear-gradient(180deg, transparent 50%, var(--clr-smoke-op-35) 100%);
  background-origin: border-box;
  background-clip: border-box;
  z-index: 2;
  opacity: 0.8;
  transition: opacity 0.3s ease, background-position 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-project-v2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-project-v2__status {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 9px;
  font-weight: 700;
  color: #ffffff;
  background: rgba(11, 19, 38, 0.92);
  border: 1px solid var(--clr-glass-op-12);
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0 4px 10px var(--clr-smoke-op-20);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
.slrs-project-v2__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
}
.slrs-project-v2__status-dot::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  opacity: 0.7;
  animation: slrsPulse 2s infinite ease-in-out;
  will-change: transform, opacity;
}
.slrs-project-v2__status--active .slrs-project-v2__status-dot {
  background: #10B981;
  color: #10B981;
}
.slrs-project-v2__status--alert .slrs-project-v2__status-dot {
  background: #F59E0B;
  color: #F59E0B;
}
.slrs-project-v2__status--info .slrs-project-v2__status-dot {
  background: #3B82F6;
  color: #3B82F6;
}
.slrs-project-v2__content {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.slrs-project-v2__category {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--clr-accent);
  margin-bottom: 6px;
}
.slrs-project-v2__title {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 14px 0;
  line-height: 1.35;
}
.slrs-project-v2__title a {
  color: var(--clr-text);
  text-decoration: none !important;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-project-v2__title a {
  color: #ffffff;
}
.slrs-project-v2__title a:hover {
  color: var(--clr-primary);
  text-decoration: none !important;
}
.slrs-project-v2__divider {
  height: 1px;
  width: 40px;
  background: rgb(var(--clr-primary-rgb)/0.12);
  margin-bottom: 14px;
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
}
[data-theme=dark] .slrs-project-v2__divider {
  background: var(--clr-glass-op-15);
}
.slrs-project-v2__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
  background: rgba(var(--clr-primary-rgb)/0.03);
  border-radius: 12px;
  padding: 10px 8px;
  border: 1px solid rgba(var(--clr-primary-rgb)/0.06);
  transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
[data-theme=dark] .slrs-project-v2__metrics {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-project-v2__metric {
  text-align: center;
  border-right: 1px solid rgba(var(--clr-primary-rgb)/0.08);
}
.slrs-project-v2__metric:last-child {
  border-right: none;
}
[data-theme=dark] .slrs-project-v2__metric {
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-project-v2__metric-label {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 3px;
}
[data-theme=dark] .slrs-project-v2__metric-label {
  color: var(--clr-glass-op-50);
}
.slrs-project-v2__metric-val {
  font-size: 11px;
  font-weight: 700;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-project-v2__metric-val {
  color: #ffffff;
}
.slrs-project-v2__footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slrs-project-v2__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--clr-primary);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-project-v2__cta {
  color: #4ADE80;
}
.slrs-project-v2__cta:hover {
  color: var(--clr-accent);
}
.slrs-project-v2__arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(var(--clr-primary-rgb)/0.06);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-project-v2__arrow {
  background: var(--clr-glass-op-5);
  color: var(--clr-glass-op-80);
}
.slrs-project-v2:hover {
  transform: translateY(-6px) translateZ(0);
  border-color: rgb(var(--clr-primary-rgb)/0.18);
  border-top-color: var(--clr-accent);
  box-shadow: 0 12px 35px rgba(var(--clr-primary-rgb)/0.08), 0 20px 50px var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-project-v2:hover {
  border-color: var(--clr-glass-op-15);
  border-top-color: var(--clr-accent);
  box-shadow: 0 12px 35px rgba(96, 181, 255, 0.06), 0 20px 50px var(--clr-smoke-op-45);
}
.slrs-project-v2:hover::before {
  width: 140px;
  height: 140px;
}
.slrs-project-v2:hover::after {
  width: 100%;
}
.slrs-project-v2:hover .slrs-project-v2__img {
  transform: scale(1.08) translateZ(0);
}
.slrs-project-v2:hover .slrs-project-v2__img-wrap::after {
  background-position: 150% 0, 0 0;
}
.slrs-project-v2:hover .slrs-project-v2__status {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.slrs-project-v2:hover .slrs-project-v2__status-dot::after {
  animation-duration: 1.2s;
}
.slrs-project-v2:hover .slrs-project-v2__divider {
  width: 100%;
  background: rgba(var(--clr-primary-rgb)/0.25);
}
[data-theme=dark] .slrs-project-v2:hover .slrs-project-v2__divider {
  background: var(--clr-glass-op-25);
}
.slrs-project-v2:hover .slrs-project-v2__title a {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-decoration: none !important;
}
[data-theme=dark] .slrs-project-v2:hover .slrs-project-v2__title a {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-project-v2:hover .slrs-project-v2__metrics {
  background: rgba(var(--clr-primary-rgb)/0.06);
  border-color: rgb(var(--clr-primary-rgb)/0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb)/0.04);
}
[data-theme=dark] .slrs-project-v2:hover .slrs-project-v2__metrics {
  background: var(--clr-glass-op-4);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.slrs-project-v2:hover .slrs-project-v2__arrow {
  transform: translateX(3px) rotate(-45deg);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white);
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb)/0.3);
}
[data-theme=dark] .slrs-project-v2:hover .slrs-project-v2__arrow {
  background: linear-gradient(135deg, #4ADE80, var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 4px 12px rgba(96, 181, 255, 0.3);
}
@media (max-width: 61.98em) {
  .slrs-project-v2::before, .slrs-project-v2::after,
  .slrs-project-v2 .slrs-project-v2__img-wrap::before {
    display: none !important;
  }
  .slrs-project-v2 {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  }
  [data-theme=dark] .slrs-project-v2 {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  }
  .slrs-project-v2:hover {
    transform: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06) !important;
  }
  [data-theme=dark] .slrs-project-v2:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
  }
}

@keyframes slrsPulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.slrs-portfolio-v2 {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
.slrs-portfolio-v2 .slrs-project-v1-2 {
  display: none;
}

.slrs-quote {
  --quote-primary: var(--clr-primary);
  --quote-primary-rgb: 22, 101, 52;
  --quote-accent: var(--clr-accent);
  --quote-accent-rgb: 255, 126, 0;
  --quote-dark-bg: rgba(15, 23, 42, 0.82);
  --quote-border-color: rgba(255, 255, 255, 0.08);
  --quote-border-glow: rgba(0, 0, 0, 0.3);
  --quote-text-light: var(--clr-white);
  --quote-border-radius: var(--radius-3xl);
  --quote-input-radius: var(--radius-xl);
  --quote-input-border-left: 2px solid rgba(255, 255, 255, 0.08);
  --quote-input-focus-border: var(--clr-primary);
  --quote-input-focus-border-left: var(--clr-primary);
  --quote-active-step-bg: var(--clr-primary);
  --quote-active-step-color: var(--clr-white);
  --quote-active-step-label: var(--clr-white);
  --quote-submit-btn-bg: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  --quote-submit-btn-hover: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-primary) 100%);
  --quote-submit-btn-color: var(--clr-white);
  --quote-submit-btn-radius: var(--radius-xl);
  --quote-submit-arrow-bg: rgba(255, 255, 255, 0.15);
  --quote-submit-arrow-border: 1px solid rgba(255, 255, 255, 0.2);
  --quote-submit-arrow-bg-hover: var(--clr-white);
  --quote-submit-arrow-color-hover: var(--quote-primary);
  --quote-badge-bg: linear-gradient(135deg, var(--clr-danger), #dc2626);
  --quote-badge-color: var(--clr-white);
  --quote-badge-radius: var(--radius-xl);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slrs-quote {
  position: relative;
  background: var(--gradient-hero);
  overflow: hidden;
}
.slrs-quote > .container, .slrs-quote > [class*=container] {
  position: relative;
  z-index: 10;
}
.slrs-quote {
  padding: var(--space-base-56) 0;
}
@media (min-width: 48em) {
  .slrs-quote {
    padding: var(--space-base-96) 0;
  }
}
@media (min-width: 75em) {
  .slrs-quote {
    padding: var(--space-base-144) 0;
  }
}
.slrs-quote {
  --section-image-tint: rgba(11, 17, 32, 0.78);
  position: relative;
  overflow: hidden;
}
.slrs-quote .slrs-section-bg .slrs-section-bg__gradient {
  background: linear-gradient(180deg, transparent 0%, var(--section-bg-color) 100%);
}
@media (max-width: 61.98em) {
  .slrs-quote {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-quote {
    padding: var(--space-base-80) 0;
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-quote {
    padding: var(--space-base-120) 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-quote {
    padding: var(--space-base-40) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-quote {
    padding: var(--space-base-64) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-quote {
    padding: var(--space-base-96) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-quote {
    padding: var(--space-base-32) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote {
    padding: var(--space-base-48) 0;
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote {
    padding: var(--space-base-72) 0;
  }
}

.slrs-quote__content {
  color: var(--clr-white);
  padding: var(--space-base-24) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote__content {
    padding: var(--space-base-36) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote__content {
    padding: var(--space-base-56) var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-quote__content {
    text-align: center;
  }
}

.slrs-quote__badge-bar {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote__badge-bar {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote__badge-bar {
    gap: var(--space-base-16);
  }
}
.slrs-quote__badge-bar {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 0;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote__badge-bar {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote__badge-bar {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote__badge-bar .slrs-quote__badge-divider {
  display: none;
}
@media (max-width: 61.98em) {
  .slrs-quote__badge-bar {
    display: flex;
    justify-content: center;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}

.slrs-quote__badge-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  letter-spacing: 0.02em;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-quote__badge-item:hover {
  transform: translateY(-2px);
}
.slrs-quote__badge-item--live {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0.04) 100%);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: var(--clr-success);
  padding: 6px 14px;
  border-radius: 50px;
  font-weight: 500;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 12px rgba(34, 197, 94, 0.08);
}
.slrs-quote__badge-item--live:hover {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.22) 0%, rgba(34, 197, 94, 0.08) 100%);
  border-color: rgba(34, 197, 94, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 18px rgba(34, 197, 94, 0.22), 0 0 10px rgba(34, 197, 94, 0.15);
}
.slrs-quote__badge-item--promo {
  background: linear-gradient(135deg, rgba(255, 126, 0, 0.16) 0%, rgba(255, 126, 0, 0.04) 100%);
  border: 1px solid rgba(255, 126, 0, 0.3);
  color: var(--clr-accent);
  padding: 6px 14px;
  border-radius: 50px;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 12px rgba(255, 126, 0, 0.08);
}
.slrs-quote__badge-item--promo:hover {
  background: linear-gradient(135deg, rgba(255, 126, 0, 0.22) 0%, rgba(255, 126, 0, 0.08) 100%);
  border-color: rgba(255, 126, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 18px rgba(255, 126, 0, 0.22), 0 0 10px rgba(255, 126, 0, 0.15);
}

.slrs-quote__badge-dot {
  background: var(--clr-success);
  box-shadow: 0 0 10px var(--clr-success);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 2px;
}
.slrs-quote__badge-dot::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1px solid var(--clr-success);
}

.slrs-quote__phone-card-compact {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote__phone-card-compact {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote__phone-card-compact {
    gap: var(--space-base-20);
  }
}
.slrs-quote__phone-card-compact {
  padding: 16px 20px;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote__phone-card-compact {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote__phone-card-compact {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote__phone-card-compact {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: background 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.slrs-quote__phone-card-compact::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  z-index: 1;
  pointer-events: none;
}
.slrs-quote__phone-card-compact:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(var(--quote-primary-rgb), 0.3);
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25), 0 0 20px rgba(var(--quote-primary-rgb), 0.1);
}
.slrs-quote__phone-card-compact:hover .slrs-quote__phone-card-icon {
  background: var(--quote-primary);
  color: var(--quote-text-light);
  transform: scale(1.12) rotate(6deg);
  box-shadow: 0 0 15px rgba(var(--quote-primary-rgb), 0.4);
}
.slrs-quote__phone-card-compact:hover .slrs-quote__phone-card-arrow {
  color: var(--quote-primary);
  transform: translateX(5px);
}
.slrs-quote__phone-card-compact:hover .slrs-quote__phone-card-text .number {
  color: var(--quote-primary);
}
@media (max-width: 61.98em) {
  .slrs-quote__phone-card-compact {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

.slrs-quote__phone-card-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: var(--quote-primary);
  background: rgba(var(--quote-primary-rgb), 0.1);
  border: 1px solid rgba(var(--quote-primary-rgb), 0.15);
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, background 0.4s ease, color 0.4s ease;
}

.slrs-quote__phone-card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
  z-index: 2;
}
.slrs-quote__phone-card-text .label {
  font-size: var(--ffs-2xs);
  color: var(--clr-glass-op-65);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-quote__phone-card-text .number {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
  margin-top: 2px;
  transition: color 0.3s ease;
}

.slrs-quote__phone-card-arrow {
  font-size: var(--ffs-sm);
  color: var(--clr-glass-op-45);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;
  z-index: 2;
  display: flex;
  align-items: center;
}

.slrs-quote__section-divider {
  position: relative;
  margin-top: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-quote__section-divider {
    margin-top: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-quote__section-divider {
    margin-top: var(--space-base-56);
  }
}
.slrs-quote__section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100%);
}
.slrs-quote__section-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: var(--quote-primary);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--quote-primary), 0 0 20px rgba(var(--quote-primary-rgb), 0.5);
  animation: slrs-quote-divider-glow 2s ease-in-out infinite;
}
.slrs-quote__section-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--quote-primary-rgb), 0.5), transparent);
  filter: blur(2px);
}
@media (max-width: 61.98em) {
  .slrs-quote__section-divider {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

.slrs-quote__stats {
  margin-top: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-quote__stats {
    margin-top: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-quote__stats {
    margin-top: var(--space-base-56);
  }
}
.slrs-quote__stats {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  position: relative;
  overflow: visible;
}
@media (max-width: 61.98em) {
  .slrs-quote__stats {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

.slrs-quote__stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  position: relative;
  z-index: 5;
}
@media (max-width: 35.98em) {
  .slrs-quote__stats-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-quote__stat {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background-clip: padding-box;
  text-align: left;
  margin: 0;
  transition: background 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.slrs-quote__stat::after {
  font-family: var(--ff-font-awesome);
  font-weight: 900;
  position: absolute;
  right: -12px;
  bottom: -15px;
  font-size: 4.8rem;
  line-height: 1;
  opacity: 0.025;
  color: var(--clr-white);
  pointer-events: none;
  transform: rotate(-15deg) scale(1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
  z-index: 1;
}
.slrs-quote__stat:nth-child(1)::after {
  content: "\f005";
}
.slrs-quote__stat:nth-child(2)::after {
  content: "\f1a0";
  font-family: var(--ff-font-awesome-brands);
}
.slrs-quote__stat:nth-child(3)::after {
  content: "\f164";
}
.slrs-quote__stat:nth-child(4)::after {
  content: "\f559";
}
.slrs-quote__stat:hover {
  background: var(--clr-glass-op-7);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.slrs-quote__stat:hover::after {
  transform: scale(1.12) rotate(-10deg);
  opacity: 0.055;
}
.slrs-quote__stat:hover .slrs-quote__stat-icon {
  transform: scale(1.12) rotate(6deg);
}

.slrs-quote__stat-icon {
  z-index: 2;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  font-size: 1.1rem;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  background: rgba(var(--quote-primary-rgb), 0.08);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--quote-primary);
}
.slrs-quote__stat-icon--primary {
  background: rgba(59, 130, 246, 0.08);
  color: #3b82f6;
}
.slrs-quote__stat-icon--accent {
  background: rgba(255, 126, 0, 0.08);
  color: var(--clr-accent);
}
.slrs-quote__stat-icon--success {
  background: rgba(34, 197, 94, 0.08);
  color: #22c55e;
}
.slrs-quote__stat-icon--google {
  background: rgba(234, 67, 53, 0.08);
  color: #ea4335;
}

.slrs-quote__stat-content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  align-items: flex-start;
  min-width: 0;
}
.slrs-quote__stat-content strong {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: clamp(20px, 2.5vw, 24px);
  color: var(--clr-white);
  font-weight: 700;
  font-family: var(--ff-heading);
}
.slrs-quote__stat-content span {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.slrs-quote-form {
  position: relative;
  background: var(--quote-dark-bg);
  border: 1px solid var(--quote-border-color);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: var(--quote-border-radius);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  color: rgba(255, 255, 255, 0.85);
}
.slrs-quote-form::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--quote-primary) 0%, var(--quote-accent) 50%, var(--quote-primary) 100%);
  background-size: 200% 200%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.slrs-quote-form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(180deg, rgba(var(--quote-primary-rgb), 0.05) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.slrs-quote-form:hover {
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.4), 0 0 35px var(--quote-border-glow);
  transform: translateY(-4px);
}

.slrs-quote-form__badge {
  position: absolute;
  top: -14px;
  right: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__badge {
    padding: var(--space-base-12) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__badge {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
.slrs-quote-form__badge {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--quote-badge-color);
  background: var(--quote-badge-bg);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: var(--quote-badge-radius);
  box-shadow: 0 8px 20px rgba(var(--quote-primary-rgb), 0.35);
  overflow: hidden;
  transform: rotate(5deg);
  z-index: 20;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: slrs-quote-badge-float 4s ease-in-out infinite;
}
.slrs-quote-form__badge:hover {
  animation-play-state: paused;
}
.slrs-quote-form__badge small {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  opacity: 0.9;
}
.slrs-quote-form__badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transform: translate3d(-200%, 0, 0);
  animation: slrs-quote-shine 3s ease-in-out infinite;
}

.slrs-quote-form__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__header {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__header {
    gap: var(--space-base-28);
  }
}
.slrs-quote-form__header {
  padding: var(--space-base-16) var(--space-base-20) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__header {
    padding: var(--space-base-20) var(--space-base-28) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__header {
    padding: var(--space-base-28) var(--space-base-40) var(--space-base-20);
  }
}
.slrs-quote-form__header {
  background: linear-gradient(135deg, rgba(var(--quote-primary-rgb), 0.05) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--quote-border-radius) var(--quote-border-radius) 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__header {
    flex-direction: column;
    text-align: center;
    padding: var(--space-base-16) var(--space-base-12) var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__header {
    padding: var(--space-base-20) var(--space-base-16) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__header {
    padding: var(--space-base-28) var(--space-base-20) var(--space-base-20);
  }
}

.slrs-quote-form__header-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--quote-submit-btn-color);
  background: var(--quote-submit-btn-bg);
  background-origin: border-box;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: var(--radius-xl);
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(var(--quote-primary-rgb), 0.3);
}

.slrs-quote-form__header-content {
  flex: 1;
  min-width: 0;
}

.slrs-quote-form__title {
  margin: 0 0 var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-quote-form__title {
    margin: 0 0 var(--space-base-8);
  }
}
.slrs-quote-form__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
}

.slrs-quote-form__subtitle {
  margin: 0;
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.65);
}

.slrs-quote-form__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__steps {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__steps {
  padding: var(--space-base-8) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__steps {
    padding: var(--space-base-12) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__steps {
    padding: var(--space-base-16) var(--space-base-40);
  }
}
.slrs-quote-form__steps {
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.slrs-quote-form__step {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__step {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__step:not(:last-child)::after {
  content: "";
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  margin-left: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__step:not(:last-child)::after {
    margin-left: var(--space-base-10);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote-form__step:not(:last-child)::after {
    width: 20px;
  }
}
.slrs-quote-form__step.is-active .slrs-quote-form__step-number {
  background: var(--quote-active-step-bg);
  color: var(--quote-active-step-color);
  box-shadow: 0 4px 12px rgba(var(--quote-primary-rgb), 0.35);
  border-color: transparent;
}
.slrs-quote-form__step.is-active .slrs-quote-form__step-label {
  color: var(--quote-active-step-label);
  font-weight: var(--fw-semibold);
}
.slrs-quote-form__step.is-completed .slrs-quote-form__step-number {
  background: var(--clr-success);
  color: var(--clr-white);
  border-color: transparent;
}
.slrs-quote-form__step.is-completed::after {
  background: var(--clr-success);
}

.slrs-quote-form__step-number {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-full);
  transition: background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
}

.slrs-quote-form__step-label {
  font-size: var(--ffs-xs);
  color: rgba(255, 255, 255, 0.5);
  transition: color var(--transition-base), font-weight var(--transition-base);
}
@media (max-width: 35.98em) {
  .slrs-quote-form__step-label {
    display: none;
  }
}

.slrs-quote-form__body {
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__body {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__body {
    padding: var(--space-base-40);
  }
}
.slrs-quote-form__body {
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__body {
    padding: var(--space-base-16) var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__body {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__body {
    padding: var(--space-base-28) var(--space-base-20);
  }
}

.slrs-quote-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__row {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__row {
    gap: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote-form__row {
    grid-template-columns: 1fr;
  }
}

.slrs-quote-form__group {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__group {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-quote-form__group label {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__group label {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__group label {
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__group label {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group label {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-quote-form__group label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.9);
}
.slrs-quote-form__group label .required {
  color: var(--clr-danger);
}
.slrs-quote-form__group label .optional {
  font-weight: var(--fw-regular);
  color: rgba(255, 255, 255, 0.5);
  font-size: var(--ffs-xs);
}
.slrs-quote-form__group input,
.slrs-quote-form__group select,
.slrs-quote-form__group textarea {
  width: 100%;
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__group input,
  .slrs-quote-form__group select,
  .slrs-quote-form__group textarea {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group input,
  .slrs-quote-form__group select,
  .slrs-quote-form__group textarea {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-quote-form__group input,
.slrs-quote-form__group select,
.slrs-quote-form__group textarea {
  font-family: inherit;
  font-size: var(--ffs-base);
  color: var(--clr-white);
  background-color: rgba(255, 255, 255, 0.025);
  border: var(--quote-input-border-left);
  border-radius: var(--quote-input-radius);
  outline: none;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}
.slrs-quote-form__group input::placeholder,
.slrs-quote-form__group select::placeholder,
.slrs-quote-form__group textarea::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.slrs-quote-form__group input:hover,
.slrs-quote-form__group select:hover,
.slrs-quote-form__group textarea:hover {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(var(--quote-primary-rgb), 0.3);
}
.slrs-quote-form__group input:focus,
.slrs-quote-form__group select:focus,
.slrs-quote-form__group textarea:focus {
  background-color: rgba(15, 23, 42, 0.95);
  border-color: var(--quote-input-focus-border);
  border-left-color: var(--quote-input-focus-border-left);
  box-shadow: 0 0 0 3px rgba(var(--quote-primary-rgb), 0.15), 0 8px 24px rgba(0, 0, 0, 0.3);
}
.slrs-quote-form__group input:focus ~ .slrs-quote-form__input-icon,
.slrs-quote-form__group select:focus ~ .slrs-quote-form__input-icon,
.slrs-quote-form__group textarea:focus ~ .slrs-quote-form__input-icon {
  color: var(--quote-primary);
  transform: translateY(-50%) scale(1.15);
  filter: drop-shadow(0 0 4px rgba(var(--quote-primary-rgb), 0.4));
}
.slrs-quote-form__group.has-icon input, .slrs-quote-form__group.has-icon select {
  padding-left: calc(var(--space-base-16) + 1.75rem);
}
@media (min-width: 48em) {
  .slrs-quote-form__group.has-icon input, .slrs-quote-form__group.has-icon select {
    padding-left: calc(var(--space-base-20) + 1.75rem);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group.has-icon input, .slrs-quote-form__group.has-icon select {
    padding-left: calc(var(--space-base-28) + 1.75rem);
  }
}
.slrs-quote-form__group select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-quote-form__group select {
    padding-right: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group select {
    padding-right: var(--space-base-72);
  }
}
.slrs-quote-form__group select option {
  background-color: #0f172a;
  color: var(--clr-white);
}
.slrs-quote-form__group textarea {
  resize: vertical;
  min-height: 100px;
}

.slrs-quote-form__group-label {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__group-label {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__group-label {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__group-label {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group-label {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-quote-form__group-label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-white);
  letter-spacing: 0.01em;
}
.slrs-quote-form__group-label i {
  color: var(--quote-accent);
  font-size: 0.85rem;
}

.slrs-quote-form__input-wrapper {
  position: relative;
}

.slrs-quote-form__input-icon {
  position: absolute;
  left: var(--space-base-20);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.4);
  transition: color var(--transition-base), transform var(--transition-base);
  z-index: 1;
  pointer-events: none;
}

.slrs-quote-form__radio-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__radio-group {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__radio-group {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) {
  .slrs-quote-form__radio-group {
    gap: var(--space-base-8);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-quote-form__radio-group {
    gap: var(--space-base-10);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-group {
    grid-template-columns: 1fr;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__radio-group {
    gap: var(--space-base-10);
  }
}

.slrs-quote-form__radio {
  cursor: pointer;
  display: block;
  position: relative;
}
.slrs-quote-form__radio input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card {
  border-color: var(--quote-primary);
  background: linear-gradient(135deg, rgba(var(--quote-primary-rgb), 0.1) 0%, rgba(var(--quote-primary-rgb), 0.04) 100%);
  box-shadow: 0 0 0 3px rgba(var(--quote-primary-rgb), 0.15), 0 8px 24px rgba(0, 0, 0, 0.25);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-indicator {
  background: var(--quote-primary);
  border-color: var(--quote-primary);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-indicator::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-icon {
  background: var(--quote-primary);
  color: var(--quote-text-light);
  transform: scale(1.08) rotate(-3deg);
  box-shadow: 0 4px 12px rgba(var(--quote-primary-rgb), 0.3);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-title {
  color: var(--quote-primary);
  font-weight: var(--fw-bold);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-desc {
  color: var(--quote-primary);
  opacity: 0.8;
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-check {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card .slrs-quote-form__radio-check {
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent {
  border-color: var(--clr-danger);
  background: linear-gradient(135deg, var(--clr-danger-op-8) 0%, var(--clr-danger-op-4) 100%);
  box-shadow: 0 0 0 3px var(--clr-danger-op-15), 0 8px 24px var(--clr-danger-op-15);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-indicator {
  background: var(--clr-danger);
  border-color: var(--clr-danger);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-indicator::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-icon {
  background: var(--clr-danger);
  color: var(--clr-white);
  box-shadow: 0 4px 12px var(--clr-danger-op-30);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-title {
  color: var(--clr-danger);
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-desc {
  color: var(--clr-danger);
  opacity: 0.8;
}
.slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-check {
  opacity: 1;
  background: var(--clr-danger);
  transform: scale(1) rotate(0deg);
  animation: slrs-radio-urgent-pulse 1.5s infinite ease-in-out;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio input[type=radio]:checked + .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-check {
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
}
.slrs-quote-form__radio input[type=radio]:focus-visible + .slrs-quote-form__radio-card {
  outline: 2px solid var(--quote-primary);
  outline-offset: 3px;
}

.slrs-quote-form__radio-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 8px 10px;
  position: relative;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--quote-input-radius);
  transition: border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
  text-align: center;
  overflow: hidden;
  min-height: 105px;
  justify-content: center;
}
@media (max-width: 47.98em) {
  .slrs-quote-form__radio-card {
    padding: 14px 6px 8px;
    min-height: 95px;
  }
}
.slrs-quote-form__radio-card:hover {
  border-color: rgba(var(--quote-primary-rgb), 0.35);
  background: rgba(255, 255, 255, 0.03);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(var(--quote-primary-rgb), 0.1);
}
.slrs-quote-form__radio-card:hover .slrs-quote-form__radio-icon {
  transform: scale(1.05);
}
.slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-icon {
  background: var(--clr-danger-op-10);
  color: var(--clr-danger);
}
.slrs-quote-form__radio-card--urgent:hover {
  border-color: var(--clr-danger-op-40);
}
.slrs-quote-form__radio-card--urgent:hover .slrs-quote-form__radio-icon {
  background: var(--clr-danger-op-20);
}
.slrs-quote-form__radio-card--urgent::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  background: var(--clr-danger);
  border-radius: 50%;
  box-shadow: 0 0 6px var(--clr-danger);
  animation: slrs-radio-urgent-pulse 2s infinite ease-in-out;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-card {
    flex-direction: row;
    align-items: center;
    gap: var(--space-base-12);
    padding: var(--space-base-12) var(--space-base-16);
    text-align: left;
    min-height: auto;
    justify-content: flex-start;
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__radio-card {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__radio-card {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__radio-card {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__radio-card {
    padding: var(--space-base-20) var(--space-base-28);
  }
}

.slrs-quote-form__radio-indicator {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.02);
  transition: background var(--transition-fast), border-color var(--transition-fast);
  flex-shrink: 0;
}
.slrs-quote-form__radio-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 6px;
  height: 6px;
  background: var(--clr-white);
  border-radius: var(--radius-full);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
  opacity: 0;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-indicator {
    position: static;
    order: -1;
    flex-shrink: 0;
  }
}

.slrs-quote-form__radio-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
  border-radius: var(--radius-md);
  transition: background var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  flex-shrink: 0;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-icon {
    width: 32px;
    height: 32px;
    font-size: 0.95rem;
  }
}

.slrs-quote-form__radio-content {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-content {
    flex-direction: row;
    align-items: baseline;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__radio-content {
    gap: var(--space-base-10);
  }
}

.slrs-quote-form__radio-title {
  display: block;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: rgba(255, 255, 255, 0.9);
  transition: color var(--transition-fast), font-weight var(--transition-fast);
  line-height: 1.2;
}

.slrs-quote-form__radio-desc {
  display: block;
  font-size: var(--ffs-xs);
  color: rgba(255, 255, 255, 0.5);
  transition: color var(--transition-fast), opacity var(--transition-fast);
  line-height: 1.3;
  white-space: nowrap;
}

.slrs-quote-form__radio-check {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--quote-primary);
  color: var(--quote-submit-btn-color);
  border-radius: var(--radius-full);
  font-size: 0.5rem;
  opacity: 0;
  transform: scale(0.4) rotate(-45deg);
  transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__radio-check {
    top: 50%;
    right: 16px;
    transform: translateY(-50%) scale(0.4) rotate(-45deg);
  }
}

.slrs-quote-form__group--checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__group--checkbox {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group--checkbox {
    gap: var(--space-base-16);
  }
}
.slrs-quote-form__group--checkbox {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__group--checkbox {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group--checkbox {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-quote-form__group--checkbox {
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: var(--radius-lg);
  border: 2px solid rgba(255, 255, 255, 0.06);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}
.slrs-quote-form__group--checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.03);
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-quote-form__group--checkbox input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 11px;
  border: solid transparent;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease;
}
.slrs-quote-form__group--checkbox input[type=checkbox]:hover {
  border-color: var(--quote-primary);
  background: rgba(var(--quote-primary-rgb), 0.05);
}
.slrs-quote-form__group--checkbox input[type=checkbox]:checked {
  background: var(--quote-primary);
  border-color: var(--quote-primary);
  box-shadow: 0 2px 8px rgba(var(--quote-primary-rgb), 0.3);
}
.slrs-quote-form__group--checkbox input[type=checkbox]:checked::after {
  border-color: var(--quote-text-light);
  transform: rotate(45deg) scale(1);
}
.slrs-quote-form__group--checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid var(--quote-primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(var(--quote-primary-rgb), 0.15);
}
.slrs-quote-form__group--checkbox label {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
  font-weight: var(--fw-regular);
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  line-height: 1.6;
  user-select: none;
}
.slrs-quote-form__group--checkbox label a {
  color: var(--quote-primary);
  text-decoration: none;
  font-weight: var(--fw-medium);
}
.slrs-quote-form__group--checkbox label a:hover {
  text-decoration: underline;
}
.slrs-quote-form__group--checkbox label .required {
  color: var(--clr-danger);
}
.slrs-quote-form__group--checkbox .slrs-quote-form__error {
  flex-basis: 100%;
  margin-top: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-quote-form__group--checkbox .slrs-quote-form__error {
    margin-top: var(--space-base-8);
  }
}
.slrs-quote-form__group--checkbox .slrs-quote-form__error {
  padding-left: calc(22px + var(--space-base-8));
}
@media (min-width: 48em) {
  .slrs-quote-form__group--checkbox .slrs-quote-form__error {
    padding-left: calc(22px + var(--space-base-12));
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__group--checkbox .slrs-quote-form__error {
    padding-left: calc(22px + var(--space-base-16));
  }
}
.slrs-quote-form__group--checkbox:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.slrs-quote-form__group--checkbox:has(input:checked) {
  border-color: rgba(var(--quote-primary-rgb), 0.25);
  background: rgba(var(--quote-primary-rgb), 0.05);
}

.slrs-quote-form__footer {
  padding: var(--space-base-20) var(--space-base-24) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-quote-form__footer {
    padding: var(--space-base-28) var(--space-base-36) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__footer {
    padding: var(--space-base-40) var(--space-base-56) var(--space-base-56);
  }
}
.slrs-quote-form__footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0 0 var(--quote-border-radius) var(--quote-border-radius);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__footer {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__footer {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote-form__footer {
    padding: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__footer {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__footer {
    padding: var(--space-base-28);
  }
}

.slrs-quote-form__submit-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__submit-btn {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__submit-btn {
    gap: var(--space-base-16);
  }
}
.slrs-quote-form__submit-btn {
  position: relative;
  overflow: hidden;
  background: var(--quote-submit-btn-bg);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--quote-submit-btn-color);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-weight: 700;
  border-radius: var(--quote-submit-btn-radius);
  box-shadow: 0 8px 24px rgba(var(--quote-primary-rgb), 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
  z-index: 1;
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-default,
.slrs-quote-form__submit-btn .slrs-quote-form__submit-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__submit-btn .slrs-quote-form__submit-default,
  .slrs-quote-form__submit-btn .slrs-quote-form__submit-loading {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__submit-btn .slrs-quote-form__submit-default,
  .slrs-quote-form__submit-btn .slrs-quote-form__submit-loading {
    gap: var(--space-base-16);
  }
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-default,
.slrs-quote-form__submit-btn .slrs-quote-form__submit-loading {
  transition: opacity var(--transition-fast);
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-loading {
  position: absolute;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--quote-submit-arrow-bg);
  border: var(--quote-submit-arrow-border);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  flex-shrink: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: inherit;
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-arrow i,
.slrs-quote-form__submit-btn .slrs-quote-form__submit-arrow svg {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  transform: none !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important;
}
.slrs-quote-form__submit-btn .slrs-quote-form__submit-arrow::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro", "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: 900;
  position: absolute;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  opacity: 0;
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.slrs-quote-form__submit-btn:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 12px 30px rgba(var(--quote-primary-rgb), 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  background: var(--quote-submit-btn-hover);
}
.slrs-quote-form__submit-btn:hover .slrs-quote-form__submit-arrow {
  background: var(--quote-submit-arrow-bg-hover);
  border-color: var(--quote-submit-arrow-bg-hover);
  color: var(--quote-submit-arrow-color-hover);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
.slrs-quote-form__submit-btn:hover .slrs-quote-form__submit-arrow i,
.slrs-quote-form__submit-btn:hover .slrs-quote-form__submit-arrow svg {
  transform: translateX(150%) scale(0.8) !important;
  opacity: 0;
}
.slrs-quote-form__submit-btn:hover .slrs-quote-form__submit-arrow::after {
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  color: var(--quote-submit-arrow-color-hover);
}
.slrs-quote-form__submit-btn:active {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(var(--quote-primary-rgb), 0.35);
}
.slrs-quote-form__submit-btn.is-loading {
  pointer-events: none;
  opacity: 0.85;
}
.slrs-quote-form__submit-btn.is-loading .slrs-quote-form__submit-default {
  opacity: 0;
}
.slrs-quote-form__submit-btn.is-loading .slrs-quote-form__submit-loading {
  opacity: 1;
}

.slrs-quote-form__footer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__footer-meta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__footer-meta {
    gap: var(--space-base-20);
  }
}
.slrs-quote-form__footer-meta {
  flex-wrap: wrap;
}
@media (max-width: 35.98em) {
  .slrs-quote-form__footer-meta {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-base-8);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-quote-form__footer-meta {
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-quote-form__footer-meta {
    gap: var(--space-base-16);
  }
}

.slrs-quote-form__security {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__security {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__security {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-quote-form__security span {
  color: var(--clr-text-muted);
}
.slrs-quote-form__security i {
  color: var(--quote-accent);
  font-size: 0.85rem;
}

.slrs-quote-form__guarantee {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__guarantee {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__guarantee {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote-form__guarantee {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__guarantee {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-quote-form__guarantee {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: var(--quote-primary);
  background: rgba(var(--quote-primary-rgb), 0.15);
  border: 1px solid rgba(var(--quote-primary-rgb), 0.15);
  border-radius: var(--radius-full);
  white-space: nowrap;
}
.slrs-quote-form__guarantee i {
  color: var(--clr-success);
  font-size: 0.8rem;
}
.slrs-quote-form__guarantee strong {
  color: var(--quote-primary);
  font-weight: var(--fw-bold);
}

.slrs-quote-form__alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__alert {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__alert {
    gap: var(--space-base-16);
  }
}
.slrs-quote-form__alert {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__alert {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__alert {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-quote-form__alert {
  border-radius: var(--radius-lg);
  font-size: var(--ffs-sm);
  animation: slrs-quote-fade-in 0.3s ease-out;
}
.slrs-quote-form__alert i {
  flex-shrink: 0;
  margin-top: 2px;
}
.slrs-quote-form__alert--error {
  background: var(--clr-danger-op-10);
  border: 1px solid var(--clr-danger-op-30);
  color: var(--clr-danger);
}
.slrs-quote-form__alert--success {
  background: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-30);
  color: var(--clr-success);
}
.slrs-quote-form__alert[hidden] {
  display: none;
}

.slrs-quote-form__error {
  display: none;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__error {
    gap: var(--space-base-10);
  }
}
.slrs-quote-form__error {
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quote-form__error {
    margin-top: var(--space-base-10);
  }
}
.slrs-quote-form__error {
  font-size: var(--ffs-xs);
  color: var(--clr-danger);
}
.slrs-quote-form__error i {
  flex-shrink: 0;
}

.slrs-quote-form__group.is-valid input,
.slrs-quote-form__group.is-valid select,
.slrs-quote-form__group.is-valid textarea {
  border-color: var(--clr-success);
  background-color: var(--clr-success-op-5);
}
.slrs-quote-form__group.is-valid .slrs-quote-form__input-icon {
  color: var(--clr-success);
}
.slrs-quote-form__group.is-invalid input,
.slrs-quote-form__group.is-invalid select,
.slrs-quote-form__group.is-invalid textarea {
  border-color: var(--clr-danger);
  background-color: var(--clr-danger-op-5);
}
.slrs-quote-form__group.is-invalid label {
  color: var(--clr-danger);
}
.slrs-quote-form__group.is-invalid .slrs-quote-form__input-icon {
  color: var(--clr-danger);
}
.slrs-quote-form__group.is-invalid .slrs-quote-form__error {
  display: flex;
}

.slrs-quote-form__group--checkbox.is-invalid {
  border-color: var(--clr-danger);
  background-color: var(--clr-danger-op-5);
  animation: slrs-quote-form-shake 0.5s ease-in-out;
}
.slrs-quote-form__group--checkbox.is-invalid label {
  color: var(--clr-danger);
}
.slrs-quote-form__group--checkbox.is-invalid label a {
  color: var(--clr-danger);
  text-decoration: underline;
}
.slrs-quote-form__group--checkbox.is-invalid input[type=checkbox] {
  border-color: var(--clr-danger);
  background-color: var(--clr-danger-op-5);
}
.slrs-quote-form__group--checkbox.is-invalid input[type=checkbox]:hover {
  border-color: var(--clr-danger);
  background-color: var(--clr-danger-op-10);
}
.slrs-quote-form__group--checkbox.is-invalid .slrs-quote-form__error {
  display: flex;
}
.slrs-quote-form__group--checkbox.is-valid {
  border-color: rgba(34, 197, 94, 0.25);
  background-color: rgba(34, 197, 94, 0.06);
}
.slrs-quote-form__group--checkbox.is-valid input[type=checkbox] {
  background-color: var(--clr-success);
  border-color: var(--clr-success);
  box-shadow: 0 2px 8px var(--clr-success-op-30);
}
.slrs-quote-form__group--checkbox.is-valid input[type=checkbox]::after {
  border-color: var(--clr-white);
  transform: rotate(45deg) scale(1);
}
.slrs-quote-form__group--checkbox.is-valid label {
  color: var(--clr-white);
}

.is-shake {
  animation: slrs-quote-form-shake 0.6s ease-in-out;
}

.slrs-quote-form__success {
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-quote-form__success {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success {
    padding: var(--space-base-72);
  }
}
.slrs-quote-form__success {
  text-align: center;
  animation: slrs-quote-fade-in 0.5s ease-out;
}
.slrs-quote-form__success[hidden] {
  display: none;
}

.slrs-quote-form__success-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-icon {
    margin: 0 auto var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-icon {
    margin: 0 auto var(--space-base-40);
  }
}
.slrs-quote-form__success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: var(--quote-submit-btn-color);
  background: var(--quote-submit-btn-bg);
  border-radius: var(--radius-full);
  box-shadow: 0 10px 30px rgba(var(--quote-primary-rgb), 0.4);
  animation: slrs-quote-success-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.slrs-quote-form__success-title {
  margin: 0 0 var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-title {
    margin: 0 0 var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-title {
    margin: 0 0 var(--space-base-16);
  }
}
.slrs-quote-form__success-title {
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
}

.slrs-quote-form__success-text {
  margin: 0 0 var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-text {
    margin: 0 0 var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-text {
    margin: 0 0 var(--space-base-40);
  }
}
.slrs-quote-form__success-text {
  font-size: var(--ffs-base);
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.slrs-quote-form__success-ref {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-6);
}
@media (min-width: 75em) {
  .slrs-quote-form__success-ref {
    gap: var(--space-base-8);
  }
}
.slrs-quote-form__success-ref {
  padding: var(--space-base-12) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-ref {
    padding: var(--space-base-16) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-ref {
    padding: var(--space-base-20) var(--space-base-56);
  }
}
.slrs-quote-form__success-ref {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-ref {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-ref {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote-form__success-ref {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-xl);
}

.slrs-quote-form__success-ref-label {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.slrs-quote-form__success-ref-id {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--quote-primary);
  letter-spacing: 0.05em;
}

.slrs-quote-form__success-next {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-next {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-next {
    padding: var(--space-base-28);
  }
}
.slrs-quote-form__success-next {
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.15);
  border-radius: var(--radius-xl);
  text-align: left;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-next {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-next {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote-form__success-next > strong {
  display: block;
  font-size: var(--ffs-sm);
  color: var(--clr-white);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-next > strong {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-next > strong {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-quote-form__success-next ol {
  margin: 0;
  padding-left: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote-form__success-next ol {
    padding-left: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote-form__success-next ol {
    padding-left: var(--space-base-28);
  }
}
.slrs-quote-form__success-next ol li {
  font-size: var(--ffs-sm);
  color: rgba(255, 255, 255, 0.65);
  padding: var(--space-base-6) 0;
}
@media (min-width: 75em) {
  .slrs-quote-form__success-next ol li {
    padding: var(--space-base-8) 0;
  }
}

.slrs-quote-form--compact {
  --quote-primary: var(--clr-primary);
  --quote-primary-rgb: 22, 101, 52;
  --quote-accent: var(--clr-accent);
  --quote-submit-btn-bg: linear-gradient(135deg, var(--quote-primary) 0%, var(--quote-accent) 100%);
  --quote-submit-btn-hover: linear-gradient(135deg, var(--quote-accent) 0%, var(--quote-primary) 100%);
  --quote-submit-btn-color: #ffffff;
  --quote-submit-btn-radius: 12px;
  --quote-badge-bg: linear-gradient(135deg, var(--quote-primary), var(--quote-accent));
  --quote-badge-color: #ffffff;
  --quote-badge-radius: var(--radius-lg, 12px);
  border-radius: 24px;
  background: rgba(15, 23, 42, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
}
.slrs-quote-form--compact::before {
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, var(--quote-primary) 50%, rgba(255, 255, 255, 0.05) 100%);
  background-size: 200% 200%;
  z-index: -1;
  -webkit-mask: none;
  mask: none;
}
.slrs-quote-form--compact::after {
  display: none;
}
.slrs-quote-form--compact:hover {
  transform: translateY(-4px);
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.45);
}
.slrs-quote-form--compact .slrs-quote-form__badge {
  top: 15px;
  right: 15px;
}
.slrs-quote-form--compact .slrs-quote-form__header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 22px 24px 14px 24px;
}
.slrs-quote-form--compact .slrs-quote-form__header-icon {
  width: 40px;
  height: 40px;
  font-size: 14px;
  background: var(--quote-submit-btn-bg);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(var(--quote-primary-rgb), 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-quote-form--compact .slrs-quote-form__title {
  color: var(--clr-white);
  font-size: 17px;
  margin-bottom: 2px;
}
.slrs-quote-form--compact .slrs-quote-form__subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
}
.slrs-quote-form--compact .slrs-quote-form__body {
  padding: 16px 24px 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.slrs-quote-form--compact .slrs-quote-form__group {
  margin-bottom: 0;
}
.slrs-quote-form--compact .slrs-quote-form__group label {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
  font-size: 11.5px;
  margin-bottom: 4px;
}
.slrs-quote-form--compact .slrs-quote-form__group input:not([type=checkbox]),
.slrs-quote-form--compact .slrs-quote-form__group select {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-radius: 12px;
  padding: 8px 12px 8px 34px;
  font-size: 13px;
  height: auto;
  transition: all 0.3s ease;
}
.slrs-quote-form--compact .slrs-quote-form__group input:not([type=checkbox])::placeholder,
.slrs-quote-form--compact .slrs-quote-form__group select::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.slrs-quote-form--compact .slrs-quote-form__group input:not([type=checkbox]):hover,
.slrs-quote-form--compact .slrs-quote-form__group select:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.06);
}
.slrs-quote-form--compact .slrs-quote-form__group input:not([type=checkbox]):focus,
.slrs-quote-form--compact .slrs-quote-form__group select:focus {
  border-color: var(--quote-primary);
  box-shadow: 0 0 0 3px rgba(var(--quote-primary-rgb), 0.25);
  background-color: rgba(255, 255, 255, 0.08);
}
.slrs-quote-form--compact .slrs-quote-form__group select option {
  background: #0f172a;
  color: #ffffff;
}
.slrs-quote-form--compact .slrs-quote-form__group .slrs-quote-form__input-icon {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  left: 12px;
}
.slrs-quote-form--compact .slrs-quote-form__group .slrs-quote-form__error {
  font-size: 11px;
  margin-top: 4px;
}
.slrs-quote-form--compact .slrs-quote-form__group.is-valid input:not([type=checkbox]),
.slrs-quote-form--compact .slrs-quote-form__group.is-valid select {
  border-color: var(--clr-success);
  background-color: rgba(34, 197, 94, 0.1);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-valid .slrs-quote-form__input-icon {
  color: var(--clr-success);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid input:not([type=checkbox]),
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid select {
  border-color: var(--clr-danger);
  background-color: rgba(239, 68, 68, 0.1);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid label {
  color: var(--clr-danger);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .slrs-quote-form__input-icon {
  color: var(--clr-danger);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .slrs-quote-form__error {
  display: flex;
}
.slrs-quote-form--compact .form-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 8px 0 0 0;
  padding-left: 0;
}
.slrs-quote-form--compact .form-check-input {
  margin: 0 !important;
  margin-top: 3px !important;
  padding: 0 !important;
  cursor: pointer;
  flex-shrink: 0;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-radius: 4px !important;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  background-image: none !important;
}
.slrs-quote-form--compact .form-check-input::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 9px;
  border: solid transparent;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease;
}
.slrs-quote-form--compact .form-check-input:hover {
  border-color: var(--quote-accent) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.slrs-quote-form--compact .form-check-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(var(--quote-primary-rgb), 0.25) !important;
}
.slrs-quote-form--compact .form-check-input:checked {
  background-color: var(--quote-primary) !important;
  border-color: var(--quote-primary) !important;
  box-shadow: 0 0 10px rgba(var(--quote-primary-rgb), 0.4) !important;
}
.slrs-quote-form--compact .form-check-input:checked::after {
  border-color: var(--quote-text-light) !important;
  transform: rotate(45deg) scale(1) !important;
}
.slrs-quote-form--compact .form-check-label {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.35;
  cursor: pointer;
}
.slrs-quote-form--compact .form-check-label .required {
  color: #ef4444;
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .form-check-input {
  border-color: var(--clr-danger);
  background-color: rgba(239, 68, 68, 0.15);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .form-check-input::after {
  display: none;
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .form-check-label {
  color: var(--clr-danger);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-invalid .slrs-quote-form__error {
  display: flex;
}
.slrs-quote-form--compact .slrs-quote-form__group.is-valid .form-check-input {
  border-color: var(--clr-success);
  background-color: var(--clr-success);
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.4);
}
.slrs-quote-form--compact .slrs-quote-form__group.is-valid .form-check-input::after {
  border-color: var(--clr-white);
  transform: rotate(45deg) scale(1);
}
.slrs-quote-form--compact .slrs-quote-form__footer {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 12px 24px 20px 24px;
  border-radius: 0 0 24px 24px;
  margin-top: 0;
}
.slrs-quote-form--compact .slrs-quote-form__submit-btn {
  padding: 11px 15px;
  font-size: 13.5px;
  background: var(--quote-submit-btn-bg);
  border: none;
  font-weight: 700;
  border-radius: var(--quote-submit-btn-radius);
  box-shadow: 0 4px 15px rgba(var(--quote-primary-rgb), 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.slrs-quote-form--compact .slrs-quote-form__submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(var(--quote-primary-rgb), 0.45);
  background: var(--quote-submit-btn-hover);
}

.slrs-quote--v1 {
  --quote-primary: #fbbf24;
  --quote-primary-rgb: 251, 191, 36;
  --quote-accent: #fbbf24;
  --quote-accent-rgb: 251, 191, 36;
  --quote-dark-bg: rgba(10, 16, 32, 0.75);
  --quote-border-color: rgba(251, 191, 36, 0.15);
  --quote-border-glow: rgba(251, 191, 36, 0.18);
  --quote-text-light: #000000;
  --quote-active-step-bg: #fbbf24;
  --quote-active-step-color: #000000;
  --quote-active-step-label: #fbbf24;
  --quote-submit-btn-bg: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
  --quote-submit-btn-hover: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  --quote-submit-btn-color: #000000;
  --quote-submit-arrow-bg: rgba(0, 0, 0, 0.08);
  --quote-submit-arrow-border: 1px solid rgba(0, 0, 0, 0.12);
  --quote-submit-arrow-bg-hover: #000000;
  --quote-submit-arrow-color-hover: #fbbf24;
  --quote-badge-bg: linear-gradient(135deg, #fbbf24, #d97706);
  --quote-badge-color: #000000;
  --section-image-tint: rgba(7, 11, 25, 0.85);
}
.slrs-quote--v1 .slrs-section-bg .slrs-section-bg__gradient {
  background: linear-gradient(180deg, transparent 0%, rgba(7, 11, 25, 0.4) 50%, rgba(7, 11, 25, 0.95) 100%);
}
.slrs-quote--v1 .slrs-quote-v1__geometric {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.slrs-quote--v1 .slrs-quote-v1__solar-eclipse {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  border: 1px solid rgba(251, 191, 36, 0.08);
  box-shadow: 0 0 80px rgba(251, 191, 36, 0.05), inset 0 0 40px rgba(251, 191, 36, 0.03);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: slrs-v1-eclipse-drift 22s ease-in-out infinite;
}
.slrs-quote--v1 .slrs-quote-v1__solar-eclipse::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px dashed rgba(251, 191, 36, 0.12);
  animation: slrs-v1-ring-spin 35s linear infinite;
}
.slrs-quote--v1 .slrs-quote-v1__solar-eclipse::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 25%;
  width: 10px;
  height: 10px;
  background: #fbbf24;
  border-radius: 50%;
  box-shadow: 0 0 15px #fbbf24;
  animation: slrs-v1-corona-pulse 4s ease-in-out infinite;
}
.slrs-quote--v1 .slrs-quote-v1__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.18;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slrs-quote--v1 .slrs-quote-v1__orb--1 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.4) 0%, transparent 70%);
  top: -10%;
  right: 5%;
  animation: slrs-v1-orb-drift-1 20s ease-in-out infinite;
}
.slrs-quote--v1 .slrs-quote-v1__orb--2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.4) 0%, transparent 70%);
  bottom: -10%;
  left: 25%;
  animation: slrs-v1-orb-drift-2 18s ease-in-out infinite;
}
.slrs-quote--v1 .slrs-quote__content {
  background: rgba(8, 12, 24, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
}
.slrs-quote--v1 .slrs-quote__content::before, .slrs-quote--v1 .slrs-quote__content::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  transition: all 0.4s ease;
  pointer-events: none;
}
.slrs-quote--v1 .slrs-quote__content::before {
  top: 0;
  left: 0;
  border-top-color: #fbbf24;
  border-left-color: #fbbf24;
}
.slrs-quote--v1 .slrs-quote__content::after {
  bottom: 0;
  right: 0;
  border-bottom-color: #fbbf24;
  border-right-color: #fbbf24;
}
.slrs-quote--v1 .slrs-quote__content:hover {
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.slrs-quote--v1 .slrs-quote__content:hover::before, .slrs-quote--v1 .slrs-quote__content:hover::after {
  width: 30px;
  height: 30px;
}
.slrs-quote--v1 .slrs-quote__badge-item--live {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.25);
  color: #4ade80;
}
.slrs-quote--v1 .slrs-quote__badge-item--live .slrs-quote__badge-dot {
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
}
.slrs-quote--v1 .slrs-quote__badge-item--promo {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.25);
  color: #fbbf24;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-2xl);
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-header {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-header {
    gap: var(--space-base-16);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-pulse {
  position: relative;
  width: 12px;
  height: 12px;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-pulse .dot {
  position: absolute;
  inset: 2px;
  background: #22c55e;
  border-radius: 50%;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-pulse .ping {
  position: absolute;
  inset: 0;
  border: 2px solid #22c55e;
  border-radius: 50%;
  animation: slrs-v1-pulse-ping 2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-title {
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.1em;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-grid {
    grid-template-columns: 1fr;
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-card {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-card {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-card {
    gap: var(--space-base-16);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-xl);
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-card {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v1 .slrs-quote-v1__telemetry-card {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-card {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-card:hover {
  background: rgba(251, 191, 36, 0.06);
  border-color: rgba(251, 191, 36, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 15px rgba(251, 191, 36, 0.1);
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-card:hover .slrs-quote-v1__telemetry-icon {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  background-origin: border-box;
  background-clip: border-box;
  color: #000000;
  transform: scale(1.08) rotate(360deg);
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.5);
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-icon {
  font-size: var(--ffs-md);
  color: #fbbf24;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.15);
  border-radius: var(--radius-lg);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-info {
  display: flex;
  flex-direction: column;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-info .label {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.slrs-quote--v1 .slrs-quote-v1__telemetry-info .value {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-white);
}
.slrs-quote--v1 .slrs-quote__stat {
  background: rgba(10, 16, 32, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-top: 3px solid var(--quote-primary);
  border-radius: 6px 24px 6px 24px;
  padding: 18px 22px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-quote--v1 .slrs-quote__stat .slrs-quote__stat-icon {
  border-radius: 50%;
  background: rgba(251, 191, 36, 0.08);
  background-origin: border-box;
  background-clip: border-box;
  color: #fbbf24;
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.15);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}
.slrs-quote--v1 .slrs-quote__stat .slrs-quote__stat-icon--accent {
  background: rgba(251, 191, 36, 0.08);
  color: #fbbf24;
}
.slrs-quote--v1 .slrs-quote__stat .slrs-quote__stat-icon--success {
  background: rgba(34, 197, 94, 0.08);
  color: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.15);
}
.slrs-quote--v1 .slrs-quote__stat .slrs-quote__stat-icon--google {
  background: rgba(234, 67, 53, 0.08);
  color: #ea4335;
  box-shadow: 0 0 8px rgba(234, 67, 53, 0.15);
}
.slrs-quote--v1 .slrs-quote__stat:hover {
  background: rgba(251, 191, 36, 0.04);
  border-color: rgba(251, 191, 36, 0.25);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 20px rgba(251, 191, 36, 0.12);
}
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon,
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon--success,
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon--google {
  background-origin: border-box;
  background-clip: border-box;
}
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon {
  background: #fbbf24;
  color: #000000;
  transform: scale(1.1) rotate(15deg);
  box-shadow: 0 0 16px rgba(251, 191, 36, 0.6);
}
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon--success {
  background: #22c55e;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.6);
}
.slrs-quote--v1 .slrs-quote__stat:hover .slrs-quote__stat-icon--google {
  background: #ea4335;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(234, 67, 53, 0.6);
}

.slrs-quote--v2 {
  --quote-primary: var(--clr-primary);
  --quote-primary-rgb: 22, 101, 52;
  --quote-accent: var(--clr-accent);
  --quote-accent-rgb: 238, 115, 37;
  --quote-dark-bg: rgba(8, 12, 24, 0.78);
  --quote-border-color: rgba(var(--quote-primary-rgb), 0.15);
  --quote-border-glow: rgba(var(--quote-primary-rgb), 0.15);
  --quote-text-light: #ffffff;
  --quote-border-radius: 40px 8px 40px 8px;
  --quote-input-radius: 6px;
  --quote-input-border-left: 3px solid rgba(255, 255, 255, 0.15);
  --quote-input-focus-border: rgba(var(--quote-accent-rgb), 0.4);
  --quote-input-focus-border-left: var(--quote-primary);
  --quote-active-step-bg: var(--quote-primary);
  --quote-active-step-color: #000000;
  --quote-active-step-label: var(--quote-primary);
  --quote-submit-btn-bg: linear-gradient(135deg, var(--quote-primary) 0%, var(--quote-accent) 100%);
  --quote-submit-btn-hover: linear-gradient(135deg, var(--quote-accent) 0%, var(--quote-primary) 100%);
  --quote-submit-btn-color: #ffffff;
  --quote-submit-btn-radius: 8px;
  --quote-submit-arrow-bg: rgba(255, 255, 255, 0.15);
  --quote-submit-arrow-border: 1px solid rgba(255, 255, 255, 0.2);
  --quote-submit-arrow-bg-hover: #ffffff;
  --quote-submit-arrow-color-hover: var(--quote-primary);
  --quote-badge-bg: linear-gradient(135deg, var(--quote-primary), var(--quote-accent));
  --quote-badge-color: #ffffff;
  --quote-badge-radius: 4px;
  --section-image-tint: rgba(3, 7, 18, 0.88);
}
.slrs-quote--v2 .slrs-section-bg .slrs-section-bg__gradient {
  background: linear-gradient(180deg, transparent 0%, rgba(3, 7, 18, 0.5) 50%, rgba(3, 7, 18, 0.98) 100%);
}
.slrs-quote--v2 .slrs-quote-v2__cyber-grid {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.slrs-quote--v2 .slrs-quote-v2__grid-lines {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(var(--quote-primary-rgb), 0.08) 1px, transparent 1px), linear-gradient(rgba(var(--quote-primary-rgb), 0.02) 1px, transparent 1px);
  background-size: 24px 24px, 48px 48px;
  opacity: 0.8;
}
.slrs-quote--v2 .slrs-quote-v2__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(130px);
  opacity: 0.16;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slrs-quote--v2 .slrs-quote-v2__orb--1 {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(var(--quote-primary-rgb), 0.45) 0%, transparent 70%);
  top: -15%;
  left: -5%;
  animation: slrs-v2-orb-drift-1 25s ease-in-out infinite;
}
.slrs-quote--v2 .slrs-quote-v2__orb--2 {
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(var(--quote-accent-rgb), 0.4) 0%, transparent 70%);
  bottom: -10%;
  right: 5%;
  animation: slrs-v2-orb-drift-2 20s ease-in-out infinite;
}
.slrs-quote--v2 .slrs-quote__content {
  background: rgba(4, 8, 16, 0.68);
  border: 1px dashed rgba(var(--quote-primary-rgb), 0.15);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  position: relative;
}
.slrs-quote--v2 .slrs-quote__content::before, .slrs-quote--v2 .slrs-quote__content::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--quote-primary);
  pointer-events: none;
  transition: all 0.4s ease;
}
.slrs-quote--v2 .slrs-quote__content::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}
.slrs-quote--v2 .slrs-quote__content::after {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}
.slrs-quote--v2 .slrs-quote__content:hover {
  border-style: solid;
  border-color: rgba(var(--quote-primary-rgb), 0.35);
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.55), 0 0 30px rgba(var(--quote-primary-rgb), 0.1);
}
.slrs-quote--v2 .slrs-quote__content:hover::before, .slrs-quote--v2 .slrs-quote__content:hover::after {
  width: 30px;
  height: 30px;
}
.slrs-quote--v2 .slrs-quote-form__step.is-completed .slrs-quote-form__step-number {
  background: var(--quote-accent);
}
.slrs-quote--v2 .slrs-quote-form__step.is-completed::after {
  background: var(--quote-accent);
}
.slrs-quote--v2 .slrs-quote__badge-item {
  border-radius: 4px;
  letter-spacing: 0.06em;
}
.slrs-quote--v2 .slrs-quote__badge-item--live {
  background: rgba(var(--quote-primary-rgb), 0.1);
  border-color: rgba(var(--quote-primary-rgb), 0.3);
  color: var(--quote-primary);
}
.slrs-quote--v2 .slrs-quote__badge-item--live .slrs-quote__badge-dot {
  background: var(--quote-primary);
  box-shadow: 0 0 10px var(--quote-primary);
  animation: slrs-v2-active-blink 1.5s ease infinite;
}
.slrs-quote--v2 .slrs-quote__badge-item--promo {
  background: rgba(var(--quote-accent-rgb), 0.1);
  border-color: rgba(var(--quote-accent-rgb), 0.3);
  color: var(--quote-accent);
}
.slrs-quote--v2 .slrs-quote-v2__telemetry {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-xl);
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry {
    padding: var(--space-base-20);
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-header {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-header {
    gap: var(--space-base-16);
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-pulse {
  position: relative;
  width: 10px;
  height: 10px;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-pulse .dot {
  position: absolute;
  inset: 1px;
  background: var(--quote-primary);
  border-radius: 50%;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-pulse .beacon {
  position: absolute;
  inset: -2px;
  border: 2px solid var(--quote-primary);
  border-radius: 50%;
  animation: slrs-v2-hud-beacon 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-title {
  font-size: 10px;
  font-weight: var(--fw-bold);
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.12em;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-grid {
    grid-template-columns: 1fr;
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-card {
    padding: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v2 .slrs-quote-v2__telemetry-card {
    padding: var(--space-base-16);
  }
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .label {
  font-size: 8px;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .value {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: #fff;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .mini-bar {
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-full);
  overflow: hidden;
  margin-top: 2px;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .mini-bar .fill {
  height: 100%;
  background: var(--quote-primary);
  border-radius: inherit;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .mini-bar .fill--info {
  background: var(--quote-accent);
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card .mini-bar .fill--warning {
  background: #eab308;
}
.slrs-quote--v2 .slrs-quote-v2__telemetry-card:hover {
  background: rgba(var(--quote-primary-rgb), 0.03);
  border-color: rgba(var(--quote-primary-rgb), 0.15);
  transform: translateY(-2px);
}
.slrs-quote--v2 .slrs-quote__stat {
  background: rgba(8, 12, 24, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-left: 3px solid var(--quote-primary);
  border-radius: 8px;
  padding: 18px 22px;
  position: relative;
  overflow: hidden;
}
.slrs-quote--v2 .slrs-quote__stat::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent var(--quote-primary) transparent transparent;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.slrs-quote--v2 .slrs-quote__stat:nth-child(even) {
  border-left-color: var(--quote-accent);
}
.slrs-quote--v2 .slrs-quote__stat:nth-child(even)::before {
  border-color: transparent var(--quote-accent) transparent transparent;
}
.slrs-quote--v2 .slrs-quote__stat:hover {
  background: linear-gradient(135deg, rgba(var(--quote-primary-rgb), 0.08) 0%, rgba(var(--quote-accent-rgb), 0.03) 100%);
  transform: translate3d(6px, 0, 0);
  border-color: rgba(var(--quote-primary-rgb), 0.2);
  border-left-color: var(--quote-accent);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), 0 0 15px rgba(var(--quote-primary-rgb), 0.1);
}
.slrs-quote--v2 .slrs-quote__stat:hover:nth-child(even) {
  border-left-color: var(--quote-primary);
}
.slrs-quote--v2 .slrs-quote__stat:hover::before {
  opacity: 1;
}
.slrs-quote--v2 .slrs-quote__stat:hover .slrs-quote__stat-icon {
  background: var(--quote-primary);
  color: #ffffff;
  transform: scale(1.08) rotate(3deg);
  box-shadow: 0 0 12px rgba(var(--quote-primary-rgb), 0.4);
}
.slrs-quote--v2 .slrs-quote__stat:hover:nth-child(even) .slrs-quote__stat-icon {
  background: var(--quote-accent);
  box-shadow: 0 0 12px rgba(var(--quote-accent-rgb), 0.4);
}

.slrs-quote--v3 {
  --quote-primary: var(--clr-primary);
  --quote-primary-rgb: 22, 101, 52;
  --quote-accent: var(--clr-accent);
  --quote-accent-rgb: 238, 115, 37;
  --quote-dark-bg: rgba(10, 15, 30, 0.75);
  --quote-border-color: rgba(255, 255, 255, 0.06);
  --quote-border-glow: rgba(var(--quote-accent-rgb), 0.06);
  --quote-text-light: #ffffff;
  --quote-active-step-bg: linear-gradient(135deg, var(--quote-primary), var(--quote-accent));
  --quote-active-step-color: #ffffff;
  --quote-active-step-label: rgba(255, 255, 255, 0.9);
  --quote-submit-btn-bg: linear-gradient(135deg, var(--quote-primary) 0%, var(--quote-accent) 100%);
  --quote-submit-btn-hover: linear-gradient(135deg, var(--quote-accent) 0%, var(--quote-primary) 100%);
  --quote-submit-btn-color: #ffffff;
  --quote-submit-arrow-bg: rgba(255, 255, 255, 0.15);
  --quote-submit-arrow-border: 1px solid rgba(255, 255, 255, 0.2);
  --quote-submit-arrow-bg-hover: #ffffff;
  --quote-submit-arrow-color-hover: var(--quote-primary);
  --quote-badge-bg: linear-gradient(135deg, var(--quote-primary), var(--quote-accent));
  --quote-badge-color: #ffffff;
  --section-image-tint: rgba(7, 11, 25, 0.82);
}
.slrs-quote--v3 .slrs-section-bg .slrs-section-bg__gradient {
  background: linear-gradient(180deg, transparent 0%, rgba(7, 11, 25, 0.4) 50%, rgba(7, 11, 25, 0.95) 100%);
}
.slrs-quote--v3 .slrs-quote__content {
  position: relative;
  border-radius: var(--radius-3xl);
  overflow: hidden;
  background: radial-gradient(circle at 10% 10%, rgba(var(--quote-accent-rgb), 0.08), transparent 60%), radial-gradient(circle at 90% 90%, rgba(var(--quote-primary-rgb), 0.08), transparent 60%), rgba(12, 18, 36, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 40px rgba(var(--quote-accent-rgb), 0.03);
}
.slrs-quote--v3 .slrs-quote__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--quote-primary), var(--clr-primary));
  background-size: 300% 3px;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: slrs-v3-stripe-slide-top 6s linear infinite;
  border-radius: calc(var(--radius-3xl) - 1px) calc(var(--radius-3xl) - 1px) 0 0;
  z-index: 2;
  pointer-events: none;
}
.slrs-quote--v3 .slrs-quote__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 120px;
  background: radial-gradient(ellipse at center top, rgba(var(--quote-accent-rgb), 0.1) 0%, transparent 70%);
  pointer-events: none;
}
.slrs-quote--v3 .slrs-quote__content:hover {
  border-color: rgba(var(--quote-primary-rgb), 0.25);
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 50px rgba(var(--quote-accent-rgb), 0.08);
}
.slrs-quote--v3 .slrs-quote__badge-item {
  font-size: 11.5px;
  letter-spacing: 0.04em;
  font-weight: 600;
  text-transform: uppercase;
}
.slrs-quote--v3 .slrs-quote__badge-item--live {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.06) 100%);
  border: 1px solid rgba(34, 197, 94, 0.35);
  padding: 5px 14px;
  border-radius: 50px;
  color: #4ade80;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.1);
}
.slrs-quote--v3 .slrs-quote__badge-item--promo {
  background: linear-gradient(135deg, rgba(255, 126, 0, 0.2) 0%, rgba(255, 126, 0, 0.06) 100%);
  border: 1px solid rgba(255, 126, 0, 0.35);
  padding: 5px 14px;
  border-radius: 50px;
  color: var(--clr-accent);
  box-shadow: 0 0 12px rgba(255, 126, 0, 0.1);
}
.slrs-quote--v3 .slrs-quote__badge-item--promo i {
  animation: slrs-v3-gift-pulse 2s ease-in-out infinite;
}
.slrs-quote--v3 .slrs-quote__phone-card-compact::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--clr-primary), var(--clr-accent));
  border-radius: 0 3px 3px 0;
  opacity: 0.7;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-quote--v3 .slrs-quote__phone-card-compact:hover::after {
  opacity: 1;
  box-shadow: 0 0 12px rgba(var(--quote-accent-rgb), 0.4);
}
.slrs-quote--v3 .slrs-quote__phone-card-icon {
  background: linear-gradient(135deg, var(--clr-accent), #ff9a3c);
  color: #0b1120;
  box-shadow: 0 4px 12px rgba(var(--quote-accent-rgb), 0.3);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-xl);
  padding: 16px var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry {
    padding: 16px var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry {
    padding: 16px var(--space-base-20);
  }
}
.slrs-quote--v3 .slrs-quote-v3__telemetry {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-quote--v3 .slrs-quote-v3__telemetry {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(var(--quote-primary-rgb), 0.2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry-header {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry-header {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-pulse {
  position: relative;
  display: inline-flex;
  width: 8px;
  height: 8px;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-pulse .dot {
  width: 8px;
  height: 8px;
  background-color: var(--clr-success);
  border-radius: 50%;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-pulse .ring {
  position: absolute;
  width: 24px;
  height: 24px;
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.5);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.3);
  opacity: 1;
  animation: slrs-v3-telemetry-ping 2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-title {
  font-size: 10px;
  font-weight: 700;
  color: var(--clr-success);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry-grid {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry-grid {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote--v3 .slrs-quote-v3__telemetry-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-lg);
  padding: 10px;
  transition: all 0.3s ease;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card:nth-child(1) {
  border-left: 2px solid var(--clr-primary);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card:nth-child(2) {
  border-left: 2px solid var(--quote-primary);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card:nth-child(3) {
  border-left: 2px solid var(--clr-success);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card .label {
  font-size: 9px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.05em;
  font-weight: 500;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card .value {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card .value i {
  font-size: 11px;
  color: var(--clr-accent);
}
.slrs-quote--v3 .slrs-quote-v3__telemetry-card:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.slrs-quote--v3 .slrs-quote__section-divider {
  background: linear-gradient(90deg, transparent 0%, rgba(var(--quote-accent-rgb), 0.35) 20%, rgba(var(--quote-primary-rgb), 0.55) 50%, rgba(var(--quote-accent-rgb), 0.35) 80%, transparent 100%);
}
.slrs-quote--v3 .slrs-quote__section-divider::before {
  background: linear-gradient(135deg, var(--clr-primary), var(--quote-primary));
  box-shadow: 0 0 14px rgba(var(--quote-primary-rgb), 0.7), 0 0 28px rgba(var(--quote-primary-rgb), 0.4);
}
.slrs-quote--v3 .slrs-quote__section-divider::after {
  background: linear-gradient(90deg, transparent, rgba(var(--quote-primary-rgb), 0.4), transparent);
}
.slrs-quote--v3 .slrs-quote__stats-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 47.98em) {
  .slrs-quote--v3 .slrs-quote__stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 35.98em) {
  .slrs-quote--v3 .slrs-quote__stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.slrs-quote--v3 .slrs-quote__stat {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 18px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.slrs-quote--v3 .slrs-quote__stat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  border-radius: 0 0 2px 2px;
  opacity: 0.5;
  transition: all 0.4s ease;
}
.slrs-quote--v3 .slrs-quote__stat:nth-child(1)::before {
  background: linear-gradient(90deg, transparent, var(--clr-accent), transparent);
}
.slrs-quote--v3 .slrs-quote__stat:nth-child(2)::before {
  background: linear-gradient(90deg, transparent, #ea4335, transparent);
}
.slrs-quote--v3 .slrs-quote__stat:nth-child(3)::before {
  background: linear-gradient(90deg, transparent, var(--clr-success), transparent);
}
.slrs-quote--v3 .slrs-quote__stat:nth-child(4)::before {
  background: linear-gradient(90deg, transparent, var(--clr-primary), transparent);
}
.slrs-quote--v3 .slrs-quote__stat:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}
.slrs-quote--v3 .slrs-quote__stat:hover::before {
  opacity: 1;
  left: 10%;
  right: 10%;
}
.slrs-quote--v3 .slrs-quote__stat-icon {
  width: 40px;
  height: 40px;
  font-size: 1rem;
}
.slrs-quote--v3 .slrs-quote__stat-content {
  text-align: center;
  align-items: center;
}
.slrs-quote--v3 .slrs-quote__stat-content strong {
  font-size: clamp(18px, 2.2vw, 22px);
  justify-content: center;
}
.slrs-quote--v3 .slrs-quote__stat-content span {
  font-size: 10px;
  letter-spacing: 0.06em;
}
.slrs-quote--v3 .slrs-quote-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent), var(--quote-primary), var(--clr-primary));
  background-size: 300% 3px;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: slrs-v3-stripe-slide-top 6s linear infinite;
  border-radius: calc(var(--radius-3xl) - 1px) calc(var(--radius-3xl) - 1px) 0 0;
  z-index: 10;
  pointer-events: none;
  -webkit-mask: none !important;
  -webkit-mask-composite: source-over !important;
  mask: none !important;
  padding: 0 !important;
}
.slrs-quote--v3 .slrs-quote-form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 100px;
  background: radial-gradient(ellipse at center top, rgba(var(--quote-accent-rgb), 0.08) 0%, transparent 70%);
  z-index: 0;
}
.slrs-quote--v3 .slrs-quote-form__header {
  border-radius: var(--radius-3xl) var(--radius-3xl) 0 0;
}
.slrs-quote--v3 .slrs-quote-form__step.is-active .slrs-quote-form__step-number {
  animation: slrs-v3-active-pulse 2s infinite alternate;
}
.slrs-quote--v3 .slrs-quote-form__group input:focus,
.slrs-quote--v3 .slrs-quote-form__group select:focus,
.slrs-quote--v3 .slrs-quote-form__group textarea:focus {
  background-color: rgba(10, 15, 30, 0.92);
}
.slrs-quote--v3 .slrs-quote-form__radio-icon {
  background: rgba(var(--quote-primary-rgb), 0.12);
  color: var(--quote-primary);
}
.slrs-quote--v3 .slrs-quote-form__radio-card--urgent .slrs-quote-form__radio-icon {
  background: rgba(220, 38, 38, 0.12);
  color: #f87171;
}
.slrs-quote--v3 .slrs-quote-form__group--checkbox label a {
  color: var(--quote-primary);
}
.slrs-quote--v3 .slrs-quote-form__group--checkbox label a:hover {
  color: var(--clr-accent);
}
.slrs-quote--v3 .slrs-quote-form__success-ref-id {
  color: #a78bfa;
}

@keyframes slrs-quote-badge-float {
  0%, 100% {
    transform: rotate(5deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(5deg) translate3d(0, -6px, 0);
  }
}
@keyframes slrs-quote-badge-float-rtl {
  0%, 100% {
    transform: rotate(-5deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-5deg) translate3d(0, -6px, 0);
  }
}
@keyframes slrs-quote-shine {
  0% {
    transform: translate3d(-200%, 0, 0);
  }
  50%, 100% {
    transform: translate3d(200%, 0, 0);
  }
}
@keyframes slrs-quote-fade-in {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slrs-quote-success-pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slrs-quote-divider-glow {
  0%, 100% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 8px var(--quote-primary), 0 0 16px rgba(var(--quote-primary-rgb), 0.4);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.4);
    box-shadow: 0 0 14px var(--quote-primary), 0 0 28px rgba(var(--quote-primary-rgb), 0.5);
  }
}
@keyframes slrs-quote-form-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-4px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes slrs-radio-urgent-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes slrs-v1-eclipse-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  33% {
    transform: translate3d(20px, -15px, 0) rotate(3deg);
  }
  66% {
    transform: translate3d(-15px, 20px, 0) rotate(-2deg);
  }
}
@keyframes slrs-v1-ring-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slrs-v1-corona-pulse {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
    box-shadow: 0 0 15px #fbbf24;
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
    box-shadow: 0 0 25px #fbbf24, 0 0 40px rgba(251, 191, 36, 0.5);
  }
}
@keyframes slrs-v1-orb-drift-1 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  33% {
    transform: translate3d(30px, 20px, 0);
  }
  66% {
    transform: translate3d(-20px, 35px, 0);
  }
}
@keyframes slrs-v1-orb-drift-2 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-25px, -30px, 0);
  }
}
@keyframes slrs-v1-pulse-ping {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes slrs-v2-orb-drift-1 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  33% {
    transform: translate3d(35px, 25px, 0);
  }
  66% {
    transform: translate3d(-25px, 40px, 0);
  }
}
@keyframes slrs-v2-orb-drift-2 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-30px, -35px, 0);
  }
}
@keyframes slrs-v2-hud-beacon {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes slrs-v3-stripe-slide-top {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 300% 0;
  }
}
@keyframes slrs-v3-telemetry-ping {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(0.3);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    opacity: 0;
  }
}
@keyframes slrs-v3-active-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--quote-primary-rgb), 0.5);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(var(--quote-primary-rgb), 0);
  }
}
[data-theme=dark] .slrs-quote {
  background: linear-gradient(135deg, #051b0f 0%, #092c18 50%, var(--clr-primary) 100%);
}
[data-theme=dark] .slrs-quote--v2 {
  --quote-primary-rgb: 74, 222, 128;
  --quote-accent-rgb: 255, 154, 92;
}
[data-theme=dark] .slrs-quote--v3 {
  --quote-primary-rgb: 74, 222, 128;
  --quote-accent-rgb: 255, 154, 92;
}
[data-theme=dark] .slrs-quote-form--compact {
  --quote-primary-rgb: 74, 222, 128;
}
[data-theme=dark] .slrs-quote-form__radio-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(8px);
}
[data-theme=dark] .slrs-quote-form__radio-card:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--quote-primary-op-20);
}
[data-theme=dark] .slrs-quote-form .slrs-quote-form__security {
  color: rgba(255, 255, 255, 0.65);
}
[data-theme=dark] .slrs-quote-form .slrs-quote-form__guarantee {
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-quote-form .slrs-quote-form__guarantee span {
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-quote-form .slrs-quote-form__guarantee span strong {
  color: var(--clr-primary-light);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-quote-v3__orb,
  .slrs-quote-v1__solar-eclipse,
  .slrs-quote-v1__solar-eclipse::before,
  .slrs-quote-v1__solar-eclipse::after,
  .slrs-quote-v1__orb,
  .slrs-quote-v2__orb,
  .slrs-quote-form__badge,
  .slrs-quote-form__badge::before,
  .slrs-quote-form::before,
  .slrs-quote-form__success-icon,
  .slrs-quote__section-divider::before,
  .slrs-quote__stat-icon::before,
  .slrs-quote-v1__telemetry-pulse .ping,
  .slrs-quote-v2__telemetry-pulse .beacon {
    animation: none !important;
  }
  .slrs-quote-form,
  .slrs-quote-form__group input,
  .slrs-quote-form__group select,
  .slrs-quote-form__group textarea,
  .slrs-quote-form__radio-card,
  .slrs-quote-form__radio-icon,
  .slrs-quote-form__radio-indicator,
  .slrs-quote-form__radio-check,
  .slrs-quote-form__submit-btn .slrs-quote-form__submit-arrow,
  .slrs-quote__stat-icon {
    transition: none !important;
  }
  .slrs-quote-form:hover,
  .slrs-quote-form__radio-card:hover,
  .slrs-quote__stat:hover,
  .slrs-quote__stat:hover .slrs-quote__stat-icon,
  .slrs-quote__content:hover {
    transform: none !important;
  }
}
@media (forced-colors: active) {
  .slrs-section-bg {
    display: none;
  }
  .slrs-quote__stats {
    border: 2px solid CanvasText;
  }
  .slrs-quote__stat-icon {
    border: 1px solid CanvasText;
  }
  .slrs-quote__stat-icon::before {
    display: none;
  }
  .slrs-quote__section-divider {
    background: CanvasText;
  }
  .slrs-quote__section-divider::before, .slrs-quote__section-divider::after {
    display: none;
  }
  .slrs-quote-form {
    border: 3px solid CanvasText;
  }
  .slrs-quote-form::before, .slrs-quote-form::after {
    display: none;
  }
  .slrs-quote-form__badge {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__badge::before {
    display: none;
  }
  .slrs-quote-form__header-icon {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__group input,
  .slrs-quote-form__group select,
  .slrs-quote-form__group textarea {
    border: 2px solid CanvasText;
  }
  .slrs-quote-form__radio-card {
    border: 2px solid CanvasText;
  }
  .slrs-quote-form__radio-indicator {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__radio-icon {
    border: 1px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__radio-check {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__group--checkbox {
    border: 2px solid CanvasText;
  }
  .slrs-quote-form__submit-btn {
    border: 2px solid CanvasText;
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__submit-btn::before, .slrs-quote-form__submit-btn::after {
    display: none;
  }
  .slrs-quote-form__success-icon {
    border: 2px solid CanvasText;
    forced-color-adjust: none;
  }
  .slrs-quote-form__success-next {
    border: 2px solid CanvasText;
  }
  .slrs-quote-form__success-ref {
    border: 2px solid CanvasText;
  }
  .slrs-quote-form__alert {
    border: 2px solid CanvasText;
  }
}
@media print {
  .slrs-quote {
    background: #333;
    color: #fff;
    padding: 2rem 0;
  }
  .slrs-section-bg {
    display: none;
  }
  .slrs-quote__stats {
    background: var(--clr-smoke-op-5);
    backdrop-filter: none;
    border: 1px solid var(--clr-glass-op-30);
  }
  .slrs-quote__stat-icon::before {
    display: none;
  }
  .slrs-quote__section-divider {
    background: var(--clr-glass-op-20);
  }
  .slrs-quote__section-divider::before, .slrs-quote__section-divider::after {
    display: none;
  }
  .slrs-quote-form {
    background: white;
    color: #000;
    border: 1px solid #ccc;
    box-shadow: none;
    break-inside: avoid;
  }
  .slrs-quote-form::before, .slrs-quote-form::after {
    display: none;
  }
  .slrs-quote-form__badge {
    box-shadow: none;
    animation: none;
    border: 1px solid #ccc;
  }
  .slrs-quote-form__badge::before {
    display: none;
  }
  .slrs-quote-form__header {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
  }
  .slrs-quote-form__header-icon {
    box-shadow: none;
  }
  .slrs-quote-form__title {
    color: #000;
  }
  .slrs-quote-form__steps {
    background: #f5f5f5;
  }
  .slrs-quote-form__step-number {
    border: 1px solid #ccc;
  }
  .slrs-quote-form__group input,
  .slrs-quote-form__group select,
  .slrs-quote-form__group textarea {
    border: 1px solid #ccc;
    background: white;
  }
  .slrs-quote-form__radio-card {
    border: 1px solid #ccc;
    background: white;
  }
  .slrs-quote-form__group--checkbox {
    border: 1px solid #ccc;
    background: #f9f9f9;
  }
  .slrs-quote-form__footer {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
  }
  .slrs-quote-form__submit-btn {
    background: #333;
    color: #fff;
    box-shadow: none;
  }
  .slrs-quote-form__submit-btn::before, .slrs-quote-form__submit-btn::after {
    display: none;
  }
  .slrs-quote-form__success-icon {
    box-shadow: none;
  }
  .slrs-quote-form__success-next {
    border: 1px solid #ccc;
    background: #f9f9f9;
  }
  .slrs-quote-form__success-ref {
    border: 1px solid #ccc;
    background: #f9f9f9;
  }
}
@media (max-width: 61.98em) {
  [dir=rtl] .slrs-quote__content {
    text-align: center;
  }
}
[dir=rtl] .slrs-quote-form__badge {
  right: auto;
  left: 28px;
  transform: rotate(-5deg);
  animation-name: slrs-quote-badge-float-rtl;
}
[dir=rtl] .slrs-quote-form__step:not(:last-child)::after {
  margin-left: 0;
  margin-right: var(--space-base-8);
}
@media (min-width: 75em) {
  [dir=rtl] .slrs-quote-form__step:not(:last-child)::after {
    margin-right: var(--space-base-10);
  }
}
[dir=rtl] .slrs-quote-form__group input,
[dir=rtl] .slrs-quote-form__group select {
  text-align: right;
}
[dir=rtl] .slrs-quote-form__group.has-icon input,
[dir=rtl] .slrs-quote-form__group.has-icon select {
  padding-left: var(--space-base-16) !important;
}
@media (min-width: 48em) {
  [dir=rtl] .slrs-quote-form__group.has-icon input,
  [dir=rtl] .slrs-quote-form__group.has-icon select {
    padding-left: var(--space-base-20) !important;
  }
}
@media (min-width: 75em) {
  [dir=rtl] .slrs-quote-form__group.has-icon input,
  [dir=rtl] .slrs-quote-form__group.has-icon select {
    padding-left: var(--space-base-28) !important;
  }
}
[dir=rtl] .slrs-quote-form__group.has-icon input,
[dir=rtl] .slrs-quote-form__group.has-icon select {
  padding-right: calc(var(--space-base-16) + 1.75rem) !important;
}
@media (min-width: 48em) {
  [dir=rtl] .slrs-quote-form__group.has-icon input,
  [dir=rtl] .slrs-quote-form__group.has-icon select {
    padding-right: calc(var(--space-base-20) + 1.75rem) !important;
  }
}
@media (min-width: 75em) {
  [dir=rtl] .slrs-quote-form__group.has-icon input,
  [dir=rtl] .slrs-quote-form__group.has-icon select {
    padding-right: calc(var(--space-base-28) + 1.75rem) !important;
  }
}
[dir=rtl] .slrs-quote-form__group.has-icon .slrs-quote-form__input-icon {
  left: auto;
  right: var(--space-base-20);
}
[dir=rtl] .slrs-quote-form__radio-indicator {
  left: auto;
  right: 8px;
}
@media (max-width: 35.98em) {
  [dir=rtl] .slrs-quote-form__radio-indicator {
    right: auto;
  }
}
[dir=rtl] .slrs-quote-form__radio-check {
  right: auto;
  left: 8px;
}
@media (max-width: 35.98em) {
  [dir=rtl] .slrs-quote-form__radio-check {
    left: 16px;
  }
}
@media (max-width: 35.98em) {
  [dir=rtl] .slrs-quote-form__radio-card {
    text-align: right;
  }
}
@media (max-width: 35.98em) {
  [dir=rtl] .slrs-quote-form__radio-content {
    text-align: right;
  }
}
[dir=rtl] .slrs-quote-form__group--checkbox input[type=checkbox]::after {
  left: auto;
  right: 6px;
}

.slrs-newsletter {
  --transition-base: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.15s ease;
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  overflow: hidden;
  padding: var(--space-base-40) 0;
}
@media (min-width: 48em) {
  .slrs-newsletter {
    padding: var(--space-base-64) 0;
  }
}
@media (min-width: 75em) {
  .slrs-newsletter {
    padding: var(--space-base-96) 0;
  }
}
.slrs-newsletter {
  background: var(--clr-bg-alt);
}
[data-theme=dark] .slrs-newsletter {
  background: var(--clr-bg);
}
@media (max-width: 47.98em) {
  .slrs-newsletter {
    padding: var(--space-base-24) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-newsletter {
    padding: var(--space-base-36) 0;
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-newsletter {
    padding: var(--space-base-56) 0;
  }
}
.slrs-newsletter .container {
  position: relative;
  z-index: 10;
}

.slrs-newsletter__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  isolation: isolate;
}

.slrs-newsletter__bg-pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--clr-neutral-300) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.25;
  mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, black, transparent);
  -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, black, transparent);
}
[data-theme=dark] .slrs-newsletter__bg-pattern {
  background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  opacity: 0.5;
}

.slrs-newsletter__bg-gradient {
  position: absolute;
  bottom: -15%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--clr-primary-op-6) 0%, transparent 70%);
  pointer-events: none;
}
[data-theme=dark] .slrs-newsletter__bg-gradient {
  background: radial-gradient(circle, var(--clr-accent-op-4) 0%, transparent 70%);
}

.slrs-newsletter__card {
  position: relative;
  padding: var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-newsletter__card {
    padding: var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__card {
    padding: var(--space-base-72);
  }
}
.slrs-newsletter__card {
  background: var(--clr-white);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-3xl, 24px);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
}
[data-theme=dark] .slrs-newsletter__card {
  background: var(--clr-surface-frost);
  border-color: var(--clr-neutral-300);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25);
}
.slrs-newsletter__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
}
.slrs-newsletter__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.06);
  border-color: var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-newsletter__card:hover {
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  border-color: var(--clr-accent-op-15);
}
@media (max-width: 35.98em) {
  .slrs-newsletter__card {
    padding: var(--space-base-20);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-newsletter__card {
    padding: var(--space-base-28);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-newsletter__card {
    padding: var(--space-base-40);
  }
}

.slrs-newsletter__content {
  display: flex;
  align-items: center;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-newsletter__content {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__content {
    gap: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-newsletter__content {
    flex-direction: column;
    text-align: center;
    gap: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-newsletter__content {
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-newsletter__content {
    gap: var(--space-base-28);
  }
}

.slrs-newsletter__icon {
  position: relative;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  border-radius: var(--radius-2xl, 16px);
  transition: transform var(--transition-bounce), background-color var(--transition-base), color var(--transition-base);
}
[data-theme=dark] .slrs-newsletter__icon {
  color: var(--clr-accent);
  background: var(--clr-accent-op-8);
}
.slrs-newsletter__card:hover .slrs-newsletter__icon {
  transform: scale(1.08) rotate(8deg);
  background: var(--clr-primary);
  color: var(--clr-white);
}
[data-theme=dark] .slrs-newsletter__card:hover .slrs-newsletter__icon {
  background: var(--clr-accent);
  color: var(--clr-neutral-900);
}

.slrs-newsletter__text-content {
  flex: 1;
  min-width: 0;
}

.slrs-newsletter__title {
  margin: 0 0 var(--space-base-4) 0;
}
@media (min-width: 75em) {
  .slrs-newsletter__title {
    margin: 0 0 var(--space-base-6) 0;
  }
}
.slrs-newsletter__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: var(--lh-snug);
}
.slrs-newsletter__title .highlight {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-newsletter__title .highlight {
  color: var(--clr-accent);
}

.slrs-newsletter__text {
  margin: 0;
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
}
.slrs-newsletter__text strong {
  color: var(--clr-text);
}

.slrs-newsletter__form-wrapper {
  width: 100%;
}

.slrs-newsletter__form {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-newsletter__form {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__form {
    gap: var(--space-base-16);
  }
}
.slrs-newsletter__form {
  position: relative;
}
@media (max-width: 35.98em) {
  .slrs-newsletter__form {
    flex-direction: column;
  }
}

.slrs-newsletter__input-wrapper {
  position: relative;
  flex: 1;
}

.slrs-newsletter__input-icon {
  position: absolute;
  left: var(--space-base-16);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  transition: color var(--transition-base);
  pointer-events: none;
  z-index: 1;
}

.slrs-newsletter__input {
  width: 100%;
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-newsletter__input {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__input {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-newsletter__input {
  padding-left: calc(var(--space-base-12) + 1.6rem);
}
@media (min-width: 48em) {
  .slrs-newsletter__input {
    padding-left: calc(var(--space-base-16) + 1.6rem);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__input {
    padding-left: calc(var(--space-base-20) + 1.6rem);
  }
}
.slrs-newsletter__input {
  font-family: inherit;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  background: var(--clr-bg-alt);
  border: 1px solid var(--clr-neutral-300);
  border-radius: var(--radius-xl, 14px);
  outline: none;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=dark] .slrs-newsletter__input {
  background: var(--clr-surface-void);
  border-color: var(--clr-neutral-400);
}
.slrs-newsletter__input::placeholder {
  color: var(--clr-text-subtle);
}
.slrs-newsletter__input:hover {
  border-color: var(--clr-neutral-400);
}
.slrs-newsletter__input:focus {
  background: var(--clr-white);
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px rgb(var(--clr-primary-rgb)/0.12);
}
[data-theme=dark] .slrs-newsletter__input:focus {
  background: var(--clr-surface-void);
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 4px rgb(var(--clr-accent-rgb)/0.12);
}
.slrs-newsletter__input:focus ~ .slrs-newsletter__input-icon {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-newsletter__input:focus ~ .slrs-newsletter__input-icon {
  color: var(--clr-accent);
}

.slrs-newsletter__submit-btn {
  position: relative;
  overflow: hidden;
}
.slrs-newsletter__submit-btn .slrs-newsletter__submit-default,
.slrs-newsletter__submit-btn .slrs-newsletter__submit-loading {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-newsletter__submit-btn .slrs-newsletter__submit-default,
  .slrs-newsletter__submit-btn .slrs-newsletter__submit-loading {
    gap: var(--space-base-10);
  }
}
.slrs-newsletter__submit-btn .slrs-newsletter__submit-default,
.slrs-newsletter__submit-btn .slrs-newsletter__submit-loading {
  transition: opacity var(--transition-fast) ease;
}
.slrs-newsletter__submit-btn .slrs-newsletter__submit-loading {
  position: absolute;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}
.slrs-newsletter__submit-btn.is-loading {
  pointer-events: none;
  opacity: 0.85;
}
.slrs-newsletter__submit-btn.is-loading .slrs-newsletter__submit-default {
  opacity: 0;
}
.slrs-newsletter__submit-btn.is-loading .slrs-newsletter__submit-loading {
  opacity: 1;
}

.slrs-newsletter__success {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter__success {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__success {
    gap: var(--space-base-20);
  }
}
.slrs-newsletter__success {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-newsletter__success {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__success {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-newsletter__success {
  background: var(--clr-success-op-5);
  border: 1px solid var(--clr-success-op-20);
  border-radius: var(--radius-xl, 14px);
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter__success {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__success {
    margin-top: var(--space-base-20);
  }
}
.slrs-newsletter__success {
  animation: slrs-newsletter-pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-newsletter__success[hidden] {
  display: none !important;
}

.slrs-newsletter__success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--clr-success);
  color: var(--clr-white);
  font-size: 0.85rem;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.slrs-newsletter__success-text {
  font-size: var(--ffs-xs);
  color: var(--clr-success-dark);
}
[data-theme=dark] .slrs-newsletter__success-text {
  color: #86efac;
}
.slrs-newsletter__success-text strong {
  color: inherit;
  font-weight: var(--fw-bold);
}

.slrs-newsletter__error {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-newsletter__error {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__error {
    gap: var(--space-base-16);
  }
}
.slrs-newsletter__error {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter__error {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__error {
    padding: var(--space-base-20);
  }
}
.slrs-newsletter__error {
  background: var(--clr-danger-op-5);
  border: 1px solid var(--clr-danger-op-20);
  border-radius: var(--radius-xl, 14px);
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter__error {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__error {
    margin-top: var(--space-base-20);
  }
}
.slrs-newsletter__error {
  font-size: var(--ffs-xs);
  color: var(--clr-danger-dark);
  animation: slrs-newsletter-pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
[data-theme=dark] .slrs-newsletter__error {
  color: #fca5a5;
}
.slrs-newsletter__error[hidden] {
  display: none !important;
}
.slrs-newsletter__error i {
  font-size: 1rem;
  color: var(--clr-danger);
}

.slrs-newsletter__error-close {
  background: transparent;
  border: none;
  color: inherit;
  padding: 2px;
  cursor: pointer;
  margin-left: auto;
  font-size: 0.8rem;
  opacity: 0.6;
  transition: opacity var(--transition-fast);
}
.slrs-newsletter__error-close:hover {
  opacity: 1;
}

@keyframes slrs-newsletter-pop-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(5px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.slrs-newsletter__input.is-valid {
  border-color: var(--clr-success) !important;
  box-shadow: 0 0 0 3px rgb(var(--clr-success-rgb)/0.12) !important;
}
.slrs-newsletter__input.is-invalid {
  border-color: var(--clr-danger) !important;
  box-shadow: 0 0 0 3px rgb(var(--clr-danger-rgb)/0.12) !important;
}

.slrs-newsletter__privacy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-newsletter__privacy {
    gap: var(--space-base-10);
  }
}
.slrs-newsletter__privacy {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter__privacy {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter__privacy {
    margin-top: var(--space-base-20);
  }
}
.slrs-newsletter__privacy {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
}
.slrs-newsletter__privacy i {
  color: var(--clr-success);
}
.slrs-newsletter__privacy a {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-newsletter__privacy a {
  color: var(--clr-accent);
}
.slrs-newsletter__privacy a:hover {
  text-decoration: underline;
}

.slrs-newsletter--full {
  background: linear-gradient(135deg, #166534 0%, #002b55 50%, #00152b 100%);
}
[data-theme=dark] .slrs-newsletter--full {
  background: linear-gradient(135deg, #09101c 0%, #050a12 50%, #010204 100%);
}
.slrs-newsletter--full .slrs-newsletter__bg-pattern {
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  opacity: 0.6;
}
.slrs-newsletter--full .slrs-newsletter__card {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  text-align: center;
}
.slrs-newsletter--full .slrs-newsletter__card::after {
  display: none;
}
.slrs-newsletter--full .slrs-newsletter__content {
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter--full .slrs-newsletter__content {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--full .slrs-newsletter__content {
    gap: var(--space-base-20);
  }
}
.slrs-newsletter--full .slrs-newsletter__content {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-newsletter--full .slrs-newsletter__content {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--full .slrs-newsletter__content {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-newsletter--full .slrs-newsletter__icon {
  width: 74px;
  height: 74px;
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--clr-accent);
}
.slrs-newsletter__card:hover .slrs-newsletter--full .slrs-newsletter__icon {
  background: var(--clr-accent);
  color: var(--clr-neutral-900);
}
.slrs-newsletter--full .slrs-newsletter__title {
  color: var(--clr-white);
}
.slrs-newsletter--full .slrs-newsletter__title .highlight {
  color: var(--clr-accent);
}
.slrs-newsletter--full .slrs-newsletter__text {
  color: rgba(255, 255, 255, 0.7);
}
.slrs-newsletter--full .slrs-newsletter__form-wrapper {
  max-width: 500px;
  margin: 0 auto;
}
.slrs-newsletter--full .slrs-newsletter__input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-white);
}
.slrs-newsletter--full .slrs-newsletter__input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-newsletter--full .slrs-newsletter__input:focus {
  background: rgba(0, 0, 0, 0.15);
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 4px var(--clr-accent-op-15);
}
.slrs-newsletter--full .slrs-newsletter__input-icon {
  color: rgba(255, 255, 255, 0.45);
}
.slrs-newsletter--full .slrs-newsletter__input:focus ~ .slrs-newsletter__input-icon {
  color: var(--clr-accent);
}
.slrs-newsletter--full .slrs-newsletter__privacy {
  color: rgba(255, 255, 255, 0.45);
}
.slrs-newsletter--full .slrs-newsletter__privacy a {
  color: var(--clr-accent);
}

.slrs-newsletter--compact {
  padding: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-newsletter--compact {
    padding: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--compact {
    padding: var(--space-base-40) 0;
  }
}
.slrs-newsletter--compact .slrs-newsletter__card {
  padding: var(--space-base-12) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-newsletter--compact .slrs-newsletter__card {
    padding: var(--space-base-16) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--compact .slrs-newsletter__card {
    padding: var(--space-base-20) var(--space-base-40);
  }
}
.slrs-newsletter--compact .slrs-newsletter__card {
  border-radius: var(--radius-2xl, 16px);
}
.slrs-newsletter--compact .slrs-newsletter__content {
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-newsletter--compact .slrs-newsletter__content {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--compact .slrs-newsletter__content {
    gap: var(--space-base-20);
  }
}
.slrs-newsletter--compact .slrs-newsletter__icon {
  width: 48px;
  height: 48px;
  font-size: 1.1rem;
  border-radius: var(--radius-lg, 10px);
}
.slrs-newsletter--compact .slrs-newsletter__title {
  font-size: var(--ffs-md);
  margin: 0;
}
.slrs-newsletter--compact .slrs-newsletter__text {
  display: none;
}
.slrs-newsletter--compact .slrs-newsletter__privacy {
  display: none;
}

.slrs-newsletter--minimal {
  padding: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-newsletter--minimal {
    padding: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--minimal {
    padding: var(--space-base-28) 0;
  }
}
.slrs-newsletter--minimal {
  background: transparent;
}
.slrs-newsletter--minimal .slrs-newsletter__bg {
  display: none;
}
.slrs-newsletter--minimal .slrs-newsletter__card {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
.slrs-newsletter--minimal .slrs-newsletter__card::after {
  display: none;
}
.slrs-newsletter--minimal .slrs-newsletter__card:hover {
  transform: none;
  box-shadow: none;
}
.slrs-newsletter--minimal .slrs-newsletter__input {
  border-color: var(--clr-neutral-300);
}
[data-theme=dark] .slrs-newsletter--minimal .slrs-newsletter__input {
  border-color: var(--clr-neutral-400);
}
.slrs-newsletter--minimal .slrs-newsletter__privacy {
  display: none;
}

.slrs-newsletter--split .slrs-newsletter__card {
  padding: 0;
}
.slrs-newsletter--split .slrs-newsletter__split-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}
@media (max-width: 61.98em) {
  .slrs-newsletter--split .slrs-newsletter__split-grid {
    grid-template-columns: 1fr;
  }
}
.slrs-newsletter--split .slrs-newsletter__split-info {
  padding: var(--space-base-24) var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-newsletter--split .slrs-newsletter__split-info {
    padding: var(--space-base-36) var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--split .slrs-newsletter__split-info {
    padding: var(--space-base-56) var(--space-base-72);
  }
}
.slrs-newsletter--split .slrs-newsletter__split-info {
  background: linear-gradient(135deg, var(--clr-primary-op-5) 0%, var(--clr-accent-op-3) 100%);
  border-right: 1px solid var(--clr-neutral-200);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-theme=dark] .slrs-newsletter--split .slrs-newsletter__split-info {
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-right-color: var(--clr-neutral-300);
}
@media (max-width: 61.98em) {
  .slrs-newsletter--split .slrs-newsletter__split-info {
    border-right: none;
    border-bottom: 1px solid var(--clr-neutral-200);
    padding: var(--space-base-20);
    text-align: center;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-newsletter--split .slrs-newsletter__split-info {
    padding: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-newsletter--split .slrs-newsletter__split-info {
    padding: var(--space-base-40);
  }
}
.slrs-newsletter--split .slrs-newsletter__split-form-panel {
  padding: var(--space-base-24) var(--space-base-32);
}
@media (min-width: 48em) {
  .slrs-newsletter--split .slrs-newsletter__split-form-panel {
    padding: var(--space-base-36) var(--space-base-48);
  }
}
@media (min-width: 75em) {
  .slrs-newsletter--split .slrs-newsletter__split-form-panel {
    padding: var(--space-base-56) var(--space-base-72);
  }
}
.slrs-newsletter--split .slrs-newsletter__split-form-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 61.98em) {
  .slrs-newsletter--split .slrs-newsletter__split-form-panel {
    padding: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-newsletter--split .slrs-newsletter__split-form-panel {
    padding: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-newsletter--split .slrs-newsletter__split-form-panel {
    padding: var(--space-base-40);
  }
}
.slrs-newsletter--split .slrs-newsletter__title {
  font-size: var(--ffs-2xl);
}

.slrs-newsletter--dark-frost {
  background: var(--clr-bg);
}
.slrs-newsletter--dark-frost .slrs-newsletter__card {
  background: #02050b;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
.slrs-newsletter--dark-frost .slrs-newsletter__card::after {
  background: linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-primary) 100%);
}
[data-theme=dark] .slrs-newsletter--dark-frost .slrs-newsletter__card {
  background: #010307;
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-newsletter--dark-frost .slrs-newsletter__title {
  color: var(--clr-white);
}
.slrs-newsletter--dark-frost .slrs-newsletter__title .highlight {
  color: var(--clr-accent);
}
.slrs-newsletter--dark-frost .slrs-newsletter__text {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-newsletter--dark-frost .slrs-newsletter__icon {
  background: rgb(var(--clr-accent-rgb)/0.12);
  color: var(--clr-accent);
}
.slrs-newsletter--dark-frost .slrs-newsletter__input {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-white);
}
.slrs-newsletter--dark-frost .slrs-newsletter__input:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 4px var(--clr-accent-op-20);
}
.slrs-newsletter--dark-frost .slrs-newsletter__input-icon {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-newsletter--dark-frost .slrs-newsletter__submit-btn {
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--clr-accent-dark) 100%);
  color: var(--clr-neutral-900);
  border: none;
}
.slrs-newsletter--dark-frost .slrs-newsletter__submit-btn:hover {
  box-shadow: 0 8px 24px var(--clr-accent-op-30) !important;
}

/*====================
46. Gallery css (Redesigned & Premium)
======================*/
.gallery-area {
  position: relative;
  background: var(--clr-bg);
}

.slrs-gallery-card {
  position: relative;
  overflow: hidden;
  border-radius: 32px 8px 32px 32px;
  background: var(--clr-bg-card);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: block;
  width: 100%;
  aspect-ratio: 3/4;
  z-index: 1;
}
.slrs-gallery-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light), transparent);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
[data-theme=light] .slrs-gallery-card {
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}
.slrs-gallery-card--tall {
  aspect-ratio: 3/4;
}
.slrs-gallery-card--wide {
  aspect-ratio: 16/10;
}
.slrs-gallery-card__img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  border-radius: inherit;
}
.slrs-gallery-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.25, 1, 0.25, 1), opacity 0.5s ease;
  will-change: auto;
  opacity: 0.95;
}
.slrs-gallery-card:hover .slrs-gallery-card__img {
  will-change: transform;
}
.slrs-gallery-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(11, 19, 42, 0.98) 0%, rgba(11, 19, 42, 0.5) 40%, rgba(11, 19, 42, 0.1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  align-items: flex-end;
  padding: 35px;
  backdrop-filter: blur(8px);
  border-radius: inherit;
}
[data-theme=light] .slrs-gallery-card__overlay {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.2) 100%);
}
.slrs-gallery-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.slrs-gallery-card__info {
  flex-grow: 1;
  padding-right: 15px;
}
.slrs-gallery-card__tag {
  display: inline-block;
  font-size: 0.75rem;
  font-family: var(--ff-heading);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--clr-primary);
  margin-bottom: 10px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.25, 1);
  transition-delay: 0s;
}
[data-theme=dark] .slrs-gallery-card__tag {
  color: var(--clr-primary-light);
}
.slrs-gallery-card__title {
  font-size: 1.35rem;
  font-family: var(--ff-heading);
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.25, 1);
  transition-delay: 0s;
}
[data-theme=light] .slrs-gallery-card__title {
  color: #0b132a;
}
.slrs-gallery-card__link {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  box-shadow: 0 8px 24px var(--clr-primary-op-30);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.25, 1);
  text-decoration: none;
  transform: translateY(20px) scale(0.9);
  opacity: 0;
}
[data-theme=dark] .slrs-gallery-card__link {
  background: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 8px 24px var(--clr-primary-light-op-30);
}
.slrs-gallery-card__link:hover {
  background: #fff;
  color: var(--clr-primary);
  transform: translateY(0) scale(1.1) !important;
}
[data-theme=dark] .slrs-gallery-card__link:hover {
  background: #fff;
  color: var(--clr-primary-light);
}
.slrs-gallery-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
  border-color: transparent;
}
.slrs-gallery-card:hover::before {
  opacity: 1;
}
[data-theme=light] .slrs-gallery-card:hover {
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=light] .slrs-gallery-card:hover::before {
  background: linear-gradient(135deg, var(--clr-primary-op-50), var(--clr-primary), transparent);
}
.slrs-gallery-card:hover .slrs-gallery-card__img {
  transform: scale(1.1) rotate(1deg);
  opacity: 0.7;
}
[data-theme=light] .slrs-gallery-card:hover .slrs-gallery-card__img {
  opacity: 0.8;
}
.slrs-gallery-card:hover .slrs-gallery-card__overlay {
  opacity: 1;
  visibility: visible;
}
.slrs-gallery-card:hover .slrs-gallery-card__tag {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.slrs-gallery-card:hover .slrs-gallery-card__title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}
.slrs-gallery-card:hover .slrs-gallery-card__link {
  transform: translateY(0) scale(1);
  opacity: 1;
  transition-delay: 0.3s;
}

/*== Home css ==*/
.h-abs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ani-img {
  position: relative;
  overflow: hidden;
}
.ani-img::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.ani-img:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.reveal {
  position: relative;
  display: block;
  visibility: hidden;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: right;
  transition: unset;
}

/* header 1 */
.header-1 .navbar {
  position: absolute;
  width: 100%;
}

/* header 2 */
.header-2 {
  background: var(--gradient-dark);
  margin-bottom: -45px;
}
.header-2 .navbar::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(100% - 135px);
  height: 100%;
  background: var(--color-white);
}
@media (max-width: 74.98em) {
  .header-2 .navbar::before {
    width: 100%;
  }
}
.header-2 .sidebar-btn {
  background: var(--gradient-dark);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding-right: 12px;
  box-shadow: var(--box-shadow);
  border: 2px solid var(--color-white);
}
.header-2 .sidebar-btn span {
  border-color: var(--color-white) !important;
}
.header-2 .sidebar-btn:hover span {
  width: 60% !important;
}

/* header 3 */
.header-3 .navbar {
  position: absolute;
  width: 100%;
  margin-top: 15px;
}
.header-3 .navbar > .container {
  background: var(--color-white);
  border-radius: 50px;
  box-shadow: var(--box-shadow);
}
.header-3 .navbar.fixed-top {
  margin-top: 0px;
}
.header-3 .navbar.fixed-top > .container {
  box-shadow: none;
}
@media (min-width: 62em) {
  .header-3 .nav-item .nav-link {
    padding: 20px 0;
  }
}
.header-3 .navbar.fixed-top {
  margin-top: 0px;
}
@media (min-width: 62em) {
  .header-3 .navbar.fixed-top .nav-item .nav-link {
    padding: 25px 0;
  }
}

/* google rating */
.google-rating {
  display: flex;
  align-items: center;
  gap: 12px;
}
.google-rating .icon {
  width: 50px;
  height: 50px;
}
.google-rating .content span {
  color: var(--theme-color);
}
.google-rating .content p {
  color: var(--body-text-color);
}

/* animation */
.ani-shape {
  position: absolute;
  top: 130px;
  left: 9%;
  width: 140px;
  z-index: -1;
}
@media (max-width: 61.98em) {
  .ani-shape {
    width: 50px;
  }
}

@keyframes ani-transY {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(20px);
  }
}
.ani-shape-2 {
  position: absolute;
  top: 88px;
  left: 24%;
  width: 15%;
  z-index: -1;
}
@media (max-width: 61.98em) {
  .ani-shape-2 {
    width: 45%;
  }
}

@keyframes ani-transX {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes ani-transX2 {
  50% {
    transform: translateX(20px);
  }
}
.ani-shape-3 {
  position: absolute;
  top: 50px;
  right: 8%;
  width: 10%;
  z-index: -1;
}

@keyframes ani-swing {
  0% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
/* ==========================================
 * Premium Dual-Layer Energy Marquee
 * Zero-Jitter · GPU-Optimized · Modern Design
 * ========================================== */
.marquee-text-slider {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--clr-neutral-900) 0%, hsl(220, 50%, 8%) 50%, var(--clr-neutral-900) 100%);
  padding: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .marquee-text-slider {
    padding: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .marquee-text-slider {
    padding: var(--space-base-28) 0;
  }
}
[data-theme=dark] .marquee-text-slider {
  background: linear-gradient(180deg, hsl(220, 50%, 5%) 0%, hsl(220, 50%, 3%) 50%, hsl(220, 50%, 5%) 100%);
}
.marquee-text-slider::before, .marquee-text-slider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 5;
  pointer-events: none;
}
.marquee-text-slider::before {
  left: 0;
  background: linear-gradient(90deg, var(--clr-neutral-900) 0%, transparent 100%);
}
.marquee-text-slider::after {
  right: 0;
  background: linear-gradient(270deg, var(--clr-neutral-900) 0%, transparent 100%);
}
[data-theme=dark] .marquee-text-slider::before {
  background: linear-gradient(90deg, hsl(220, 50%, 5%) 0%, transparent 100%);
}
[data-theme=dark] .marquee-text-slider::after {
  background: linear-gradient(270deg, hsl(220, 50%, 5%) 0%, transparent 100%);
}
.marquee-text-slider .marquee-accent-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--clr-primary-op-30) 20%, var(--clr-primary) 50%, var(--clr-primary-op-30) 80%, transparent 100%);
  z-index: 4;
}
.marquee-text-slider .marquee-accent-line--top {
  top: 0;
}
.marquee-text-slider .marquee-accent-line--bottom {
  bottom: 0;
}

.marquee-row {
  display: flex;
  align-items: center;
  overflow: hidden;
  user-select: none;
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .marquee-row {
    padding: var(--space-base-10) 0;
  }
}
.marquee-row:hover .marquee-row__group {
  animation-play-state: paused;
}
.marquee-row--primary .marquee-row__group {
  animation: slrs-marquee-scroll 45s linear infinite;
}
.marquee-row--secondary {
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .marquee-row--secondary {
    margin-top: var(--space-base-10);
  }
}
.marquee-row--secondary .marquee-row__group {
  animation: slrs-marquee-scroll 38s linear infinite reverse;
}

.marquee-row__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  will-change: transform;
}

.marquee-row__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .marquee-row__item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .marquee-row__item {
    gap: var(--space-base-20);
  }
}
.marquee-row__item {
  padding: 0 var(--space-base-16);
}
@media (min-width: 48em) {
  .marquee-row__item {
    padding: 0 var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .marquee-row__item {
    padding: 0 var(--space-base-28);
  }
}
.marquee-row__item {
  white-space: nowrap;
}

.marquee-row__sep {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--clr-primary);
  opacity: 0.7;
  filter: drop-shadow(0 0 6px var(--clr-primary-op-30));
}
.marquee-row__sep img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
  opacity: 0.5;
}

.marquee-row--primary .marquee-row__text {
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: var(--fw-extrabold);
  letter-spacing: 2px;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--clr-white) 0%, rgba(255, 255, 255, 0.7) 50%, var(--clr-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.3;
}

.marquee-row--secondary .marquee-row__text {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: var(--fw-extrabold);
  letter-spacing: 3px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.3);
  line-height: 1.3;
  transition: -webkit-text-stroke-color 0.3s ease;
}

@keyframes slrs-marquee-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slrs-sep-glow {
  0%, 100% {
    opacity: 0.4;
    filter: drop-shadow(0 0 4px var(--clr-primary-op-20));
  }
  50% {
    opacity: 0.8;
    filter: drop-shadow(0 0 10px var(--clr-primary-op-50));
  }
}
@media (prefers-reduced-motion) {
  .marquee-row__group {
    animation-play-state: paused !important;
  }
  .marquee-row__sep {
    animation: none !important;
  }
}
@media (max-width: 991.98px) {
  .marquee-row__sep {
    animation: none !important;
    opacity: 0.5 !important;
    filter: none !important;
  }
}
/* =================== END ================== */
.slrs-info-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-modal);
  background-color: transparent;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s 0.35s;
}
.slrs-info-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(15, 23, 42, 0.55);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  pointer-events: none;
  will-change: opacity;
}
.slrs-info-sidebar-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 400px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.75);
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  transform: translate3d(100%, 0, 0);
  will-change: transform;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.slrs-info-sidebar-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--clr-primary) 0%, var(--clr-accent) 100%);
  z-index: 10;
}
.slrs-info-sidebar-panel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  box-shadow: -4px 0 20px rgba(15, 23, 42, 0.08), -12px 0 50px rgba(15, 23, 42, 0.15);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.slrs-info-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-16) var(--space-base-20);
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.slrs-info-sidebar-logo {
  display: flex;
  align-items: center;
}
.slrs-info-sidebar-logo img {
  max-height: 38px;
  width: auto;
  height: auto;
}
.slrs-info-sidebar-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.03);
  color: var(--clr-text);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-full, 50%);
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-info-sidebar-close:hover {
  background-color: var(--clr-accent);
  border-color: transparent;
  color: var(--clr-neutral-900);
  transform: rotate(180deg) scale(1.08);
  box-shadow: 0 4px 12px var(--clr-accent-op-35);
}
.slrs-info-sidebar-close:active {
  transform: rotate(180deg) scale(0.95);
}
.slrs-info-sidebar-body {
  flex: 1;
  padding: var(--space-base-20) var(--space-base-20);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
.slrs-info-sidebar-body::-webkit-scrollbar {
  width: 5px;
}
.slrs-info-sidebar-body::-webkit-scrollbar-track {
  background: var(--clr-neutral-100);
}
.slrs-info-sidebar-body::-webkit-scrollbar-thumb {
  background: var(--clr-neutral-300);
  border-radius: var(--radius-xs);
}
.slrs-info-sidebar-body::-webkit-scrollbar-thumb:hover {
  background: var(--clr-neutral-400);
}
.slrs-info-sidebar-body {
  scrollbar-width: thin;
  scrollbar-color: var(--clr-neutral-300) var(--clr-neutral-100);
}
.slrs-info-sidebar .slrs-sidebar-section {
  position: relative;
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.slrs-info-sidebar .slrs-sidebar-title {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-info-sidebar .slrs-sidebar-title {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-sidebar-title {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-info-sidebar .slrs-sidebar-title {
  position: relative;
  padding-bottom: 10px;
}
.slrs-info-sidebar .slrs-sidebar-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  border-radius: 2px;
}
.slrs-info-sidebar .slrs-sidebar-desc {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-info-sidebar .slrs-sidebar-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-info-sidebar .slrs-sidebar-contact-list {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-sidebar-contact-list {
    gap: var(--space-base-28);
  }
}
.slrs-info-sidebar .slrs-contact-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-info-sidebar .slrs-contact-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-contact-item {
    gap: var(--space-base-20);
  }
}
.slrs-info-sidebar .slrs-contact-item {
  transition: transform 0.3s ease;
}
.slrs-info-sidebar .slrs-contact-item:hover {
  transform: translateX(4px);
}
.slrs-info-sidebar .slrs-contact-item .icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: rgba(var(--clr-primary-rgb)/0.06);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.12);
  border-radius: 12px;
  color: var(--clr-primary);
  font-size: 1rem;
  flex-shrink: 0;
  transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-info-sidebar .slrs-contact-item .item-detail {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-contact-item .item-detail {
    gap: var(--space-base-6);
  }
}
.slrs-info-sidebar .slrs-contact-item .item-label {
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--clr-text-muted);
}
.slrs-info-sidebar .slrs-contact-item .item-link {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-info-sidebar .slrs-contact-item .item-link:hover {
  color: var(--clr-primary);
}
.slrs-info-sidebar .slrs-contact-item .item-text {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-info-sidebar .slrs-contact-item:hover .icon-wrap {
  background-color: var(--clr-primary);
  border-color: transparent;
  color: var(--clr-white);
  transform: translateY(-2px) rotate(10deg);
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-info-sidebar .slrs-contact-item .icon-wrap {
  background-color: rgba(96, 181, 255, 0.06);
  border-color: rgba(96, 181, 255, 0.12);
  color: #4ADE80;
}
[data-theme=dark] .slrs-info-sidebar .slrs-contact-item:hover .icon-wrap {
  background-color: #4ADE80;
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 12px rgba(96, 181, 255, 0.3);
}
.slrs-info-sidebar .slrs-hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-hours-list {
    gap: var(--space-base-10);
  }
}
.slrs-info-sidebar .slrs-hours-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-info-sidebar .slrs-hours-list li {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-hours-list li {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-info-sidebar .slrs-hours-list li {
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: var(--radius-lg, 12px);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-info-sidebar .slrs-hours-list li:hover {
  transform: translateX(6px);
  background-color: rgba(0, 0, 0, 0.035);
  border-color: var(--clr-primary-op-15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.slrs-info-sidebar .slrs-hours-list li span:first-child {
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-info-sidebar .slrs-hours-list li span.closed {
  color: #dc3545;
  font-weight: var(--fw-bold);
  padding: 2px 8px;
  background-color: rgba(220, 53, 69, 0.1);
  border-radius: 4px;
  font-size: var(--ffs-3xs);
}
[data-theme=dark] .slrs-info-sidebar .slrs-hours-list li {
  background: rgba(255, 255, 255, 0.015);
  border-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-info-sidebar .slrs-hours-list li:hover {
  background-color: rgba(255, 255, 255, 0.035);
  border-color: rgba(96, 181, 255, 0.2);
}
[data-theme=dark] .slrs-info-sidebar .slrs-hours-list li span:first-child {
  color: #ffffff;
}
.slrs-info-sidebar-footer {
  padding: var(--space-base-20) var(--space-base-20);
  background-color: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-info-sidebar-footer {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-info-sidebar-footer {
    gap: var(--space-base-20);
  }
}
.slrs-info-sidebar-footer {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.15s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.slrs-info-sidebar-footer .slrs-sidebar-title {
  margin-bottom: 12px;
}
.slrs-info-sidebar .slrs-sidebar-social-links {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-info-sidebar .slrs-sidebar-social-links {
    gap: var(--space-base-10);
  }
}
.slrs-info-sidebar .slrs-sidebar-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-36);
  height: var(--size-base-36);
  background-color: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-8);
  border-radius: 50%;
  color: var(--clr-text);
  font-size: var(--ffs-sm);
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-info-sidebar .slrs-sidebar-social-links a:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
  transform: translateY(-2px);
}
.slrs-info-sidebar.is-open {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s 0s;
}
.slrs-info-sidebar.is-open .slrs-info-sidebar-overlay {
  opacity: 1;
  pointer-events: auto;
}
.slrs-info-sidebar.is-open .slrs-info-sidebar-panel {
  transform: translate3d(0, 0, 0);
}
.slrs-info-sidebar.is-open .slrs-info-sidebar-panel::after {
  opacity: 1;
}
.slrs-info-sidebar.is-open .slrs-sidebar-section,
.slrs-info-sidebar.is-open .slrs-info-sidebar-footer {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.slrs-info-sidebar.is-open .slrs-sidebar-section:nth-child(1) {
  transition-delay: 0.15s;
}
.slrs-info-sidebar.is-open .slrs-sidebar-section:nth-child(2) {
  transition-delay: 0.25s;
}
.slrs-info-sidebar.is-open .slrs-sidebar-section:nth-child(3) {
  transition-delay: 0.35s;
}

.slrs-sidebar-open {
  overflow: hidden;
}
@supports (-webkit-touch-callout: none) {
  .slrs-sidebar-open {
    position: fixed;
    width: 100%;
    height: 100%;
  }
}

[data-theme=dark] .slrs-info-sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}
[data-theme=dark] .slrs-info-sidebar-panel {
  background: rgba(12, 21, 41, 0.85);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-info-sidebar-panel::after {
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3), -12px 0 50px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .slrs-info-sidebar-header {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-info-sidebar-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .slrs-info-sidebar-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-info-sidebar-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
[data-theme=dark] .slrs-info-sidebar-footer {
  background-color: transparent;
  border-top-color: rgba(255, 255, 255, 0.06);
}

@media (max-width: 26.5425em) {
  .slrs-info-sidebar-panel {
    max-width: 100%;
  }
  .slrs-info-sidebar-header {
    padding: var(--space-base-8) var(--space-base-12);
  }
}
@media (max-width: 26.5425em) and (min-width: 48em) {
  .slrs-info-sidebar-header {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (max-width: 26.5425em) and (min-width: 75em) {
  .slrs-info-sidebar-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (max-width: 26.5425em) {
  .slrs-info-sidebar-body {
    padding: var(--space-base-12) var(--space-base-12);
    gap: var(--space-base-12);
  }
}
@media (max-width: 26.5425em) and (min-width: 48em) {
  .slrs-info-sidebar-body {
    padding: var(--space-base-16) var(--space-base-16);
  }
}
@media (max-width: 26.5425em) and (min-width: 75em) {
  .slrs-info-sidebar-body {
    padding: var(--space-base-20) var(--space-base-20);
  }
}
@media (max-width: 26.5425em) and (min-width: 48em) {
  .slrs-info-sidebar-body {
    gap: var(--space-base-16);
  }
}
@media (max-width: 26.5425em) and (min-width: 75em) {
  .slrs-info-sidebar-body {
    gap: var(--space-base-20);
  }
}
@media (max-width: 26.5425em) {
  .slrs-info-sidebar-footer {
    padding: var(--space-base-12);
  }
}
@media (max-width: 26.5425em) and (min-width: 48em) {
  .slrs-info-sidebar-footer {
    padding: var(--space-base-16);
  }
}
@media (max-width: 26.5425em) and (min-width: 75em) {
  .slrs-info-sidebar-footer {
    padding: var(--space-base-20);
  }
}
@media (prefers-reduced-motion: reduce) {
  .slrs-info-sidebar,
  .slrs-info-sidebar-panel,
  .slrs-info-sidebar-panel::after,
  .slrs-info-sidebar-overlay,
  .slrs-info-sidebar-close,
  .slrs-info-sidebar .slrs-sidebar-section,
  .slrs-info-sidebar-footer,
  .slrs-contact-item .icon-wrap,
  .slrs-sidebar-social-links a {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
  .slrs-info-sidebar-close:hover {
    transform: none !important;
  }
}
/*==========================================================================
   Solaris Zero Jitter Scroll Performance Engine
   Loaded last to guarantee override capability.
============================================================================*/
@media (max-width: 991.98px) {
  * {
    will-change: auto !important;
  }
}
.ani-text-1 *,
.ani-text-2 *,
.ani-text-3 * {
  transition: none !important;
}

.ani-text-1 div,
.ani-text-1 span,
.ani-text-2 div,
.ani-text-2 span,
.ani-text-3 div,
.ani-text-3 span {
  display: inline-block !important;
}

.split-line {
  display: block !important;
}

@media (max-width: 991.98px) {
  .ani-text-1 div,
  .ani-text-1 span,
  .ani-text-2 div,
  .ani-text-2 span,
  .ani-text-3 div,
  .ani-text-3 span {
    will-change: auto !important;
  }
}
.slrs-ft {
  overflow: hidden !important;
}

.slrs-project-2,
.slrs-team-card,
.slrs-testimonial-card,
.slrs-blog-card,
.slrs-service-card,
.slrs-gallery-card,
.slrs-pricing-card,
.slrs-feature-card,
.slrs-video-v3__screen,
.slrs-video-v3__play-glass,
.slrs-video-v3__telemetry-card {
  will-change: auto !important;
}

.slrs-project-2:hover,
.slrs-team-card:hover,
.slrs-testimonial-card:hover,
.slrs-blog-card:hover,
.slrs-service-card:hover,
.slrs-gallery-card:hover,
.slrs-pricing-card:hover,
.slrs-feature-card:hover {
  z-index: 10;
}

.pricing-item::before {
  animation: none !important;
}

.pricing-item:hover::before {
  animation: ambientShimmer 2s infinite linear !important;
}

.pricing-floating-badge--standard,
.pricing-floating-badge--premium,
.universal-tab-btn .discount-badge {
  animation: none !important;
}

@keyframes headerSlideDown {
  0% {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes badgePulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.pulse-animation {
  animation: badgePulse 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 !important;
}

@keyframes tickerScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes searchOverlayIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0) scale(0.97);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes glowPulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes iconWiggle {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  75% {
    transform: rotate(8deg);
  }
}
@keyframes notifyCollapse {
  0% {
    max-height: 44px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@keyframes shimmerLoading {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.shimmer-bg {
  animation: shimmerLoading 2s infinite linear;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 8%, rgba(0, 0, 0, 0.08) 18%, rgba(0, 0, 0, 0.03) 33%);
  background-size: 1000px 100%;
}
[data-theme=dark] .shimmer-bg {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 8%, rgba(255, 255, 255, 0.08) 18%, rgba(255, 255, 255, 0.03) 33%);
  background-size: 1000px 100%;
}

.slrs-shop-hd-wrap {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: var(--clr-bg);
  border-bottom: 1px solid var(--clr-neutral-100);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 20px rgba(0, 0, 0, 0.02);
  top: 0 !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-shop-hd-wrap {
  background: #0a0e18;
  border-bottom-color: rgba(255, 255, 255, 0.04);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 20px rgba(0, 0, 0, 0.15);
}
.slrs-shop-hd-wrap.is-sticky {
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  animation: headerSlideDown 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
  background: rgba(255, 255, 255, 0.85);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-shop-hd-wrap.is-sticky {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-shop-hd-wrap.is-sticky {
  transform: translateZ(0);
  will-change: backdrop-filter, transform;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), 0 1px 0 rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
[data-theme=dark] .slrs-shop-hd-wrap.is-sticky {
  background: rgba(10, 14, 24, 0.85);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
.slrs-shop-hd-wrap.is-sticky .slrs-shop-hd__notify {
  display: none !important;
}
.slrs-shop-hd-wrap.is-sticky .slrs-shop-hd__main {
  padding: 8px 0;
}

.slrs-shop-hd__notify {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  overflow: hidden;
  height: 44px; /* Explicit height for Firefox support */
  max-height: 44px;
  transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1), max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, padding 0.4s ease;
}
[data-theme=dark] .slrs-shop-hd__notify {
  background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
}
.slrs-shop-hd__notify .container {
  height: 100%;
}
.slrs-shop-hd__notify.is-dismissed {
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none;
}
.slrs-shop-hd__notify-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%; /* Fill the container height */
  gap: 16px;
}
.slrs-shop-hd__notify-ticker {
  flex: 1;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.slrs-shop-hd__notify-ticker .ticker-track {
  display: flex;
  gap: 60px;
  animation: tickerScroll 28s linear infinite;
  white-space: nowrap;
  will-change: transform;
}
.slrs-shop-hd__notify-ticker .ticker-track:hover {
  animation-play-state: paused;
}
.slrs-shop-hd__notify-ticker .ticker-track span {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.slrs-shop-hd__notify-ticker .ticker-track span strong {
  color: var(--clr-primary);
  font-weight: 700;
}
.slrs-shop-hd__notify-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.slrs-shop-hd__notify-actions .notify-link {
  color: rgba(255, 255, 255, 0.55);
  font-size: 11.5px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.slrs-shop-hd__notify-actions .notify-link i {
  color: var(--clr-primary);
  margin-right: 4px;
  font-size: 10px;
}
.slrs-shop-hd__notify-actions .notify-link:hover {
  color: #fff;
}
.slrs-shop-hd__notify-actions .notify-close-btn {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: none;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slrs-shop-hd__notify-actions .notify-close-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.slrs-shop-hd__notify-currency {
  width: 105px;
  display: inline-flex;
  align-items: center;
}
.slrs-shop-hd__notify-currency .ss-main {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 0 6px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.slrs-shop-hd__notify-currency .ss-main:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-values {
  display: flex !important;
  align-items: center !important;
  color: inherit !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-values .ss-placeholder {
  color: inherit !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-values .ss-value {
  color: inherit !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-values .ss-value .ss-value-text {
  color: inherit !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected {
  background-color: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected span, .slrs-shop-hd__notify-currency .ss-main .ss-single-selected .placeholder, .slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-value {
  color: inherit !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-arrow {
  margin-left: 6px !important;
  display: flex !important;
  align-items: center !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-arrow span {
  border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent !important;
  border-width: 4px 4px 0 4px !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-arrow.ss-arrow-up span {
  border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent !important;
  border-width: 0 4px 4px 4px !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-arrow svg {
  width: 8px !important;
  height: 8px !important;
}
.slrs-shop-hd__notify-currency .ss-main .ss-single-selected .ss-arrow svg path {
  stroke: rgba(255, 255, 255, 0.7) !important;
}

.slrs-shop-hd {
  display: flex;
  flex-direction: column;
}

.slrs-shop-hd__main {
  padding: 14px 0;
  transition: padding 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-shop-hd__main-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}
.slrs-shop-hd__main .slrs-mobile-toggle {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.02);
  color: var(--clr-text);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-mobile-toggle {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
}
.slrs-shop-hd__main .slrs-mobile-toggle:hover {
  background: var(--clr-primary);
  border-color: transparent;
  color: #fff !important;
  transform: scale(1.05);
}
.slrs-shop-hd__main .slrs-shop-hd__logo {
  flex-shrink: 0;
}
.slrs-shop-hd__main .slrs-shop-hd__logo .slrs-logo {
  display: flex;
  align-items: center;
}
.slrs-shop-hd__main .slrs-shop-hd__logo .slrs-logo a {
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease;
}
.slrs-shop-hd__main .slrs-shop-hd__logo .slrs-logo a:hover {
  opacity: 0.85;
}
.slrs-shop-hd__main .slrs-shop-hd__logo .slrs-logo img {
  display: block;
  max-height: 36px;
  width: auto;
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger {
  flex: 1;
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.025);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__search-trigger {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover {
  border-color: rgba(var(--clr-primary-rgb), 0.35);
  background: rgba(var(--clr-primary-rgb), 0.03);
  box-shadow: 0 0 0 4px rgba(var(--clr-primary-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover {
  background: rgba(var(--clr-primary-rgb), 0.06);
  box-shadow: 0 0 0 4px rgba(var(--clr-primary-rgb), 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover i {
  color: var(--clr-primary);
  transform: scale(1.15) rotate(5deg);
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger i {
  color: var(--clr-text-muted);
  font-size: 16px;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger span {
  flex: 1;
  color: var(--clr-text-muted);
  font-size: 13.5px;
  font-weight: 500;
  opacity: 0.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease, opacity 0.3s ease;
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover span {
  color: var(--clr-text);
  opacity: 1;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover span {
  color: #fff;
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger kbd {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--clr-text-muted) !important;
  font-family: var(--ff-body, inherit);
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-bottom-width: 2px !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  letter-spacing: 0.5px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__search-trigger kbd {
  background: linear-gradient(180deg, #334155 0%, #1e293b 100%) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.slrs-shop-hd__main .slrs-shop-hd__search-trigger:hover kbd {
  color: var(--clr-primary) !important;
  border-color: rgba(var(--clr-primary-rgb), 0.3) !important;
  border-bottom-color: rgba(var(--clr-primary-rgb), 0.4) !important;
  transform: translateY(-1px);
}
.slrs-shop-hd__main .slrs-shop-hd__actions {
  flex-shrink: 0;
}
.slrs-shop-hd__main .slrs-shop-hd__actions .slrs-action-items {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-shop-hd__main .slrs-shop-hd__actions .slrs-action-items li {
  display: inline-flex;
  align-items: center;
}
.slrs-shop-hd__main .slrs-shop-hd__actions .action-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-8);
  color: var(--clr-text);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__actions .action-btn {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.85);
}
.slrs-shop-hd__main .slrs-shop-hd__actions .action-btn.compare-btn:hover {
  background: var(--clr-primary) !important;
  border-color: transparent;
  color: #fff !important;
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 6px 16px rgba(var(--clr-primary-rgb)/0.35);
}
.slrs-shop-hd__main .slrs-shop-hd__actions .action-btn:hover {
  background: var(--clr-primary);
  border-color: transparent;
  color: #fff !important;
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 6px 16px rgba(var(--clr-primary-rgb)/0.35);
}
.slrs-shop-hd__main .slrs-shop-hd__actions .action-btn .badge-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  border-radius: 20px;
  font-size: 9.5px;
  font-weight: 800;
  color: #fff;
  background: #f97316 !important;
  border: 2px solid var(--clr-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.5);
  animation: badgePulse 2s ease-in-out infinite;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__actions .action-btn .badge-count {
  border-color: #0a0e18;
}
.slrs-shop-hd__main .slrs-shop-hd__actions .slrs-shop-hd__cart-info {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  margin-left: 2px;
}
.slrs-shop-hd__main .slrs-shop-hd__actions .slrs-shop-hd__cart-info .label {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-text-muted);
  letter-spacing: 0.8px;
  opacity: 0.7;
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__actions .slrs-shop-hd__cart-info .label {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-shop-hd__main .slrs-shop-hd__actions .slrs-shop-hd__cart-info .value {
  font-size: 14px;
  font-weight: 800;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-shop-hd__main .slrs-shop-hd__actions .slrs-shop-hd__cart-info .value {
  color: #fff;
}

@media (max-width: 61.98em) {
  .slrs-shop-hd__nav {
    display: none;
  }
}
.slrs-shop-hd__nav {
  background: var(--clr-bg);
  border-top: 1px solid var(--clr-neutral-100);
  height: 50px;
  display: flex;
  align-items: center;
  transition: background 0.3s ease, border-color 0.3s ease;
}
[data-theme=dark] .slrs-shop-hd__nav {
  background: #0a0e18;
  border-top-color: rgba(255, 255, 255, 0.04);
}
.slrs-shop-hd__nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .btn-mega-cats {
  height: 38px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 0 18px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb), 0.2);
  cursor: pointer;
  transition: all 0.25s ease;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .btn-mega-cats .arrow {
  font-size: 10px;
  transition: transform 0.3s ease;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .btn-mega-cats:hover {
  opacity: 0.92;
  box-shadow: 0 6px 18px rgba(var(--clr-primary-rgb), 0.3);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .btn-mega-cats:hover .arrow {
  transform: rotate(180deg);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 620px;
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 0 0 16px 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 8px, 0);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 200;
  will-change: transform, opacity;
  overflow: hidden;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu {
  background: #0f1424;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__content {
  display: flex;
  gap: 24px;
  padding: 20px;
}
@media (max-width: 991px) {
  .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__content {
    flex-direction: column;
  }
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu .mega-category-group {
  flex: 1;
  min-width: 0;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu .mega-category-group.full-width {
  flex: 1 1 100%;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu .mega-category-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--clr-text);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--clr-neutral-100);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu .mega-category-title {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 4px 0;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--clr-text);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item {
  color: rgba(255, 255, 255, 0.85);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item .mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(var(--clr-text-rgb), 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--clr-text-muted);
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item .mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item .mega-cat-info .name {
  font-weight: 500;
  font-size: 13.5px;
  transition: color 0.25s ease;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item .mega-cat-info .count {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.55;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item:hover {
  background: rgba(var(--clr-primary-rgb), 0.05);
  color: var(--clr-primary);
  transform: translate3d(4px, 0, 0);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item:hover .mega-cat-icon {
  background: var(--clr-primary);
  color: #fff;
  transform: scale(1.05);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item:hover .mega-cat-info .name {
  color: var(--clr-primary);
  font-weight: 600;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__grid .mega-cat-item:hover .mega-cat-info .name {
  color: #fff;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo {
  padding: 12px 16px 16px;
  border-top: 1px solid var(--clr-neutral-100);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo {
  border-top-color: rgba(255, 255, 255, 0.04);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--clr-primary-op-8), var(--clr-primary-op-4));
  border: 1px solid var(--clr-primary-op-10);
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner .promo-text {
  display: flex;
  flex-direction: column;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner .promo-text strong {
  font-size: 13.5px;
  color: var(--clr-text);
  font-weight: 700;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner .promo-text strong {
  color: #fff;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner .promo-text span {
  font-size: 12px;
  color: var(--clr-text-muted);
  margin-top: 3px;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger .slrs-mega-menu__promo .mega-promo-banner .promo-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.slrs-shop-hd__nav .slrs-shop-hd__mega-trigger.is-open .slrs-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.slrs-shop-hd__nav .slrs-nav-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu {
  display: flex;
  align-items: center;
  gap: 32px;
  height: 100%;
  margin: 0;
  padding: 0;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li > a {
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: var(--clr-text-muted) !important;
  text-decoration: none;
  transition: color 0.25s ease;
  position: relative;
  padding: 8px 0;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li > a {
  color: rgba(255, 255, 255, 0.75) !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li > a::before {
  display: none !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li > a span {
  position: relative;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li > a span::after {
  content: "";
  position: absolute;
  bottom: -4px; /* position cleanly below text */
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--clr-primary) !important;
  border-radius: 10px;
  transform: translateX(-50%);
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: width;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li:hover > a, .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.active > a {
  color: var(--clr-primary) !important;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li:hover > a, [data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.active > a {
  color: #fff !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li:hover > a > a span::after, .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.active > a > a span::after {
  width: 100% !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.slrs-has-dropdown > a {
  padding-right: 22px !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.slrs-has-dropdown > a::after {
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(45deg) !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li.slrs-has-dropdown:hover > a::after {
  transform: translateY(-50%) rotate(-135deg) !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--clr-bg);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  min-width: 210px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 8px, 0);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 100;
  will-change: transform, opacity;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown {
  background: #0f1424;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li:last-child {
  border-bottom: none;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  color: var(--clr-text-muted) !important;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  background: transparent;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a {
  color: rgba(255, 255, 255, 0.7) !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 50%;
  background: var(--clr-primary);
  transform: translateY(-50%);
  border-radius: 0 4px 4px 0;
  transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: rgba(var(--clr-primary-rgb), 0.06) !important;
  color: var(--clr-primary) !important;
  font-size: 12px !important;
  text-align: center !important;
  opacity: 0.85 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transform: none !important;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a i {
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a:hover, .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a.active {
  background: rgba(var(--clr-primary-rgb), 0.04) !important;
  color: var(--clr-primary) !important;
  padding-left: 24px;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a:hover, [data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a.active {
  background: rgba(var(--clr-primary-rgb), 0.08) !important;
  color: #fff !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a:hover::before, .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a.active::before {
  width: 3px;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a:hover i, .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a.active i {
  background: var(--clr-primary) !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 3px 8px rgba(var(--clr-primary-rgb), 0.25);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a:hover i, [data-theme=dark] .slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li .slrs-dropdown .slrs-dropdown-menu li a.active i {
  background: var(--clr-primary) !important;
  color: #fff !important;
}
.slrs-shop-hd__nav .slrs-nav-container .slrs-nav-menu > li:hover .slrs-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.slrs-shop-hd__nav .slrs-shop-hd__hotline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__hotline {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-shop-hd__nav .slrs-shop-hd__hotline i {
  font-size: 15px;
  color: var(--clr-primary);
  animation: iconWiggle 3s ease-in-out infinite;
}
.slrs-shop-hd__nav .slrs-shop-hd__hotline strong {
  color: var(--clr-text);
  font-weight: 700;
  margin-left: 2px;
}
[data-theme=dark] .slrs-shop-hd__nav .slrs-shop-hd__hotline strong {
  color: #fff;
}

@media (max-width: 991px) {
  .slrs-shop-hd-wrap {
    background: var(--clr-bg) !important;
    position: relative;
  }
  [data-theme=dark] .slrs-shop-hd-wrap {
    background: #0a0e18 !important;
  }
  .slrs-shop-hd-wrap.is-sticky {
    position: fixed !important;
    background: var(--clr-bg) !important;
  }
  [data-theme=dark] .slrs-shop-hd-wrap.is-sticky {
    background: #0a0e18 !important;
  }
  .slrs-shop-hd-wrap.is-sticky .slrs-shop-hd__main {
    padding: 8px 0 !important;
  }
  .slrs-shop-hd__notify, .slrs-shop-hd__nav {
    display: none !important;
  }
  .slrs-shop-hd__main {
    padding: 10px 0;
  }
  .slrs-shop-hd__main-inner {
    justify-content: flex-start;
  }
  .slrs-shop-hd__actions {
    margin-left: auto;
  }
  .slrs-shop-hd__actions .slrs-action-items {
    gap: 6px !important;
  }
  .slrs-shop-hd__actions .action-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }
  .slrs-shop-hd__actions .slrs-shop-hd__cart-info {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .slrs-shop-hd__main .slrs-shop-hd__logo .slrs-logo img {
    max-height: 28px;
  }
}
.ss-content {
  background: rgba(30, 41, 59, 0.95) !important;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .ss-content {
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;
    }
  }
}
.ss-content {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  padding: 4px !important;
  z-index: 10000 !important;
  transform-origin: center top !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
[data-theme=light] .ss-content {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
.ss-content .ss-list .ss-option {
  padding: 8px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 6px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-bottom: 2px !important;
}
.ss-content .ss-list .ss-option:last-child {
  margin-bottom: 0 !important;
}
[data-theme=light] .ss-content .ss-list .ss-option {
  color: #334155 !important;
}
.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted {
  background-color: var(--clr-primary) !important;
  color: #fff !important;
}
.ss-content .ss-list .ss-option.ss-disabled {
  opacity: 0.4 !important;
  background-color: transparent !important;
  cursor: not-allowed !important;
}

/* ==========================================
   MEGA MENU (Compare) - Copied from _header.scss
   ========================================== */
.compare-mega-menu {
  width: auto !important;
  min-width: 300px;
  max-width: 800px;
  padding: 0 !important;
  overflow: hidden;
}
.compare-mega-menu.compare-mega-menu-2-col .mega-menu-grid {
  grid-template-columns: repeat(2, 1fr);
}
.compare-mega-menu.compare-mega-menu-1-col .mega-menu-grid {
  grid-template-columns: 1fr;
}
.compare-mega-menu .mega-menu-grid {
  display: grid;
  gap: 1px;
  background: rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .compare-mega-menu .mega-menu-grid {
  background: rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-grid .mega-menu-col {
  background: rgba(255, 255, 255, 0.85);
  padding: var(--space-base-20);
}
[data-theme=dark] .compare-mega-menu .mega-menu-grid .mega-menu-col {
  background: rgba(20, 28, 42, 0.9);
}
.compare-mega-menu .mega-menu-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ffs-xs);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-16);
  letter-spacing: 0.5px;
}
.compare-mega-menu .mega-menu-title i {
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
}
.compare-mega-menu .mega-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
.compare-mega-menu .mega-menu-list li {
  border: none;
  opacity: 1;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(var(--clr-primary-rgb)/0.08);
  color: var(--clr-accent);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link .icon-box {
  background: rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .link-text {
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--clr-text);
  transition: color 0.3s ease;
  line-height: 1.4;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link .link-text span {
  color: var(--clr-text-muted);
  font-weight: 400;
  font-size: 0.9em;
  margin: 0 4px;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover {
  background: rgba(var(--clr-primary-rgb)/0.05);
  border-color: transparent;
  transform: translateX(4px);
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: transparent;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover .icon-box {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: scale(1.1);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link:hover .link-text {
  color: var(--clr-primary);
}
.compare-mega-menu .mega-menu-list li .mega-menu-link.text-primary {
  background: rgba(var(--clr-primary-rgb)/0.05);
  justify-content: center;
  border-radius: 8px;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link.text-primary .link-text {
  color: var(--clr-primary);
  font-weight: 600;
}
.compare-mega-menu .mega-menu-list li .mega-menu-link.text-primary:hover {
  background: rgba(var(--clr-primary-rgb)/0.1);
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link.text-primary {
  background: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .compare-mega-menu .mega-menu-list li .mega-menu-link.text-primary:hover {
  background: rgba(255, 255, 255, 0.08);
}
.compare-mega-menu .mega-menu-footer {
  padding: var(--space-base-16) var(--space-base-20);
  background: rgba(var(--clr-primary-rgb)/0.03);
  border-top: 1px solid rgba(var(--clr-primary-rgb)/0.1);
  display: flex;
  justify-content: center;
}
[data-theme=dark] .compare-mega-menu .mega-menu-footer {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 8px;
  background: var(--clr-primary-op-8);
  color: var(--clr-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}
[data-theme=dark] .compare-mega-menu .mega-menu-footer .btn-mega-action {
  background: var(--clr-primary-op-15);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action i {
  font-size: 15px;
  transition: transform 0.25s ease;
}
.compare-mega-menu .mega-menu-footer .btn-mega-action:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  transform: translateX(4px);
  box-shadow: 0 2px 6px var(--clr-primary-op-10);
}
.compare-mega-menu .mega-menu-footer .btn-mega-action:hover i {
  transform: scale(1.1);
}

.compare-mega-menu-wrapper {
  position: static !important;
}
.compare-mega-menu-wrapper .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
}
.compare-mega-menu-wrapper .compare-mega-menu.compare-mega-menu-1-col {
  min-width: 350px;
}
.compare-mega-menu-wrapper .compare-mega-menu.compare-mega-menu-2-col {
  min-width: 700px;
}
.compare-mega-menu-wrapper:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 700px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-2-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col {
  position: relative !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col .compare-mega-menu {
  left: 0 !important;
  transform: translate3d(0, 15px, 0);
  min-width: 450px; /* Big enough for long names */
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-1-col:hover .compare-mega-menu {
  transform: translate3d(0, 0, 0);
}

.compare-mega-menu.compare-mega-menu-3-col .mega-menu-grid {
  grid-template-columns: repeat(3, 1fr);
}
.compare-mega-menu.compare-mega-menu-4-col .mega-menu-grid {
  grid-template-columns: repeat(4, 1fr);
}

.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 900px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-3-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col {
  position: static !important;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col .compare-mega-menu {
  left: 50% !important;
  transform: translate3d(-50%, 15px, 0);
  min-width: 1100px;
}
.slrs-nav-menu > li.slrs-has-dropdown.compare-mega-menu-wrapper.wrapper-4-col:hover .compare-mega-menu {
  transform: translate3d(-50%, 0, 0);
}

@media (max-width: 991px) {
  .slrs-shop-hd__notify--desktop-only {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .slrs-mobile-toggle--mobile-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .logo-default--desktop-only,
  .logo-light--desktop-only {
    display: none !important;
  }
}

.logo-mobile--mobile-only {
  max-height: 40px;
  width: auto;
}
@media (min-width: 768px) {
  .logo-mobile--mobile-only {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .slrs-shop-hd__search-trigger--desktop-only {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .slrs-shop-hd__actions-mobile-search {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .slrs-shop-hd__hotline--desktop-xl-only {
    display: none !important;
  }
}

.mega-menu-item-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.ts-d-none {
  display: none !important;
}

.ts-w-100 {
  width: 100% !important;
}

.slrs-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-search-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.slrs-search-overlay.is-active .slrs-search-overlay__content {
  animation: searchCommandPaletteIn 0.4s cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
}
.slrs-search-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% -20%, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.65) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transform: translateZ(0);
}
[data-theme=dark] .slrs-search-overlay__backdrop {
  background: radial-gradient(circle at 50% -20%, rgba(3, 7, 18, 0.5) 0%, rgba(3, 7, 18, 0.85) 100%);
}
.slrs-search-overlay__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 720px;
  margin-top: 15vh;
  padding: 0 20px;
  opacity: 0;
}
.slrs-search-overlay__form {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgb(255, 255, 255);
  height: 70px;
  padding: 0 24px;
  gap: 16px;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
[data-theme=dark] .slrs-search-overlay__form {
  background: rgba(17, 24, 39, 0.95);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.slrs-search-overlay__form button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-text-muted);
  font-size: 26px;
  transition: color 0.3s;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
}
[data-theme=dark] .slrs-search-overlay__form button[type=submit] {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-search-overlay__form button[type=submit]:hover {
  color: var(--clr-primary);
}
.slrs-search-overlay__form input {
  flex: 1;
  height: 100%;
  border: none;
  background: transparent;
  font-size: 22px;
  font-weight: 400;
  color: var(--clr-text);
  outline: none;
  font-family: var(--ff-body, inherit);
}
[data-theme=dark] .slrs-search-overlay__form input {
  color: #fff;
}
.slrs-search-overlay__form input::placeholder {
  color: var(--clr-text-muted);
  opacity: 0.5;
}
[data-theme=dark] .slrs-search-overlay__form input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.slrs-search-overlay__form .slrs-search-overlay__close {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[data-theme=dark] .slrs-search-overlay__form .slrs-search-overlay__close {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.slrs-search-overlay__form .slrs-search-overlay__close kbd {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--clr-text-muted) !important;
  font-family: var(--ff-body, inherit);
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-bottom-width: 2px !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  letter-spacing: 0.5px;
}
[data-theme=dark] .slrs-search-overlay__form .slrs-search-overlay__close kbd {
  background: linear-gradient(180deg, #334155 0%, #1e293b 100%) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.slrs-search-overlay__form .slrs-search-overlay__close:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}
[data-theme=dark] .slrs-search-overlay__form .slrs-search-overlay__close:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.slrs-search-overlay__form .slrs-search-overlay__close:hover kbd {
  color: var(--clr-text) !important;
}
[data-theme=dark] .slrs-search-overlay__form .slrs-search-overlay__close:hover kbd {
  color: #fff !important;
}
.slrs-search-overlay.has-results .slrs-search-overlay__form, .slrs-search-overlay__form:focus-within {
  border-radius: 16px 16px 0 0;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .slrs-search-overlay.has-results .slrs-search-overlay__form, [data-theme=dark] .slrs-search-overlay__form:focus-within {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
.slrs-search-overlay__suggestions {
  background: #ffffff;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  padding: 12px;
  max-height: 55vh;
  overflow-y: auto;
  display: none;
}
[data-theme=dark] .slrs-search-overlay__suggestions {
  background: #111827;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08);
  border-top: none;
}
.slrs-search-overlay__suggestions::-webkit-scrollbar {
  width: 6px;
}
.slrs-search-overlay__suggestions::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
[data-theme=dark] .slrs-search-overlay__suggestions::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.slrs-search-overlay.has-results .slrs-search-overlay__suggestions, .slrs-search-overlay__form:focus-within + .slrs-search-overlay__suggestions, .slrs-search-overlay__suggestions:hover, .slrs-search-overlay__suggestions:focus-within {
  display: block;
  animation: searchDropdownFade 0.35s cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
}
.slrs-search-overlay__trending {
  margin-bottom: 8px;
}
.slrs-search-overlay__trending h6 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-text-muted);
  margin-bottom: 8px;
  padding-left: 12px;
}
[data-theme=dark] .slrs-search-overlay__trending h6 {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-search-overlay__trending .trending-tags {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-search-overlay__trending .trending-tags a {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 10px;
  color: var(--clr-text);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  background: transparent;
}
[data-theme=dark] .slrs-search-overlay__trending .trending-tags a {
  color: rgba(255, 255, 255, 0.85);
}
.slrs-search-overlay__trending .trending-tags a::before {
  content: "\e9cc";
  font-family: "Phosphor-Duotone";
  margin-right: 14px;
  color: var(--clr-text-muted);
  font-size: 20px;
  opacity: 0.5;
}
[data-theme=dark] .slrs-search-overlay__trending .trending-tags a::before {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-search-overlay__trending .trending-tags a:hover {
  background: rgba(0, 0, 0, 0.03);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-search-overlay__trending .trending-tags a:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.slrs-search-overlay__trending .trending-tags a:hover::before {
  color: var(--clr-primary);
  opacity: 1;
}
.slrs-search-overlay .ajax-search-results {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.25s ease;
  animation: searchResultItemIn 0.3s cubic-bezier(0.2, 0.9, 0.2, 1) backwards;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(1) {
  animation-delay: 0.03s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(2) {
  animation-delay: 0.06s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(3) {
  animation-delay: 0.09s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(4) {
  animation-delay: 0.12s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(5) {
  animation-delay: 0.15s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(6) {
  animation-delay: 0.18s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(7) {
  animation-delay: 0.21s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(8) {
  animation-delay: 0.24s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(9) {
  animation-delay: 0.27s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(10) {
  animation-delay: 0.3s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(11) {
  animation-delay: 0.33s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(12) {
  animation-delay: 0.36s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(13) {
  animation-delay: 0.39s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(14) {
  animation-delay: 0.42s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:nth-child(15) {
  animation-delay: 0.45s;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:hover {
  background: rgba(0, 0, 0, 0.03);
  transform: translateX(4px);
}
[data-theme=dark] .slrs-search-overlay .ajax-search-results .slrs-search-result-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:hover .item-img {
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  padding: 6px;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-img {
  background: #1f2937;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
[data-theme=dark] .slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-img img {
  mix-blend-mode: normal;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-info {
  flex: 1;
  min-width: 0;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-title {
  font-size: 15.5px;
  font-weight: 600;
  color: var(--clr-text);
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
[data-theme=dark] .slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-title {
  color: #e5e7eb;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item:hover .item-title {
  color: var(--clr-primary);
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .item-meta {
  margin-left: 12px;
  flex-shrink: 0;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .type-badge {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 6px;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .type-badge.badge-mobile {
  background: color-mix(in srgb, var(--clr-primary) 10%, transparent);
  color: var(--clr-primary);
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .type-badge.badge-laptop {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.slrs-search-overlay .ajax-search-results .slrs-search-result-item .type-badge.badge-blog {
  background: rgba(14, 165, 233, 0.1);
  color: #0ea5e9;
}

@keyframes searchCommandPaletteIn {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes searchDropdownFade {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes searchResultItemIn {
  from {
    opacity: 0;
    transform: translateX(-15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .slrs-search-overlay__content {
    margin-top: 5vh;
    padding: 0 12px;
  }
  .slrs-search-overlay__form {
    height: 60px;
    padding: 0 16px;
  }
  .slrs-search-overlay__form input {
    font-size: 18px;
  }
  .slrs-search-overlay__form button[type=submit] {
    font-size: 22px;
  }
}
.home-style-v4,
.shop-catalog-page,
.shop-details-page,
.shopping-cart-page,
.checkout-billing-page,
.wishlist-page,
.compare-page,
.system-builder-page,
.order-complete-page,
.login-page,
.register-page,
.forgot-password-page,
.track-order-page,
.account-page {
  --clr-primary: var(--clr-secondary);
  --clr-primary-light: var(--clr-secondary-light);
  --clr-primary-dark: var(--clr-secondary-dark);
  --clr-primary-100: var(--clr-secondary-100);
  --clr-primary-300: var(--clr-secondary-300);
  --clr-primary-500: var(--clr-secondary-500);
  --clr-primary-700: var(--clr-secondary-700);
  --clr-primary-900: var(--clr-secondary-900);
  --clr-primary-op-5: var(--clr-secondary-op-5);
  --clr-primary-op-6: var(--clr-secondary-op-6);
  --clr-primary-op-8: var(--clr-secondary-op-8);
  --clr-primary-op-10: var(--clr-secondary-op-10);
  --clr-primary-op-12: var(--clr-secondary-op-12);
  --clr-primary-op-15: var(--clr-secondary-op-15);
  --clr-primary-op-20: var(--clr-secondary-op-20);
  --clr-primary-op-25: var(--clr-secondary-op-25);
  --clr-primary-op-30: var(--clr-secondary-op-30);
  --clr-primary-op-35: var(--clr-secondary-op-35);
  --clr-primary-op-40: var(--clr-secondary-op-40);
  --clr-primary-op-45: var(--clr-secondary-op-45);
  --clr-primary-op-50: var(--clr-secondary-op-50);
  --clr-primary-op-60: var(--clr-secondary-op-60);
  --clr-primary-op-70: var(--clr-secondary-op-70);
  --clr-primary-op-80: var(--clr-secondary-op-80);
  --clr-primary-op-90: var(--clr-secondary-op-90);
  --clr-primary-op-100: var(--clr-secondary-op-100);
}

.slrs-shop-breadcrumb {
  background-color: var(--clr-text);
  padding-block: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-shop-breadcrumb {
    padding-block: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-shop-breadcrumb {
    padding-block: var(--space-base-56);
  }
}
.slrs-shop-breadcrumb {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.slrs-shop-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-op-15), transparent 60%);
  pointer-events: none;
}
.slrs-shop-breadcrumb::after {
  content: "";
  position: absolute;
  top: -60%;
  right: -10%;
  width: 400px;
  height: 400px;
  border-radius: var(--radius-full);
  background: radial-gradient(circle, var(--clr-primary-op-8) 0%, transparent 70%);
  pointer-events: none;
}
.slrs-shop-breadcrumb__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-bold);
  color: #ffffff;
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-shop-breadcrumb__title {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-shop-breadcrumb__title {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-shop-breadcrumb__title {
  position: relative;
  z-index: 1;
}
@media (max-width: 35.98em) {
  .slrs-shop-breadcrumb__title {
    font-size: var(--ffs-2xl);
  }
}
.slrs-shop-breadcrumb__nav {
  position: relative;
  z-index: 1;
}
.slrs-shop-breadcrumb__nav .breadcrumb {
  margin-bottom: 0;
  justify-content: center;
}
.slrs-shop-breadcrumb__nav .breadcrumb-item {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
}
.slrs-shop-breadcrumb__nav .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: none;
  transition: var(--transition-default);
}
.slrs-shop-breadcrumb__nav .breadcrumb-item a:hover {
  color: rgba(255, 255, 255, 0.85) !important;
}
.slrs-shop-breadcrumb__nav .breadcrumb-item.active {
  color: #ffffff !important;
}
.slrs-shop-breadcrumb__nav .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.3);
}
[data-theme=dark] .slrs-shop-breadcrumb {
  background-color: var(--clr-text-op-40);
}

.slrs-shop-section {
  padding-block: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-shop-section {
    padding-block: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-shop-section {
    padding-block: var(--space-base-56);
  }
}
[data-theme=dark] .slrs-shop-section {
  color: #ffffff;
}

.slrs-catalog-desc-top {
  margin-bottom: var(--space-base-24);
}

.slrs-catalog-container {
  margin-bottom: var(--space-base-48);
}

.slrs-catalog-desc-bottom {
  margin-top: var(--space-base-48);
  margin-bottom: var(--space-base-24);
}

.slrs-shop-filter {
  position: sticky;
  top: 100px;
  z-index: 5;
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-filter {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter {
    padding: var(--space-base-28);
  }
}
.slrs-shop-filter {
  overflow: hidden;
}
.slrs-shop-filter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-shop-filter {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-shop-filter__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-filter__title {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__title {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-shop-filter__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-shop-filter__title {
    gap: var(--space-base-10);
  }
}
.slrs-shop-filter__title i {
  color: var(--clr-primary);
  font-size: var(--ffs-base);
}
[data-theme=dark] .slrs-shop-filter__title {
  color: #ffffff;
}
[data-theme=dark] .slrs-shop-filter__title i {
  color: var(--clr-primary-light);
}
.slrs-shop-filter__section {
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-filter__section {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__section {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-shop-filter__section {
  padding-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-filter__section {
    padding-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__section {
    padding-block-end: var(--space-base-28);
  }
}
.slrs-shop-filter__section {
  border-bottom: 1px solid var(--clr-text-op-5);
}
.slrs-shop-filter__section:last-of-type {
  border-bottom: none;
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-filter__section:last-of-type {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__section:last-of-type {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-shop-filter__section:last-of-type {
  padding-block-end: 0;
}
[data-theme=dark] .slrs-shop-filter__section {
  border-bottom-color: var(--clr-text-muted-op-6);
}
.slrs-shop-filter__section-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-filter__section-title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__section-title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-shop-filter__section-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-shop-filter__section-title {
    gap: var(--space-base-6);
  }
}
.slrs-shop-filter__section-title i {
  color: var(--clr-primary);
  font-size: var(--ffs-3xs);
}
[data-theme=dark] .slrs-shop-filter__section-title {
  color: #ffffff;
}
[data-theme=dark] .slrs-shop-filter__section-title i {
  color: var(--clr-primary-light);
}
.slrs-shop-filter__apply {
  width: 100%;
  justify-content: center;
  margin-block-start: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-shop-filter__apply {
    margin-block-start: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-shop-filter__apply {
    margin-block-start: var(--space-base-16);
  }
}

.slrs-filter-check {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
  transition: var(--transition-default);
}
.slrs-filter-check__input {
  display: none;
}
.slrs-filter-check__input:checked ~ .slrs-filter-check__label {
  background-color: var(--clr-primary);
  color: #fff;
  border-color: var(--clr-primary);
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
  font-weight: var(--fw-semibold);
}
.slrs-filter-check__input:checked ~ .slrs-filter-check__label .slrs-filter-check__count {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
[data-theme=dark] .slrs-filter-check__input:checked ~ .slrs-filter-check__label {
  background-color: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 12px var(--clr-primary-light-op-25);
}
[data-theme=dark] .slrs-filter-check__input:checked ~ .slrs-filter-check__label .slrs-filter-check__count {
  background: rgba(0, 0, 0, 0.15);
  color: var(--clr-neutral-900);
}
.slrs-filter-check__box {
  display: none;
}
.slrs-filter-check__label {
  font-family: var(--ff-body);
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  background: var(--clr-text-op-5);
  border: 1px solid transparent;
  padding: 4px 12px;
  border-radius: 30px;
  user-select: none;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-filter-check:hover .slrs-filter-check__label {
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.slrs-filter-check:hover .slrs-filter-check__label .slrs-filter-check__count {
  background: var(--clr-primary-op-15);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-filter-check__label {
  background: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-80);
}
[data-theme=dark] .slrs-filter-check:hover .slrs-filter-check__label {
  color: var(--clr-primary-light);
  background: var(--clr-primary-light-op-10);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-filter-check:hover .slrs-filter-check__label .slrs-filter-check__count {
  background: var(--clr-primary-light-op-15);
  color: var(--clr-primary-light);
}
.slrs-filter-check__count {
  font-size: 10px;
  font-weight: var(--fw-bold);
  background: var(--clr-text-op-10);
  padding: 2px 6px;
  border-radius: 10px;
  color: var(--clr-text-muted);
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-filter-check__count {
  background: rgba(255, 255, 255, 0.1);
  color: #ddd;
}

.slrs-filter-range__slider {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border-radius: var(--radius-full);
  background: var(--clr-text-op-8);
  outline: none;
  margin-block: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-filter-range__slider {
    margin-block: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-filter-range__slider {
    margin-block: var(--space-base-16);
  }
}
.slrs-filter-range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-full);
  background: var(--clr-primary);
  cursor: pointer;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.15s ease;
}
.slrs-filter-range__slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.slrs-filter-range__slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: var(--radius-full);
  background: var(--clr-primary);
  cursor: pointer;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.15s ease;
}
[data-theme=dark] .slrs-filter-range__slider {
  background: var(--clr-text-muted-op-10);
}
[data-theme=dark] .slrs-filter-range__slider::-webkit-slider-thumb {
  border-color: var(--clr-text-op-40);
  background: var(--clr-primary-light);
}
[data-theme=dark] .slrs-filter-range__slider::-moz-range-thumb {
  border-color: var(--clr-text-op-40);
  background: var(--clr-primary-light);
}
.slrs-filter-range__values {
  display: flex;
  justify-content: space-between;
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  margin-block-start: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-filter-range__values {
    margin-block-start: var(--space-base-6);
  }
}

.slrs-shop-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-toolbar {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-toolbar {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-shop-toolbar {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-lg);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-toolbar {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-toolbar {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-shop-toolbar {
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-shop-toolbar {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-shop-toolbar {
    gap: var(--space-base-16);
  }
}
[data-theme=dark] .slrs-shop-toolbar {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-shop-toolbar__results {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
}
.slrs-shop-toolbar__sort {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-shop-toolbar__sort {
    gap: var(--space-base-10);
  }
}
.slrs-shop-toolbar__sort-label {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  white-space: nowrap;
}
.slrs-shop-toolbar__select {
  height: 38px;
  padding: 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-toolbar__select {
    padding: 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-toolbar__select {
    padding: 0 var(--space-base-20);
  }
}
.slrs-shop-toolbar__select {
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-md);
  background-color: transparent;
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text);
  outline: none;
  min-width: 160px;
  cursor: pointer;
  transition: var(--transition-default);
}
.slrs-shop-toolbar__select:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-shop-toolbar__select {
  border-color: var(--clr-text-muted-op-10);
  color: #ffffff;
  background-color: transparent;
}
[data-theme=dark] .slrs-shop-toolbar__select:focus {
  border-color: var(--clr-primary-light);
  box-shadow: 0 0 0 3px var(--clr-primary-light-op-10);
}
[data-theme=dark] .slrs-shop-toolbar__select option {
  background-color: var(--clr-text-op-40);
  color: #ffffff;
}

.slrs-shop-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-shop-pagination {
    gap: var(--space-base-10);
  }
}
.slrs-shop-pagination {
  margin-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-shop-pagination {
    margin-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-shop-pagination {
    margin-block-start: var(--space-base-40);
  }
}
.slrs-shop-pagination {
  padding-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-pagination {
    padding-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-pagination {
    padding-block-start: var(--space-base-28);
  }
}
.slrs-shop-pagination__btn {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-text-op-8);
  background-color: transparent;
  color: var(--clr-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition-default);
}
.slrs-shop-pagination__btn:hover {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  background-color: var(--clr-primary-op-5);
}
.slrs-shop-pagination__btn.is-active {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
.slrs-shop-pagination__btn.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.slrs-shop-pagination__btn i {
  font-size: var(--ffs-3xs);
}
[data-theme=dark] .slrs-shop-pagination__btn {
  border-color: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-60);
}
[data-theme=dark] .slrs-shop-pagination__btn:hover {
  border-color: var(--clr-primary-light);
  color: var(--clr-primary-light);
  background-color: var(--clr-primary-light-op-5);
}
[data-theme=dark] .slrs-shop-pagination__btn.is-active {
  background-color: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
  color: var(--clr-text);
}

.bg-card:has(#resultsCount) {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--clr-neutral-100) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 var(--space-base-16) 0 !important;
  margin-bottom: var(--space-base-24) !important;
}
[data-theme=dark] .bg-card:has(#resultsCount) {
  background: transparent !important;
  border-color: var(--clr-text-muted-op-10) !important;
}
.bg-card:has(#resultsCount) select#sortSelect {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-neutral-200);
  background-color: var(--clr-surface-void);
  padding: var(--space-base-8) var(--space-base-36) var(--space-base-8) var(--space-base-16) !important;
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  cursor: pointer;
  box-shadow: none;
  transition: var(--transition-base);
}
.bg-card:has(#resultsCount) select#sortSelect:hover {
  border-color: var(--clr-primary-op-50);
  background-color: var(--clr-primary-op-5);
}
[data-theme=dark] .bg-card:has(#resultsCount) select#sortSelect {
  border-color: var(--clr-text-muted-op-20);
  background-color: var(--clr-text-muted-op-10);
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}
[data-theme=dark] .bg-card:has(#resultsCount) select#sortSelect option {
  background: #222;
  color: #fff;
}
.bg-card:has(#resultsCount) select#sortSelect:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--clr-primary-op-15);
  border-color: var(--clr-primary);
}
.bg-card:has(#resultsCount) .slrs-filter-toggle-btn {
  border-radius: var(--radius-full) !important;
  padding: var(--space-base-8) var(--space-base-20) !important;
  font-size: var(--ffs-sm) !important;
  font-weight: var(--fw-semibold) !important;
  border: 1px solid var(--clr-neutral-200) !important;
  background: var(--clr-surface-void) !important;
  color: var(--clr-text) !important;
  box-shadow: none;
  transition: var(--transition-base);
}
.bg-card:has(#resultsCount) .slrs-filter-toggle-btn:hover {
  border-color: var(--clr-primary) !important;
  background: var(--clr-primary) !important;
  color: #fff !important;
}
.bg-card:has(#resultsCount) .slrs-view-toggle {
  background: transparent;
  padding: 0;
  gap: var(--space-base-4);
  border: 1px solid var(--clr-neutral-200);
  border-radius: var(--radius-full);
  padding: 4px;
}
.bg-card:has(#resultsCount) .slrs-view-toggle__btn {
  border: none !important;
  border-radius: var(--radius-full) !important;
  width: 34px !important;
  height: 34px !important;
  background: transparent;
  color: var(--clr-text-muted);
}
.bg-card:has(#resultsCount) .slrs-view-toggle__btn:hover {
  color: var(--clr-primary);
}
.bg-card:has(#resultsCount) .slrs-view-toggle__btn.is-active {
  background: var(--clr-primary-op-10);
  color: var(--clr-primary) !important;
  box-shadow: none !important;
}
[data-theme=dark] .bg-card:has(#resultsCount) .slrs-view-toggle__btn.is-active {
  background: rgba(255, 255, 255, 0.15);
  color: #fff !important;
}
.bg-card:has(#resultsCount) #resultsCount {
  color: var(--clr-text) !important;
  font-family: var(--ff-heading);
  font-size: var(--ffs-md);
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.slrs-empty-state {
  text-align: center;
  padding: 60px 20px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px dashed var(--clr-text-op-15);
  border-radius: 24px;
  margin: 40px auto;
  max-width: 600px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-empty-state {
  background: rgba(17, 17, 17, 0.4);
  border-color: rgba(255, 255, 255, 0.1);
}
.slrs-empty-state__icon {
  font-size: 80px;
  color: var(--clr-primary-op-50);
  margin-bottom: 24px;
  display: inline-block;
  animation: slrs-float 3s ease-in-out infinite;
}
[data-theme=dark] .slrs-empty-state__icon {
  color: var(--clr-primary-light-op-50);
}
.slrs-empty-state__title {
  font-family: var(--ff-heading);
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: 12px;
}
[data-theme=dark] .slrs-empty-state__title {
  color: #fff;
}
.slrs-empty-state__desc {
  color: var(--clr-text-muted);
  font-size: 15px;
  margin-bottom: 30px;
}
.slrs-empty-state__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));
  color: #fff;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: var(--fw-semibold);
  border: none;
  box-shadow: 0 8px 20px var(--clr-primary-op-35);
  transition: all 0.3s ease;
}
.slrs-empty-state__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px var(--clr-primary-op-50);
  color: #fff;
}

@keyframes slrs-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.slrs-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  padding: 12px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  margin-top: var(--space-base-24);
  margin-bottom: var(--space-base-24);
}
[data-theme=dark] .slrs-toolbar {
  background: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-toolbar__count {
  color: var(--clr-text-muted);
  font-weight: var(--fw-bold);
}
.slrs-toolbar__actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-toolbar .slrs-sort-select {
  width: auto;
}
.slrs-toolbar .form-select {
  background-color: var(--clr-surface-frost);
  border: 1px solid var(--clr-text-op-10);
  border-radius: 30px;
  padding: 8px 36px 8px 16px;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-toolbar .form-select:hover {
  border-color: var(--clr-primary-op-35);
  background-color: var(--clr-primary-op-5);
}
.slrs-toolbar .form-select:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-toolbar .form-select {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-toolbar .form-select:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 35.98em) {
  .slrs-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
  }
  .slrs-toolbar > span#resultsCount, .slrs-toolbar .slrs-toolbar__count {
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed var(--clr-text-op-10);
    font-size: var(--ffs-base);
    margin: 0;
  }
  .slrs-toolbar > div.d-flex, .slrs-toolbar .slrs-toolbar__actions {
    width: 100%;
    justify-content: space-between;
    gap: 12px !important;
  }
  .slrs-toolbar > div.d-flex .form-select, .slrs-toolbar .slrs-toolbar__actions .form-select {
    flex: 1;
    width: 100% !important;
  }
}

@keyframes slrs-shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.slrs-skeleton {
  background: var(--clr-text-op-5);
  background-image: linear-gradient(90deg, var(--clr-text-op-5) 0px, var(--clr-text-op-10) 50%, var(--clr-text-op-5) 100%);
  background-size: 1000px 100%;
  animation: slrs-shimmer 2s infinite linear forwards;
  border-radius: var(--radius-md);
}
[data-theme=dark] .slrs-skeleton {
  background: var(--clr-text-muted-op-10);
  background-image: linear-gradient(90deg, var(--clr-text-muted-op-10) 0px, var(--clr-text-muted-op-20) 50%, var(--clr-text-muted-op-10) 100%);
}

.slrs-skeleton-card {
  border: 1px solid var(--clr-text-op-5);
  background: var(--clr-bg);
  border-radius: 20px;
  padding: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-glass-op-20);
}
[data-theme=dark] .slrs-skeleton-card {
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(16px);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 30px -10px rgba(0, 0, 0, 0.4);
}
.slrs-skeleton-card .sk-img {
  height: 180px;
  width: 100%;
  border-radius: 14px;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.slrs-skeleton-card .sk-title {
  height: 24px;
  width: 80%;
  border-radius: var(--radius-sm);
  margin-inline: 8px;
  margin-bottom: 8px;
}
.slrs-skeleton-card .sk-text {
  height: 16px;
  width: 60%;
  border-radius: var(--radius-sm);
  margin-inline: 8px;
  margin-bottom: 8px;
}
.slrs-skeleton-card .sk-product-meta {
  width: 40%;
  margin-inline: 8px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.slrs-skeleton-card .sk-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  margin-inline: 8px;
  box-shadow: 0 -1px 0 0 var(--clr-text-op-5);
  gap: 6px;
}
[data-theme=dark] .slrs-skeleton-card .sk-footer {
  box-shadow: 0 -1px 0 0 var(--clr-text-muted-op-6);
}
.slrs-skeleton-card .sk-footer .sk-price {
  width: 40%;
  height: 24px;
  border-radius: var(--radius-sm);
}
.slrs-skeleton-card .sk-footer .sk-action-btns {
  display: flex;
  gap: 4px;
  align-items: center;
}
.slrs-skeleton-card .sk-footer .sk-action-btns .sk-btn-view {
  width: 60px;
  height: 28px;
  border-radius: 30px;
}
.slrs-skeleton-card .sk-footer .sk-action-btns .sk-btn-compare {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.slrs-skeleton-list {
  border: 1px solid var(--clr-text-op-5);
  background: var(--clr-bg);
  border-radius: var(--radius-lg);
  padding: 16px;
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
[data-theme=dark] .slrs-skeleton-list {
  background: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-skeleton-list .sk-img {
  height: 120px;
  width: 120px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.slrs-skeleton-list .sk-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.slrs-skeleton-list .sk-title {
  height: 24px;
  width: 50%;
}
.slrs-skeleton-list .sk-text {
  height: 16px;
  width: 80%;
}
.slrs-skeleton-list .sk-text-short {
  width: 40%;
}
.slrs-skeleton-list .sk-action {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  width: 170px;
  padding: 16px 20px;
  border-left: 1px dashed var(--clr-text-op-5);
}
.slrs-skeleton-list .sk-price {
  height: 28px;
  width: 80%;
  margin-bottom: 4px;
}
.slrs-skeleton-list .sk-action-btns {
  display: flex;
  gap: 6px;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
.slrs-skeleton-list .sk-btn-compare {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.slrs-skeleton-list .sk-btn-view {
  height: 32px;
  width: 90px;
  border-radius: 30px;
}
@media (max-width: 47.98em) {
  .slrs-skeleton-list {
    flex-direction: column;
    gap: 16px;
  }
  .slrs-skeleton-list .sk-img {
    width: 100%;
    height: 170px;
  }
  .slrs-skeleton-list .sk-action {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-left: none;
    border-top: 1px dashed var(--clr-text-op-5);
    padding: 16px 0 0 0;
    margin-top: 8px;
  }
  .slrs-skeleton-list .sk-price {
    width: 40%;
    margin-bottom: 0;
  }
  .slrs-skeleton-list .sk-action-btns {
    width: auto;
  }
}

.slrs-blog-skeleton-list {
  margin-bottom: 24px;
  gap: 24px;
  padding: 16px;
  background: var(--clr-white);
  border-radius: 32px;
  border: 1px solid var(--clr-smoke-op-5);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80), inset 0 -1px 1px var(--clr-smoke-op-2);
}
[data-theme=dark] .slrs-blog-skeleton-list {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5), inset 0 -1px 1px var(--clr-smoke-op-20);
}
.slrs-blog-skeleton-list .sk-blog-img {
  flex: 0 0 320px;
  min-height: 250px;
  border-radius: 20px;
}
@media (max-width: 61.98em) {
  .slrs-blog-skeleton-list .sk-blog-img {
    flex: 0 0 250px;
  }
}
@media (max-width: 47.98em) {
  .slrs-blog-skeleton-list .sk-blog-img {
    flex: 0 0 100%;
    min-height: 220px;
    border-radius: 20px;
  }
}
.slrs-blog-skeleton-list .sk-blog-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
@media (max-width: 61.98em) {
  .slrs-blog-skeleton-list .sk-blog-content {
    padding: 0;
  }
}
@media (max-width: 47.98em) {
  .slrs-blog-skeleton-list .sk-blog-content {
    padding: 0;
  }
}
.slrs-blog-skeleton-list .sk-blog-title {
  height: 32px;
  width: 60%;
  margin-bottom: var(--space-base-16);
  border-radius: var(--radius-sm);
}
.slrs-blog-skeleton-list .sk-text {
  height: 16px;
  border-radius: var(--radius-sm);
  margin-bottom: 8px;
}
.slrs-blog-skeleton-list .sk-blog-text-wide {
  width: 90%;
}
.slrs-blog-skeleton-list .sk-blog-text-short {
  width: 40%;
}
.slrs-blog-skeleton-list .sk-blog-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid var(--clr-smoke-op-20);
}
[data-theme=dark] .slrs-blog-skeleton-list .sk-blog-footer {
  border-top-color: var(--clr-smoke-op-60);
}
.slrs-blog-skeleton-list .sk-blog-author-avatar {
  width: 28px;
  height: 28px;
}
.slrs-blog-skeleton-list .sk-blog-author-name {
  width: 80px;
  height: 14px;
  border-radius: var(--radius-sm);
}
.slrs-blog-skeleton-list .sk-blog-link {
  width: 110px;
  height: 32px;
}

.slrs-blog-skeleton-card {
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border: 1px solid var(--clr-smoke-op-5);
  border-radius: 32px;
  padding: var(--space-base-16);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80), inset 0 -1px 1px var(--clr-smoke-op-2);
}
[data-theme=dark] .slrs-blog-skeleton-card {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5), inset 0 -1px 1px var(--clr-smoke-op-20);
}
.slrs-blog-skeleton-card .sk-blog-img-card {
  height: 220px;
  border-radius: 20px;
}
.slrs-blog-skeleton-card .sk-blog-meta {
  height: 14px;
  width: 30%;
  border-radius: var(--radius-sm);
}
.slrs-blog-skeleton-card .sk-blog-title-card {
  height: 24px;
  border-radius: var(--radius-sm);
}
.slrs-blog-skeleton-card .sk-text {
  height: 16px;
  border-radius: var(--radius-sm);
}
.slrs-blog-skeleton-card .sk-blog-text-wide {
  width: 90%;
}
.slrs-blog-skeleton-card .sk-blog-text-medium {
  width: 60%;
}
.slrs-blog-skeleton-card .sk-blog-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}

.sk-style-static .slrs-skeleton {
  animation: none;
  background: var(--clr-neutral-100);
}
[data-theme=dark] .sk-style-static .slrs-skeleton {
  background: rgba(255, 255, 255, 0.05);
}

.sk-style-wave .slrs-skeleton {
  animation: none;
  position: relative;
  overflow: hidden;
  background: var(--clr-neutral-100);
}
.sk-style-wave .slrs-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: slrs-skeleton-wave 1.5s infinite;
}
[data-theme=dark] .sk-style-wave .slrs-skeleton {
  background: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .sk-style-wave .slrs-skeleton::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

@keyframes slrs-skeleton-wave {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes card-heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.15);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(1);
  }
}
.slrs-product-card {
  position: relative;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: 20px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-glass-op-20);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-product-card {
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(16px);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 30px -10px rgba(0, 0, 0, 0.4);
}
.slrs-product-card:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 24px 48px -12px var(--clr-primary-op-15), inset 0 0 0 1px var(--clr-glass-op-60);
}
[data-theme=dark] .slrs-product-card:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 48px -12px rgba(0, 0, 0, 0.6);
}
.slrs-product-card:hover .slrs-product-card__media img {
  transform: scale(1.08) rotate(1deg);
  filter: brightness(1.05);
}
.slrs-product-card:hover .slrs-product-card__media::after {
  opacity: 1;
  background: radial-gradient(circle at 80% 20%, var(--clr-primary-op-10) 0%, transparent 60%);
}
.slrs-product-card:hover .slrs-product-card__wishlist-btn:not(.is-in-wishlist) {
  opacity: 1;
  transform: scale(1);
}
.slrs-product-card:hover .slrs-product-card__specs {
  opacity: 1;
  transform: translateY(0);
}
.slrs-product-card:hover .slrs-product-card__action-btns {
  opacity: 1;
  transform: translateX(0);
}
.slrs-product-card__media {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 1/1;
  background-color: var(--clr-text-op-3);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
[data-theme=dark] .slrs-product-card__media {
  background-color: rgba(255, 255, 255, 0.02);
}
.slrs-product-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, var(--clr-accent-op-20) 0%, transparent 60%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-product-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  color: #fff;
  font-size: var(--fs-3xs);
  font-weight: var(--fw-extrabold);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 4px 10px;
  border-radius: 20px;
  z-index: 3;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}
.slrs-product-card__badge--sale {
  background: linear-gradient(135deg, #f43f5e, #e11d48);
}
.slrs-product-card__badge--hot {
  background: linear-gradient(135deg, #ff7e47, var(--clr-accent));
}
.slrs-product-card__wishlist-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--clr-text);
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-product-card__wishlist-btn {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-product-card__wishlist-btn {
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 3;
  opacity: 0.8;
  transform: scale(0.95);
}
[data-theme=dark] .slrs-product-card__wishlist-btn {
  background: rgba(15, 23, 42, 0.7);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
}
.slrs-product-card__wishlist-btn:hover {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.2);
  transform: scale(1.1) !important;
  background: #fff;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
  filter: drop-shadow(0 0 4px rgba(239, 68, 68, 0.3));
}
[data-theme=dark] .slrs-product-card__wishlist-btn:hover {
  background: rgba(15, 23, 42, 0.9);
}
.slrs-product-card__wishlist-btn.is-in-wishlist {
  opacity: 1 !important;
  transform: scale(1) !important;
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15) !important;
}
.slrs-product-card__wishlist-btn.is-in-wishlist i {
  animation: card-heartbeat 1.4s ease-in-out infinite;
  display: inline-block;
}
[data-theme=dark] .slrs-product-card__wishlist-btn.is-in-wishlist {
  background: rgba(15, 23, 42, 0.9) !important;
}
.slrs-product-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.slrs-product-card__cat {
  font-family: var(--ff-heading);
  font-size: var(--fs-3xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  color: var(--clr-text-muted);
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.slrs-product-card__cat i {
  font-size: 8px;
  color: var(--clr-primary);
}
.slrs-product-card__title {
  font-family: var(--ff-heading);
  font-size: var(--fs-base) !important;
  font-weight: var(--fw-semibold);
  line-height: 1.3;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-product-card__title a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.25s ease;
}
.slrs-product-card__title a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-product-card__title a {
  color: #ffffff;
}
[data-theme=dark] .slrs-product-card__title a:hover {
  color: var(--clr-primary-light);
}
.slrs-product-card__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-product-card__spec-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--clr-text-op-5);
  border: 1px solid var(--clr-text-op-8);
  border-radius: 6px;
  padding: 3px 6px;
  font-family: var(--ff-body);
  font-size: var(--fs-3xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  transition: all 0.25s ease;
}
[data-theme=dark] .slrs-product-card__spec-chip {
  background: var(--clr-text-muted-op-10);
  border-color: transparent;
  color: var(--clr-text-muted-op-80);
}
.slrs-product-card__spec-chip i {
  font-size: 8px;
  color: var(--clr-text-muted);
  opacity: 0.7;
}
.slrs-product-card__rating {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: var(--fs-2xs);
  color: var(--clr-optional);
  margin-bottom: 16px;
}
.slrs-product-card__rating span {
  font-size: var(--fs-2xs);
  color: var(--clr-text-muted);
  margin-left: 4px;
}
.slrs-product-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  box-shadow: 0 -1px 0 0 var(--clr-text-op-5);
  gap: 6px;
}
[data-theme=dark] .slrs-product-card__footer {
  box-shadow: 0 -1px 0 0 var(--clr-text-muted-op-6);
}
.slrs-product-card__price {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slrs-product-card__price .new-price {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  line-height: 1.1;
}
[data-theme=dark] .slrs-product-card__price .new-price {
  color: #fff;
}
.slrs-product-card__action-btns {
  display: flex;
  gap: 4px;
  align-items: center;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-product-card__view-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  background-color: var(--clr-primary-op-8);
  border: 1px solid transparent;
  border-radius: 30px;
  color: var(--clr-primary);
  font-family: var(--ff-heading);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-semibold);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-theme=dark] .slrs-product-card__view-btn {
  background-color: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
.slrs-product-card__view-btn i {
  font-size: 10px;
  transition: transform 0.25s ease;
}
.slrs-product-card__view-btn:hover {
  background-color: var(--clr-primary);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-product-card__view-btn:hover {
  background-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 10px var(--clr-primary-light-op-20);
}
.slrs-product-card__view-btn:hover i {
  transform: translateX(2px);
}
.slrs-product-card__compare-btn {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-primary-op-8);
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--clr-primary);
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-theme=dark] .slrs-product-card__compare-btn {
  background-color: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
.slrs-product-card__compare-btn:hover {
  background-color: var(--clr-primary);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-product-card__compare-btn:hover {
  background-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 10px var(--clr-primary-light-op-20);
}
.slrs-product-card__affiliate-wrap {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--clr-text-op-3);
}
[data-theme=dark] .slrs-product-card__affiliate-wrap {
  border-top-color: var(--clr-text-muted-op-6);
}
.slrs-product-card__affiliate-btn {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #ea580c, #f97316);
  border: none;
  border-radius: 30px;
  color: #ffffff;
  font-family: var(--ff-heading);
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=dark] .slrs-product-card__affiliate-btn {
  background: linear-gradient(135deg, #c2410c, #ea580c);
}
.slrs-product-card__affiliate-btn i {
  font-size: 12px;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}
.slrs-product-card__affiliate-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.35);
  color: #ffffff;
}
[data-theme=dark] .slrs-product-card__affiliate-btn:hover {
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45);
}
.slrs-product-card__affiliate-btn:hover i {
  transform: translateX(4px) scale(1.1);
}

.slrs-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-lg);
  padding: 3px;
  transition: var(--transition-default);
}
[data-theme=dark] .slrs-view-toggle {
  background: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-10);
}
.slrs-view-toggle__btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--clr-text-muted);
  font-size: var(--ffs-sm);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-view-toggle__btn:hover {
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
}
.slrs-view-toggle__btn.is-active {
  background: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 4px 12px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-view-toggle__btn.is-active {
  background: var(--clr-primary-light);
  color: var(--clr-neutral-900);
}

.slrs-list-view {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 75em) {
  .slrs-list-view {
    gap: var(--space-base-20);
  }
}

@keyframes slrs-card-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.slrs-list-card {
  position: relative;
  display: flex;
  align-items: stretch;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-glass-op-20);
  z-index: 1;
}
[data-theme=dark] .slrs-list-card {
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 30px -10px rgba(0, 0, 0, 0.4);
}
.slrs-list-card:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 24px 48px -12px var(--clr-primary-op-15), inset 0 0 0 1px var(--clr-glass-op-60);
}
[data-theme=dark] .slrs-list-card:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 48px -12px rgba(0, 0, 0, 0.6);
}
.slrs-list-card:hover .slrs-list-card__media img {
  transform: scale(1.15) translateY(-6px) rotate(-2deg);
  filter: drop-shadow(0 20px 25px var(--clr-primary-op-30));
}
.slrs-list-card:hover .slrs-list-card__media::after {
  opacity: 1;
  background: radial-gradient(circle at 80% 20%, var(--clr-primary-op-10) 0%, transparent 60%);
}
.slrs-list-card:hover .slrs-list-card__view-btn {
  background: var(--clr-primary);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 6px 20px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-list-card:hover .slrs-list-card__view-btn {
  background: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 6px 20px var(--clr-primary-light-op-20);
}
.slrs-list-card:hover .slrs-list-card__view-btn i {
  transform: translateX(3px);
}
.slrs-list-card:hover .slrs-list-card__title a {
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: slrs-bg-pan 3s linear infinite;
}
.slrs-list-card:hover .slrs-list-card__affiliate-btn {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.3);
}
.slrs-list-card__media {
  position: relative;
  flex-shrink: 0;
  width: 200px;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  overflow: hidden;
  backdrop-filter: blur(10px);
}
[data-theme=dark] .slrs-list-card__media {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
  border-right-color: rgba(255, 255, 255, 0.05);
}
.slrs-list-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 75% 25%, var(--clr-primary-op-8) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.slrs-list-card__media img {
  max-width: 100%;
  max-height: 150px;
  object-fit: contain;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08));
}
.slrs-list-card__badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: var(--clr-primary-700);
  font-family: var(--ff-heading);
  font-size: 10px;
  font-weight: var(--fw-extrabold);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 3px 10px;
  border-radius: var(--radius-full);
  z-index: 3;
  box-shadow: 0 3px 10px var(--clr-primary-op-25);
}
.slrs-list-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 20px;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.slrs-list-card__brand {
  display: inline-block;
  align-self: flex-start;
  background: var(--clr-neutral-100);
  color: var(--clr-text-muted);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: var(--fw-bold);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
[data-theme=dark] .slrs-list-card__brand {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-list-card__brand i {
  display: none;
}
.slrs-list-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  line-height: 1.35;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-list-card__title a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-list-card__title a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-list-card__title a {
  color: #ffffff;
}
[data-theme=dark] .slrs-list-card__title a:hover {
  color: var(--clr-primary-light);
}
.slrs-list-card__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 0;
}
.slrs-list-card__spec-chip {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  background: var(--clr-surface-frost);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px 10px;
  font-family: var(--ff-body);
  font-size: 11px;
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
}
[data-theme=dark] .slrs-list-card__spec-chip {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
}
.slrs-list-card__spec-chip i {
  font-size: 12px;
  color: var(--clr-primary);
  flex-shrink: 0;
}
.slrs-list-card__spec-chip:hover {
  background: var(--clr-surface-void);
  border-color: var(--clr-neutral-200);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
[data-theme=dark] .slrs-list-card__spec-chip:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.slrs-list-card__actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
  padding: 16px 20px;
  min-width: 170px;
  border-left: 1px dashed var(--clr-text-op-5);
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-list-card__actions {
  border-left-color: var(--clr-text-muted-op-6);
}
.slrs-list-card__price {
  text-align: right;
  position: relative;
}
.slrs-list-card__price .price-label {
  display: block;
  font-family: var(--ff-body);
  font-size: 10px;
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--clr-text-muted);
  margin-bottom: 2px;
}
.slrs-list-card__price .price-value {
  display: block;
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-extrabold);
  line-height: 1.1;
  background: linear-gradient(135deg, var(--clr-text), var(--clr-primary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.5px;
}
[data-theme=dark] .slrs-list-card__price .price-value {
  background: linear-gradient(135deg, #ffffff, var(--clr-primary-light));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-list-card__price .price-old {
  display: block;
  font-size: var(--ffs-3xs);
  text-decoration: line-through;
  color: var(--clr-text-muted-op-70);
  margin-top: 2px;
}
.slrs-list-card__action-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}
.slrs-list-card__view-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  background: var(--clr-primary-op-8);
  border: 1px solid transparent;
  border-radius: 30px;
  color: var(--clr-primary);
  font-family: var(--ff-heading);
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
[data-theme=dark] .slrs-list-card__view-btn {
  background: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
.slrs-list-card__view-btn i {
  font-size: 10px;
  transition: transform 0.3s ease;
}
.slrs-list-card__view-btn:hover {
  background: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 6px 16px var(--clr-primary-op-30);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-list-card__view-btn:hover {
  background: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 6px 16px var(--clr-primary-light-op-25);
}
.slrs-list-card__view-btn:hover i {
  transform: translateX(3px);
}
.slrs-list-card__view-btn:active {
  transform: scale(0.95);
}
.slrs-list-card__compare-btn {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-primary-op-8);
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--clr-primary);
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
[data-theme=dark] .slrs-list-card__compare-btn {
  background-color: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
.slrs-list-card__compare-btn:hover {
  background-color: var(--clr-primary);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px var(--clr-primary-op-25);
}
[data-theme=dark] .slrs-list-card__compare-btn:hover {
  background-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 10px var(--clr-primary-light-op-20);
}
.slrs-list-card__affiliate-btn {
  display: inline-flex;
  justify-content: center;
  min-width: 140px;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #ea580c, #f97316);
  border: none;
  border-radius: 30px;
  color: #ffffff;
  font-family: var(--ff-heading);
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.2);
  transform-origin: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=dark] .slrs-list-card__affiliate-btn {
  background: linear-gradient(135deg, #c2410c, #ea580c);
}
.slrs-list-card__affiliate-btn i {
  font-size: 12px;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}
.slrs-list-card__affiliate-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.35);
  color: #ffffff;
}
[data-theme=dark] .slrs-list-card__affiliate-btn:hover {
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45);
}
.slrs-list-card__affiliate-btn:hover i {
  transform: translateX(4px) scale(1.1);
}
.slrs-list-card__affiliate-btn:active {
  transform: scale(0.96);
}
@media (max-width: 47.98em) {
  .slrs-list-card {
    flex-direction: column;
  }
  .slrs-list-card__media {
    width: 100%;
    min-height: 170px;
    max-height: 220px;
    border-right: none;
    border-bottom: 1px solid var(--clr-text-op-5);
  }
  [data-theme=dark] .slrs-list-card__media {
    border-right: none;
    border-bottom-color: var(--clr-text-muted-op-6);
  }
  .slrs-list-card::before {
    top: 0;
    bottom: auto;
    left: 20px;
    right: 20px;
    width: auto;
    height: 3px;
    border-radius: 0 0 4px 4px;
  }
  .slrs-list-card__content {
    padding: var(--space-base-16);
  }
  .slrs-list-card__actions {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    width: 100%;
    padding: var(--space-base-14) var(--space-base-16);
    border-left: none;
    border-top: 1px dashed var(--clr-text-op-5);
  }
  [data-theme=dark] .slrs-list-card__actions {
    border-left: none;
    border-top-color: var(--clr-text-muted-op-6);
  }
  .slrs-list-card__price {
    text-align: left;
  }
}
@media (max-width: 35.98em) {
  .slrs-list-card {
    border-radius: var(--radius-lg);
  }
  .slrs-list-card__media {
    min-height: 140px;
    padding: var(--space-base-16);
  }
  .slrs-list-card__media img {
    max-height: 120px;
  }
  .slrs-list-card__title {
    font-size: var(--ffs-base);
  }
  .slrs-list-card__spec-chip {
    padding: 4px 9px;
    font-size: 10px;
  }
  .slrs-list-card__spec-chip i {
    font-size: 11px;
  }
  .slrs-list-card__price .price-value {
    font-size: var(--ffs-lg);
  }
  .slrs-list-card__view-btn {
    padding: 8px 16px;
    font-size: 11px;
  }
  .slrs-list-card__affiliate-btn {
    padding: 8px 16px;
    font-size: 11px;
    min-width: 0;
    flex: 1;
  }
  .slrs-list-card__action-btns {
    gap: var(--space-base-6);
  }
}

@keyframes slrs-list-card-enter {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-list-view .slrs-list-card {
  animation: slrs-list-card-enter 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.slrs-list-view .slrs-list-card:nth-child(1) {
  animation-delay: 0.05s;
}
.slrs-list-view .slrs-list-card:nth-child(2) {
  animation-delay: 0.1s;
}
.slrs-list-view .slrs-list-card:nth-child(3) {
  animation-delay: 0.15s;
}
.slrs-list-view .slrs-list-card:nth-child(4) {
  animation-delay: 0.2s;
}
.slrs-list-view .slrs-list-card:nth-child(5) {
  animation-delay: 0.25s;
}
.slrs-list-view .slrs-list-card:nth-child(6) {
  animation-delay: 0.3s;
}
.slrs-list-view .slrs-list-card:nth-child(7) {
  animation-delay: 0.35s;
}
.slrs-list-view .slrs-list-card:nth-child(8) {
  animation-delay: 0.4s;
}
.slrs-list-view .slrs-list-card:nth-child(9) {
  animation-delay: 0.45s;
}
.slrs-list-view .slrs-list-card:nth-child(10) {
  animation-delay: 0.5s;
}
.slrs-list-view .slrs-list-card:nth-child(11) {
  animation-delay: 0.55s;
}
.slrs-list-view .slrs-list-card:nth-child(12) {
  animation-delay: 0.6s;
}

.slrs-category-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-8);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
  box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .slrs-category-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}
.slrs-category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: radial-gradient(circle at 50% 120%, var(--clr-primary-op-15), transparent 70%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 0;
}
.slrs-category-card:hover {
  transform: translateY(-5px);
  border-color: var(--clr-primary-op-35);
  box-shadow: 0 15px 35px -10px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-category-card:hover {
  border-color: var(--clr-primary-light-op-25);
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.5);
}
.slrs-category-card:hover::before {
  opacity: 1;
}
.slrs-category-card:hover .slrs-category-card__media img {
  transform: scale(1.1);
}
.slrs-category-card:hover .slrs-category-card__title {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-category-card:hover .slrs-category-card__title {
  color: var(--clr-primary-light);
}
.slrs-category-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  z-index: 1;
}
.slrs-category-card__media img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.06));
}
[data-theme=dark] .slrs-category-card__media img {
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}
.slrs-category-card__media--brand-logo {
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}
.slrs-category-card__media--brand-logo img {
  max-width: 90%;
  max-height: 90%;
}
[data-theme=dark] .slrs-category-card__media--brand-logo img {
  filter: none;
}
.slrs-category-card__content {
  position: relative;
  z-index: 1;
  width: 100%;
}
.slrs-category-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin: 0;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-category-card__title {
  color: #ffffff;
}
.slrs-category-card__badge {
  display: inline-block;
  margin-top: 8px;
  background: var(--clr-text-op-5);
  color: var(--clr-text-muted);
  font-family: var(--ff-body);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
[data-theme=dark] .slrs-category-card__badge {
  background: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-80);
}

.slrs-cat-explore-banner {
  padding: 40px 30px;
  border-radius: 24px;
  text-align: center;
  margin-top: var(--space-base-48);
  margin-bottom: var(--space-base-48);
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-24);
  text-decoration: none !important;
}
@media (min-width: 48em) {
  .slrs-cat-explore-banner {
    flex-direction: row;
    text-align: left;
  }
}
@media (min-width: 48em) {
  .slrs-cat-explore-banner--centered {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-cat-explore-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.15), transparent 60%);
  pointer-events: none;
  z-index: -1;
}
.slrs-cat-explore-banner__icon {
  width: 120px;
  height: 120px;
  font-size: var(--ffs-5xl);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  object-fit: cover;
}
.slrs-cat-explore-banner__content {
  flex: 1;
}
.slrs-cat-explore-banner__title {
  margin-bottom: 12px;
  font-weight: var(--fw-extrabold);
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.slrs-cat-explore-banner__desc {
  margin-bottom: 0;
  font-size: var(--ffs-md);
  opacity: 0.9;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  max-width: 800px;
  margin-inline: auto;
}
@media (min-width: 48em) {
  .slrs-cat-explore-banner__desc {
    margin-inline: 0;
  }
}
.slrs-cat-explore-banner__btn {
  display: inline-block;
  padding: 12px 32px;
  font-weight: var(--fw-bold);
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.slrs-cat-explore-banner__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.slrs-cat-explore-banner {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  box-shadow: 0 12px 36px -12px var(--clr-primary-op-40), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
[data-theme=dark] .slrs-cat-explore-banner {
  box-shadow: 0 12px 36px -12px var(--clr-primary-op-30), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.slrs-cat-explore-banner__icon {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.slrs-cat-explore-banner__title {
  color: #ffffff;
}
.slrs-cat-explore-banner__btn {
  background: rgba(255, 255, 255, 0.95);
  color: var(--clr-primary);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.slrs-cat-explore-banner__btn:hover {
  background: #ffffff;
}

.slrs-brand-explore-banner {
  padding: 40px 30px;
  border-radius: 24px;
  text-align: center;
  margin-top: var(--space-base-48);
  margin-bottom: var(--space-base-48);
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-24);
  text-decoration: none !important;
}
@media (min-width: 48em) {
  .slrs-brand-explore-banner {
    flex-direction: row;
    text-align: left;
  }
}
@media (min-width: 48em) {
  .slrs-brand-explore-banner--centered {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-brand-explore-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.15), transparent 60%);
  pointer-events: none;
  z-index: -1;
}
.slrs-brand-explore-banner__icon {
  width: 120px;
  height: 120px;
  font-size: var(--ffs-5xl);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  object-fit: cover;
}
.slrs-brand-explore-banner__content {
  flex: 1;
}
.slrs-brand-explore-banner__title {
  margin-bottom: 12px;
  font-weight: var(--fw-extrabold);
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.slrs-brand-explore-banner__desc {
  margin-bottom: 0;
  font-size: var(--ffs-md);
  opacity: 0.9;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  max-width: 800px;
  margin-inline: auto;
}
@media (min-width: 48em) {
  .slrs-brand-explore-banner__desc {
    margin-inline: 0;
  }
}
.slrs-brand-explore-banner__btn {
  display: inline-block;
  padding: 12px 32px;
  font-weight: var(--fw-bold);
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.slrs-brand-explore-banner__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.slrs-brand-explore-banner {
  background: linear-gradient(135deg, var(--clr-text) 0%, var(--clr-smoke-op-80) 100%);
  box-shadow: 0 12px 36px -12px var(--clr-smoke-op-40), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
[data-theme=dark] .slrs-brand-explore-banner {
  background: linear-gradient(135deg, var(--clr-smoke-op-80) 0%, var(--clr-smoke-op-60) 100%);
  box-shadow: 0 12px 36px -12px var(--clr-smoke-op-100), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.slrs-brand-explore-banner__icon {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.slrs-brand-explore-banner__title {
  color: #ffffff;
}
.slrs-brand-explore-banner__btn {
  background: rgba(255, 255, 255, 0.95);
  color: var(--clr-text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.slrs-brand-explore-banner__btn:hover {
  background: #ffffff;
  color: var(--clr-text);
}

.slrs-brand-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  background: var(--clr-neutral-50);
  border: 1px solid var(--clr-primary-op-6);
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.04);
  height: 100%;
  overflow: hidden;
}
[data-theme=dark] .slrs-brand-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-brand-card:hover {
  transform: translateY(-5px) scale(1.02);
  border-color: var(--clr-primary-op-30);
  box-shadow: 0 15px 35px -10px var(--clr-primary-op-15);
  background: var(--clr-primary-op-4);
}
[data-theme=dark] .slrs-brand-card:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--clr-primary-light-op-25);
}
.slrs-brand-card:hover .slrs-brand-card__logo {
  transform: scale(1.1);
  box-shadow: 0 10px 25px -5px var(--clr-primary-op-20);
}
.slrs-brand-card:hover .slrs-brand-card__name {
  color: var(--clr-primary);
}
.slrs-brand-card:hover .slrs-brand-card__arrow {
  opacity: 1;
  transform: translateX(0);
}
.slrs-brand-card__logo {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 16px;
  margin-bottom: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-brand-card__logo img {
  max-width: 44px;
  max-height: 44px;
  object-fit: contain;
}
.slrs-brand-card__logo i {
  font-size: 28px;
  color: var(--clr-primary);
}
.slrs-brand-card__name {
  font-family: var(--ff-heading);
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: 4px;
  transition: color 0.3s ease;
}
[data-theme=dark] .slrs-brand-card__name {
  color: #ffffff;
}
.slrs-brand-card__count {
  font-size: 13px;
  color: var(--clr-text-muted);
  font-weight: 500;
}
.slrs-brand-card__arrow {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--clr-primary-op-8);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.slrs-filter-drawer {
  position: fixed;
  inset: 0;
  z-index: 1060;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s 0.4s;
}
.slrs-filter-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.slrs-filter-drawer.is-open .slrs-filter-drawer__overlay {
  opacity: 1;
}
.slrs-filter-drawer.is-open .slrs-filter-drawer__panel {
  transform: translateX(0);
}
.slrs-filter-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
  backdrop-filter: blur(4px);
}
.slrs-filter-drawer__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 380px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(255, 255, 255, 0.2);
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
[data-theme=dark] .slrs-filter-drawer__panel {
  background: rgba(17, 17, 17, 0.85);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.slrs-filter-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--clr-text-op-10);
}
.slrs-filter-drawer__header h3 {
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  margin: 0;
  color: var(--clr-text);
  display: flex;
  align-items: center;
  gap: 10px;
}
.slrs-filter-drawer__header h3 i {
  color: var(--clr-primary);
}
.slrs-filter-drawer__close {
  background: transparent;
  border: none;
  color: var(--clr-text-muted);
  font-size: 20px;
  cursor: pointer;
  padding: 5px;
  transition: color 0.3s;
}
.slrs-filter-drawer__close:hover {
  color: var(--clr-danger);
}
.slrs-filter-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
}
.slrs-filter-drawer__body::-webkit-scrollbar {
  width: 6px;
}
.slrs-filter-drawer__body::-webkit-scrollbar-thumb {
  background: var(--clr-text-op-10);
  border-radius: 10px;
}
.slrs-filter-drawer__body .slrs-filter-section {
  margin-bottom: var(--space-base-20);
}
.slrs-filter-drawer__body .slrs-filter-section__title {
  font-weight: var(--fw-bold);
  margin-bottom: 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-text-muted);
  font-weight: var(--fw-semibold);
}
.slrs-filter-drawer__body .slrs-filter-section__options {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.slrs-filter-drawer__body .slrs-filter-section__options--scrollable {
  max-height: 200px;
  overflow-y: auto;
  align-content: flex-start;
  padding-right: 4px;
}
.slrs-filter-drawer__body .form-switch {
  padding-left: 0 !important;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.slrs-filter-drawer__body .form-switch .form-check-input {
  width: 44px;
  height: 24px;
  margin-left: 0;
  margin-top: 0;
  background-color: var(--clr-text-op-15);
  border: none;
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
  background-image: none !important;
}
.slrs-filter-drawer__body .form-switch .form-check-input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.25, 1.5, 0.5, 1);
}
.slrs-filter-drawer__body .form-switch .form-check-input:checked {
  background-color: #34C759 !important;
  border-color: #34C759 !important;
  background-image: none !important;
}
.slrs-filter-drawer__body .form-switch .form-check-input:checked::after {
  transform: translate(20px, -50%);
}
.slrs-filter-drawer__body .form-switch .form-check-label {
  font-weight: var(--fw-bold);
  font-size: var(--ffs-sm);
  cursor: pointer;
  margin-left: 0 !important;
  padding-top: 0 !important;
}
.slrs-filter-drawer__footer {
  padding: 16px 20px;
  border-top: 1px solid var(--clr-text-op-10);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.slrs-filter-drawer__footer .btn-reset {
  background: var(--clr-text-op-5);
  color: var(--clr-text);
  border: none;
  padding: 10px;
  border-radius: 20px;
  font-weight: var(--fw-semibold);
  transition: background 0.3s;
}
.slrs-filter-drawer__footer .btn-reset:hover {
  background: var(--clr-text-op-10);
}
.slrs-filter-drawer__footer .btn-apply {
  background: var(--clr-primary);
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 20px;
  font-weight: var(--fw-semibold);
  box-shadow: 0 4px 10px var(--clr-primary-op-35);
  transition: transform 0.3s;
}
.slrs-filter-drawer__footer .btn-apply:hover {
  transform: translateY(-2px);
}

.slrs-filter-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.slrs-filter-check__input {
  display: none;
}
.slrs-filter-check__box {
  display: none;
}
.slrs-filter-check__label {
  background: var(--clr-text-op-5);
  border: 1px solid var(--clr-text-op-8);
  color: var(--clr-text);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: var(--fw-medium);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-origin: center;
}
[data-theme=dark] .slrs-filter-check__label {
  background: var(--clr-text-muted-op-10);
  border-color: transparent;
}
.slrs-filter-check__label:hover {
  background: var(--clr-text-op-10);
  transform: translateY(-1px);
}
[data-theme=dark] .slrs-filter-check__label:hover {
  background: var(--clr-text-muted-op-20);
}
.slrs-filter-check__input:checked ~ .slrs-filter-check__label {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #fff;
  font-weight: var(--fw-semibold);
  transform: scale(0.96);
  box-shadow: 0 4px 12px var(--clr-primary-op-35);
}
[data-theme=dark] .slrs-filter-check__input:checked ~ .slrs-filter-check__label {
  background: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 12px var(--clr-primary-light-op-20);
}

.slrs-quick-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 20px;
  scrollbar-width: none;
}
.slrs-quick-filters::-webkit-scrollbar {
  display: none;
}
.slrs-quick-filters__label {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  margin-right: 8px;
}
.slrs-quick-filters__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2));
  background-origin: border-box;
  background-clip: border-box;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: var(--clr-text);
  padding: 8px 20px;
  border-radius: 30px;
  font-family: var(--ff-heading);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 35.98em) {
  .slrs-quick-filters__pill {
    padding: 6px 14px;
    font-size: 11px;
    gap: 6px;
  }
}
.slrs-quick-filters__pill {
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  user-select: none;
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-quick-filters__pill {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: var(--clr-text-muted);
}
.slrs-quick-filters__pill input[type=checkbox] {
  display: none;
}
.slrs-quick-filters__pill:hover {
  transform: translateY(-2px);
  background: linear-gradient(145deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.6));
  border-color: rgba(var(--clr-primary-rgb), 0.5);
  color: var(--clr-primary);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .slrs-quick-filters__pill:hover {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));
  color: var(--clr-primary-light);
  border-color: rgba(var(--clr-primary-light-rgb), 0.5);
}
.slrs-quick-filters__pill.is-active, .slrs-quick-filters__pill:has(input[type=checkbox]:checked) {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-accent));
  background-origin: border-box;
  background-clip: border-box;
  border-color: transparent;
  color: #ffffff;
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 8px 20px rgba(var(--clr-primary-rgb), 0.4), inset 0 2px 5px rgba(255, 255, 255, 0.3);
  padding-left: 14px;
}
.slrs-quick-filters__pill.is-active::before, .slrs-quick-filters__pill:has(input[type=checkbox]:checked)::before {
  content: "✓";
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 900;
  display: inline-flex;
  font-size: 14px;
  color: #fff;
  animation: slrs-pill-check 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
[data-theme=dark] .slrs-quick-filters__pill.is-active, [data-theme=dark] .slrs-quick-filters__pill:has(input[type=checkbox]:checked) {
  background: linear-gradient(135deg, var(--clr-primary-light), var(--clr-accent));
  color: var(--clr-bg);
  box-shadow: 0 8px 20px rgba(var(--clr-primary-rgb), 0.5);
}
[data-theme=dark] .slrs-quick-filters__pill.is-active::before, [data-theme=dark] .slrs-quick-filters__pill:has(input[type=checkbox]:checked)::before {
  color: var(--clr-bg);
}

@keyframes slrs-pill-check {
  from {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
    width: 0;
    margin-right: 0;
  }
  to {
    transform: scale(1) rotate(0deg);
    opacity: 1;
    width: auto;
    margin-right: 2px;
  }
}
.slrs-filter-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--clr-surface-frost);
  border: 1px solid transparent;
  color: var(--clr-text);
  padding: 10px 20px;
  border-radius: 30px;
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}
[data-theme=dark] .slrs-filter-toggle-btn {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
  color: var(--clr-text-muted);
}
.slrs-filter-toggle-btn:hover {
  background: var(--clr-surface-void);
  border-color: var(--clr-neutral-200);
  color: var(--clr-text);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .slrs-filter-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.15);
}
.slrs-filter-toggle-btn i {
  font-size: 18px;
  color: inherit;
  transition: transform 0.3s;
}
.slrs-filter-toggle-btn:hover i {
  transform: scale(1.1);
}
@media (max-width: 35.98em) {
  .slrs-filter-toggle-btn {
    padding: 8px 16px;
    font-size: var(--ffs-xs);
    gap: 6px;
  }
  .slrs-filter-toggle-btn i {
    font-size: 16px;
  }
}

.slrs-shop-drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-modal, 1050);
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s 0.35s;
}
.slrs-shop-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(15, 23, 42, 0.55);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  pointer-events: none;
}
.slrs-shop-drawer-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 400px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.75);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-shop-drawer-panel {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-shop-drawer-panel {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.slrs-shop-drawer-panel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.slrs-shop-drawer--left .slrs-shop-drawer-panel {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transform: translate3d(-100%, 0, 0);
}
.slrs-shop-drawer--left .slrs-shop-drawer-panel::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  z-index: 10;
}
.slrs-shop-drawer--left .slrs-shop-drawer-panel::after {
  box-shadow: 4px 0 20px rgba(15, 23, 42, 0.08), 12px 0 50px rgba(15, 23, 42, 0.12);
}
.slrs-shop-drawer--right .slrs-shop-drawer-panel {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  transform: translate3d(100%, 0, 0);
}
.slrs-shop-drawer--right .slrs-shop-drawer-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--clr-primary), var(--clr-accent));
  z-index: 10;
}
.slrs-shop-drawer--right .slrs-shop-drawer-panel::after {
  box-shadow: -4px 0 20px rgba(15, 23, 42, 0.08), -12px 0 50px rgba(15, 23, 42, 0.12);
}
.slrs-shop-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-drawer-header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-drawer-header {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-shop-drawer-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.slrs-shop-drawer-header .slrs-sidebar-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg, 18px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin: 0;
  display: flex;
  align-items: center;
}
.slrs-shop-drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.03);
  color: var(--clr-text);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-full, 50%);
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-shop-drawer-close:hover {
  background-color: var(--clr-accent);
  border-color: transparent;
  color: var(--clr-neutral-900);
  transform: rotate(180deg) scale(1.08);
  box-shadow: 0 4px 12px var(--clr-accent-op-35);
}
.slrs-shop-drawer-close:active {
  transform: rotate(180deg) scale(0.95);
}
.slrs-shop-drawer-body {
  flex: 1;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-drawer-body {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-drawer-body {
    padding: var(--space-base-28);
  }
}
.slrs-shop-drawer-body {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-drawer-body {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-drawer-body {
    gap: var(--space-base-20);
  }
}
.slrs-shop-drawer-body::-webkit-scrollbar {
  width: 5px;
}
.slrs-shop-drawer-body::-webkit-scrollbar-track {
  background: var(--clr-neutral-100);
}
.slrs-shop-drawer-body::-webkit-scrollbar-thumb {
  background: var(--clr-neutral-300);
  border-radius: var(--radius-xs);
}
.slrs-shop-drawer-body::-webkit-scrollbar-thumb:hover {
  background: var(--clr-neutral-400);
}
.slrs-shop-drawer-body {
  scrollbar-width: thin;
  scrollbar-color: var(--clr-neutral-300) var(--clr-neutral-100);
}
.slrs-shop-drawer-footer {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-drawer-footer {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-drawer-footer {
    padding: var(--space-base-28);
  }
}
.slrs-shop-drawer-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.slrs-shop-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s 0s;
}
.slrs-shop-drawer.is-open .slrs-shop-drawer-overlay {
  opacity: 1;
  pointer-events: auto;
}
.slrs-shop-drawer.is-open .slrs-shop-drawer-panel {
  transform: translate3d(0, 0, 0);
}
.slrs-shop-drawer.is-open .slrs-shop-drawer-panel::after {
  opacity: 1;
}

[data-theme=dark] .slrs-shop-drawer-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}
[data-theme=dark] .slrs-shop-drawer-panel {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .slrs-shop-drawer-panel::after {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .slrs-shop-drawer-header {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-shop-drawer-header .slrs-sidebar-title {
  color: #ffffff;
}
[data-theme=dark] .slrs-shop-drawer-close {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
[data-theme=dark] .slrs-shop-drawer-close:hover {
  background-color: var(--clr-accent);
  color: var(--clr-neutral-900);
}
[data-theme=dark] .slrs-shop-drawer-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .slrs-shop-drawer-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .slrs-shop-drawer-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
[data-theme=dark] .slrs-shop-drawer-footer {
  border-top-color: rgba(255, 255, 255, 0.06);
}

@keyframes slrs-cart-item-enter {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.slrs-shop-drawer .slrs-sidebar-cart-item,
.slrs-shop-drawer .slrs-sidebar-wishlist-item {
  opacity: 0;
  transform: translate3d(20px, 0, 0);
}

.slrs-shop-drawer.is-open .slrs-sidebar-cart-item,
.slrs-shop-drawer.is-open .slrs-sidebar-wishlist-item {
  animation: slrs-cart-item-enter 0.35s ease forwards;
}

.slrs-shop-drawer.is-open .slrs-sidebar-cart-item:nth-child(1) {
  animation-delay: 0.12s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-cart-item:nth-child(2) {
  animation-delay: 0.2s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-cart-item:nth-child(3) {
  animation-delay: 0.28s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-cart-item:nth-child(4) {
  animation-delay: 0.36s;
}

.slrs-shop-drawer.is-open .slrs-sidebar-wishlist-item:nth-child(1) {
  animation-delay: 0.12s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-wishlist-item:nth-child(2) {
  animation-delay: 0.2s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-wishlist-item:nth-child(3) {
  animation-delay: 0.28s;
}
.slrs-shop-drawer.is-open .slrs-sidebar-wishlist-item:nth-child(4) {
  animation-delay: 0.36s;
}

@keyframes slrs-btn-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes slrs-checkout-pulse {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.25);
  }
  50% {
    box-shadow: 0 6px 25px rgba(var(--clr-primary-rgb)/0.4);
  }
}
.slrs-cart-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: var(--fw-black, 900);
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  color: #fff;
  margin-left: 8px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.slrs-sidebar-cart-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-cart-items {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-items {
    gap: var(--space-base-20);
  }
}

.slrs-sidebar-cart-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-cart-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-item {
    gap: var(--space-base-20);
  }
}
.slrs-sidebar-cart-item {
  position: relative;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-cart-item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-item {
    padding: var(--space-base-20);
  }
}
.slrs-sidebar-cart-item {
  border-radius: var(--radius-xl, 18px);
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-sidebar-cart-item {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-sidebar-cart-item {
  transition: border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}
.slrs-sidebar-cart-item:hover {
  border-color: rgba(var(--clr-primary-rgb)/0.15);
  box-shadow: 0 8px 24px rgba(var(--clr-primary-rgb)/0.06);
  background: rgba(0, 0, 0, 0.025);
}
[data-theme=dark] .slrs-sidebar-cart-item {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-sidebar-cart-item:hover {
  border-color: rgba(74, 222, 128, 0.18);
  box-shadow: 0 8px 24px rgba(74, 222, 128, 0.06);
  background: rgba(255, 255, 255, 0.03);
}
.slrs-sidebar-cart-item__media {
  width: 72px;
  height: 72px;
  border-radius: var(--radius-lg, 14px);
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--clr-neutral-100);
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-sidebar-cart-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.slrs-sidebar-cart-item:hover .slrs-sidebar-cart-item__media img {
  transform: scale(1.08);
}
[data-theme=dark] .slrs-sidebar-cart-item__media {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
}
.slrs-sidebar-cart-item__content {
  flex-grow: 1;
  min-width: 0;
}
.slrs-sidebar-cart-item__content h5 {
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  margin-bottom: 4px;
  line-height: var(--lh-tight);
}
.slrs-sidebar-cart-item__content h5 a {
  color: var(--clr-text);
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: color 0.3s ease, background-size 0.35s ease;
}
.slrs-sidebar-cart-item__content h5 a:hover {
  color: var(--clr-primary);
  background-size: 100% 1.5px;
}
[data-theme=dark] .slrs-sidebar-cart-item__content h5 a {
  color: #ffffff;
}
[data-theme=dark] .slrs-sidebar-cart-item__content h5 a:hover {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-item__content .price {
  display: block;
  font-size: var(--ffs-xs, 13px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-primary);
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
[data-theme=dark] .slrs-sidebar-cart-item__content .price {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-item__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(239, 68, 68, 0.04);
  border: 1px solid rgba(239, 68, 68, 0.08);
  border-radius: var(--radius-full, 50%);
  color: var(--clr-text-muted);
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-sidebar-cart-item__remove {
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-sidebar-cart-item__remove {
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}
.slrs-sidebar-cart-item__remove:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.25);
  color: #ef4444;
  transform: scale(1.12) rotate(8deg);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
}
.slrs-sidebar-cart-item__remove:active {
  transform: scale(0.95);
}
[data-theme=dark] .slrs-sidebar-cart-item__remove {
  background: rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.1);
}
[data-theme=dark] .slrs-sidebar-cart-item__remove:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}

.slrs-sidebar-wishlist-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-wishlist-items {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-wishlist-items {
    gap: var(--space-base-20);
  }
}

.slrs-sidebar-wishlist-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-wishlist-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-wishlist-item {
    gap: var(--space-base-20);
  }
}
.slrs-sidebar-wishlist-item {
  position: relative;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sidebar-wishlist-item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-wishlist-item {
    padding: var(--space-base-20);
  }
}
.slrs-sidebar-wishlist-item {
  border-radius: var(--radius-xl, 18px);
  background: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}
.slrs-sidebar-wishlist-item:hover {
  border-color: rgba(var(--clr-primary-rgb), 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
  background: rgba(0, 0, 0, 0.025);
}
[data-theme=dark] .slrs-sidebar-wishlist-item {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-sidebar-wishlist-item:hover {
  border-color: rgba(74, 222, 128, 0.18);
  background: rgba(255, 255, 255, 0.03);
}
.slrs-sidebar-wishlist-item__media {
  width: 72px;
  height: 72px;
  border-radius: var(--radius-lg, 14px);
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--clr-neutral-100);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease;
}
.slrs-sidebar-wishlist-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.slrs-sidebar-wishlist-item__media:hover img {
  transform: scale(1.08);
}
[data-theme=dark] .slrs-sidebar-wishlist-item__media {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-sidebar-wishlist-item__content {
  flex-grow: 1;
  min-width: 0;
}
.slrs-sidebar-wishlist-item__content h5 {
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  margin-bottom: 4px;
  line-height: var(--lh-tight);
}
.slrs-sidebar-wishlist-item__content h5 a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-sidebar-wishlist-item__content h5 a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-sidebar-wishlist-item__content h5 a {
  color: #ffffff;
}
[data-theme=dark] .slrs-sidebar-wishlist-item__content h5 a:hover {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-wishlist-item__content .price {
  display: block;
  font-size: var(--ffs-xs, 13px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-primary);
  margin-bottom: 8px;
}
[data-theme=dark] .slrs-sidebar-wishlist-item__content .price {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-wishlist-item__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.slrs-sidebar-wishlist-item .sidebar-wishlist-add-to-cart {
  background: transparent;
  border: 1px solid var(--clr-primary-op-25);
  color: var(--clr-primary);
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slrs-sidebar-wishlist-item .sidebar-wishlist-add-to-cart i {
  margin-right: 3px;
}
.slrs-sidebar-wishlist-item .sidebar-wishlist-add-to-cart:hover {
  background-color: var(--clr-primary);
  color: #ffffff;
  border-color: transparent;
  transform: translateY(-1px);
}
[data-theme=dark] .slrs-sidebar-wishlist-item .sidebar-wishlist-add-to-cart {
  border-color: rgba(74, 222, 128, 0.25);
  color: var(--clr-primary-dark);
}
[data-theme=dark] .slrs-sidebar-wishlist-item .sidebar-wishlist-add-to-cart:hover {
  background-color: var(--clr-primary-dark);
  color: var(--clr-neutral-900);
}
.slrs-sidebar-wishlist-item__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(239, 68, 68, 0.04);
  border: 1px solid rgba(239, 68, 68, 0.08);
  border-radius: 50%;
  color: var(--clr-text-muted);
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.slrs-sidebar-wishlist-item__remove:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.25);
  color: #ef4444;
  transform: scale(1.1) rotate(6deg);
}
[data-theme=dark] .slrs-sidebar-wishlist-item__remove {
  background: rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.1);
}
[data-theme=dark] .slrs-sidebar-wishlist-item__remove:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}

.slrs-sidebar-cart-summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-sidebar-cart-summary {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-summary {
    gap: var(--space-base-28);
  }
}
.slrs-sidebar-cart-summary {
  width: 100%;
}
.slrs-sidebar-cart-summary::before {
  content: "";
  display: block;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 50%, transparent 100%);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-summary::before {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-sidebar-cart-summary .subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-md, 16px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
}
.slrs-sidebar-cart-summary .subtotal .amount {
  color: var(--clr-primary);
  font-size: var(--ffs-xl, 22px);
  font-weight: var(--fw-black, 900);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
[data-theme=dark] .slrs-sidebar-cart-summary .subtotal {
  color: #ffffff;
}
[data-theme=dark] .slrs-sidebar-cart-summary .subtotal .amount {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-summary .slrs-cart-progress-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
}
.slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-message {
  font-size: 13px;
  color: var(--clr-text);
  font-weight: var(--fw-semibold, 600);
}
.slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-message strong {
  color: var(--clr-primary);
  font-weight: var(--fw-bold, 700);
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-message {
  color: #ffffff;
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-message strong {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-bar-container {
  width: 100%;
  height: 6px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  overflow: hidden;
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-bar-container {
  background: rgba(255, 255, 255, 0.08);
}
.slrs-sidebar-cart-summary .slrs-cart-progress-wrap .progress-bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  border-radius: 100px;
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slrs-sidebar-cart-summary .slrs-cart-helper-text {
  font-size: 12px;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(var(--clr-primary-rgb)/0.04);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.08);
  border-radius: var(--radius-lg, 12px);
}
.slrs-sidebar-cart-summary .slrs-cart-helper-text i {
  color: var(--clr-primary);
  font-size: 14px;
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-helper-text {
  background: rgba(74, 222, 128, 0.04);
  border-color: rgba(74, 222, 128, 0.08);
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-helper-text i {
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-summary .slrs-cart-cta-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-sidebar-cart-summary .slrs-cart-cta-group {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-sidebar-cart-summary .slrs-cart-cta-group {
    gap: var(--space-base-16);
  }
}
.slrs-sidebar-cart-summary .slrs-cart-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 20px;
  border-radius: var(--radius-xl, 14px);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.02em;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.slrs-sidebar-cart-summary .slrs-cart-cta:active {
  transform: scale(0.97);
}
.slrs-sidebar-cart-summary .slrs-cart-cta--outline {
  background: rgba(0, 0, 0, 0.015);
  border: 1.5px solid rgba(0, 0, 0, 0.08);
  color: var(--clr-text);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-sidebar-cart-summary .slrs-cart-cta--outline {
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-sidebar-cart-summary .slrs-cart-cta--outline:hover {
  background: rgba(var(--clr-primary-rgb)/0.06);
  border-color: rgba(var(--clr-primary-rgb)/0.2);
  color: var(--clr-primary);
  box-shadow: 0 4px 16px rgba(var(--clr-primary-rgb)/0.08);
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-cta--outline {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-cta--outline:hover {
  background: rgba(74, 222, 128, 0.06);
  border-color: rgba(74, 222, 128, 0.2);
  color: var(--clr-primary-dark);
}
.slrs-sidebar-cart-summary .slrs-cart-cta--solid {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(var(--clr-primary-rgb)/0.25);
  position: relative;
  overflow: hidden;
  animation: slrs-checkout-pulse 3s ease-in-out infinite;
}
.slrs-sidebar-cart-summary .slrs-cart-cta--solid::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.15) 50%, transparent 70%);
  background-size: 200% 100%;
  animation: slrs-btn-shimmer 4s ease-in-out infinite;
  pointer-events: none;
  border-radius: inherit;
}
.slrs-sidebar-cart-summary .slrs-cart-cta--solid:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(var(--clr-primary-rgb)/0.35);
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-cta--solid {
  box-shadow: 0 4px 15px rgba(74, 222, 128, 0.2);
}
[data-theme=dark] .slrs-sidebar-cart-summary .slrs-cart-cta--solid:hover {
  box-shadow: 0 8px 25px rgba(74, 222, 128, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-sidebar-cart-item,
  .slrs-sidebar-cart-item__media img,
  .slrs-sidebar-cart-item__remove,
  .slrs-sidebar-wishlist-item,
  .slrs-sidebar-wishlist-item__media img,
  .slrs-sidebar-wishlist-item__remove,
  .slrs-cart-cta {
    transition: none !important;
    animation: none !important;
  }
}
.quantity-control {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  overflow: hidden;
  height: 30px;
  max-width: 96px;
  background: rgba(0, 0, 0, 0.015);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .quantity-control {
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.quantity-control {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.quantity-control:hover {
  border-color: rgba(var(--clr-primary-rgb)/0.15);
  box-shadow: 0 2px 10px rgba(var(--clr-primary-rgb)/0.06);
}
[data-theme=dark] .quantity-control {
  border-color: rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}
[data-theme=dark] .quantity-control:hover {
  border-color: rgba(74, 222, 128, 0.15);
  box-shadow: 0 2px 10px rgba(74, 222, 128, 0.06);
}
.quantity-control .qty-btn {
  width: 28px;
  height: 100%;
  background: transparent;
  border: none;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 9px;
  border-radius: 50px;
  transition: background 0.25s ease, color 0.25s ease;
}
.quantity-control .qty-btn:hover {
  background: rgba(var(--clr-primary-rgb)/0.08);
  color: var(--clr-primary);
}
.quantity-control .qty-btn:active {
  background: rgba(var(--clr-primary-rgb)/0.14);
}
[data-theme=dark] .quantity-control .qty-btn {
  color: #94a3b8;
}
[data-theme=dark] .quantity-control .qty-btn:hover {
  background: rgba(74, 222, 128, 0.08);
  color: var(--clr-primary-dark);
}
[data-theme=dark] .quantity-control .qty-btn:active {
  background: rgba(74, 222, 128, 0.14);
}
.quantity-control .qty-input {
  width: 34px;
  height: 100%;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: var(--ffs-3xs, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  background: transparent;
  font-variant-numeric: tabular-nums;
}
[data-theme=dark] .quantity-control .qty-input {
  border-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.slrs-cart-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cart-steps {
    gap: var(--space-base-10);
  }
}
.slrs-cart-steps {
  margin-block-end: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cart-steps {
    margin-block-end: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cart-steps {
    margin-block-end: var(--space-base-40);
  }
}
.slrs-cart-steps__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cart-steps__item {
    gap: var(--space-base-10);
  }
}
.slrs-cart-steps__item {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  transition: var(--transition-default);
}
.slrs-cart-steps__item.is-active {
  color: var(--clr-primary);
  font-weight: var(--fw-bold);
}
.slrs-cart-steps__item.is-done {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-cart-steps__item {
  color: var(--clr-text-muted-op-60);
}
[data-theme=dark] .slrs-cart-steps__item.is-active {
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-cart-steps__item.is-done {
  color: var(--clr-primary-light);
}
.slrs-cart-steps__icon {
  width: var(--size-sm);
  height: var(--size-sm);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-3xs);
  background-color: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted);
  transition: var(--transition-default);
  flex-shrink: 0;
}
.is-active .slrs-cart-steps__icon {
  background-color: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 4px 14px var(--clr-primary-op-30);
}
.is-done .slrs-cart-steps__icon {
  background-color: var(--clr-primary-op-15);
  color: var(--clr-primary);
}
[data-theme=dark] .is-active .slrs-cart-steps__icon {
  background-color: var(--clr-primary-light);
  color: var(--clr-primary-900);
}
[data-theme=dark] .is-done .slrs-cart-steps__icon {
  background-color: var(--clr-primary-light-op-15);
  color: var(--clr-primary-light);
}
.slrs-cart-steps__connector {
  width: var(--space-base-36);
  height: 2px;
  background-color: var(--clr-text-muted-op-15);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}
.slrs-cart-steps__connector.is-done {
  background-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-cart-steps__connector {
  background-color: var(--clr-text-muted-op-10);
}
[data-theme=dark] .slrs-cart-steps__connector.is-done {
  background-color: var(--clr-primary-light-op-30);
}
@media (max-width: 35.98em) {
  .slrs-cart-steps {
    gap: var(--space-base-4);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-cart-steps {
    gap: var(--space-base-6);
  }
}
@media (max-width: 35.98em) {
  .slrs-cart-steps__label {
    display: none;
  }
  .slrs-cart-steps__connector {
    width: var(--space-base-20);
  }
}
.slrs-cart-steps--premium {
  position: relative;
  max-width: 600px;
  margin: 0 auto var(--space-base-32) auto;
  justify-content: space-between;
  padding: var(--space-base-12) var(--space-base-24);
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-full);
  box-shadow: 0 4px 20px var(--clr-text-op-4);
}
[data-theme=dark] .slrs-cart-steps--premium {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-cart-steps--premium .slrs-cart-steps__line {
  position: absolute;
  top: 50%;
  left: var(--space-base-32);
  right: var(--space-base-32);
  height: 3px;
  transform: translateY(-50%);
  background-color: var(--clr-text-op-5);
  border-radius: var(--radius-full);
  z-index: 0;
}
[data-theme=dark] .slrs-cart-steps--premium .slrs-cart-steps__line {
  background-color: var(--clr-text-muted-op-10);
}
.slrs-cart-steps--premium .slrs-cart-steps__line-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--clr-primary-light), var(--clr-primary));
  border-radius: var(--radius-full);
  box-shadow: 0 0 10px var(--clr-primary-op-30);
  transition: width 0.6s ease;
}
.slrs-cart-steps--premium .slrs-cart-steps__item {
  position: relative;
  z-index: 1;
  background-color: var(--clr-bg);
  padding: var(--space-base-4) var(--space-base-12);
  border-radius: var(--radius-full);
  border: 1px solid transparent;
}
[data-theme=dark] .slrs-cart-steps--premium .slrs-cart-steps__item {
  background-color: var(--clr-body-bg-dark);
}
.slrs-cart-steps--premium .slrs-cart-steps__item.is-active {
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 4px 12px var(--clr-primary-op-10);
  background-color: var(--clr-bg);
}
[data-theme=dark] .slrs-cart-steps--premium .slrs-cart-steps__item.is-active {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-primary-light-op-20);
}

.slrs-cart-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-block: var(--space-base-40) 0;
}

.slrs-cart-grid__header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 60px;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-grid__header {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-grid__header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-cart-grid__header {
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cart-grid__header {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cart-grid__header {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-cart-grid__header {
  border-bottom: 2px solid var(--clr-text-op-5);
}
.slrs-cart-grid__header span {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
}
.slrs-cart-grid__header span:not(:first-child) {
  text-align: center;
}
[data-theme=dark] .slrs-cart-grid__header {
  border-bottom-color: var(--clr-text-op-6);
}
@media (max-width: 47.98em) {
  .slrs-cart-grid__header {
    display: none;
  }
}
.slrs-cart-grid__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cart-grid__items {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cart-grid__items {
    gap: var(--space-base-16);
  }
}
.slrs-cart-grid__item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 60px;
  align-items: center;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-grid__item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-grid__item {
    padding: var(--space-base-20);
  }
}
.slrs-cart-grid__item {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  animation: slrs-cart-item-enter 0.5s ease forwards;
  opacity: 0;
}
.slrs-cart-grid__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px var(--clr-text-op-6);
  border-color: var(--clr-primary-op-15);
}
.slrs-cart-grid__item:nth-child(1) {
  animation-delay: 0s;
}
.slrs-cart-grid__item:nth-child(2) {
  animation-delay: 0.08s;
}
.slrs-cart-grid__item:nth-child(3) {
  animation-delay: 0.16s;
}
.slrs-cart-grid__item:nth-child(4) {
  animation-delay: 0.24s;
}
.slrs-cart-grid__item:nth-child(5) {
  animation-delay: 0.32s;
}
.slrs-cart-grid__item:nth-child(6) {
  animation-delay: 0.4s;
}
.slrs-cart-grid__item:nth-child(7) {
  animation-delay: 0.48s;
}
.slrs-cart-grid__item:nth-child(8) {
  animation-delay: 0.56s;
}
.slrs-cart-grid__item:nth-child(9) {
  animation-delay: 0.64s;
}
.slrs-cart-grid__item:nth-child(10) {
  animation-delay: 0.72s;
}
[data-theme=dark] .slrs-cart-grid__item {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
[data-theme=dark] .slrs-cart-grid__item:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 47.98em) {
  .slrs-cart-grid__item {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: var(--space-base-12);
    text-align: center;
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-cart-grid__item {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-cart-grid__item {
    gap: var(--space-base-20);
  }
}
.slrs-cart-grid__product {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-grid__product {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-grid__product {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-cart-grid__product {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-cart-grid__product-media {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--clr-text-op-5);
}
.slrs-cart-grid__product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.slrs-cart-grid__product-media:hover img {
  transform: scale(1.08);
}
[data-theme=dark] .slrs-cart-grid__product-media {
  border-color: var(--clr-text-muted-op-8);
}
.slrs-cart-grid__product-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-cart-grid__product-info {
    gap: var(--space-base-6);
  }
}
.slrs-cart-grid__product-name {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
}
.slrs-cart-grid__product-name a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-cart-grid__product-name a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-cart-grid__product-name a {
  color: #ffffff;
}
[data-theme=dark] .slrs-cart-grid__product-name a:hover {
  color: var(--clr-primary-light);
}
.slrs-cart-grid__product-sku {
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  letter-spacing: var(--ls-wide);
}
.slrs-cart-grid__price {
  text-align: center;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-cart-grid__price {
  color: #ffffff;
}
@media (max-width: 47.98em) {
  .slrs-cart-grid__price::before {
    content: "Price: ";
    font-weight: var(--fw-regular);
    color: var(--clr-text-muted);
  }
}
.slrs-cart-grid__qty {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slrs-cart-grid__subtotal {
  text-align: center;
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-cart-grid__subtotal {
  color: var(--clr-primary-light);
}
@media (max-width: 47.98em) {
  .slrs-cart-grid__subtotal {
    font-size: var(--ffs-lg);
  }
  .slrs-cart-grid__subtotal::before {
    content: "Subtotal: ";
    font-weight: var(--fw-regular);
    font-size: var(--ffs-sm);
    color: var(--clr-text-muted);
  }
}
.slrs-cart-grid__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size-xs);
  height: var(--size-xs);
  border-radius: var(--radius-full);
  background: transparent;
  border: 1px solid transparent;
  color: var(--clr-text-muted);
  cursor: pointer;
  font-size: var(--ffs-sm);
  transition: all 0.3s ease;
  margin-inline: auto;
}
.slrs-cart-grid__remove:hover {
  background-color: var(--clr-danger-op-10);
  border-color: var(--clr-danger-op-20);
  color: var(--clr-danger);
  transform: scale(1.1);
}
[data-theme=dark] .slrs-cart-grid__remove:hover {
  background-color: var(--clr-danger-op-15);
  border-color: var(--clr-danger-op-25);
}

.slrs-cart-empty {
  text-align: center;
  padding: var(--space-base-40) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-empty {
    padding: var(--space-base-64) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-empty {
    padding: var(--space-base-96) var(--space-base-28);
  }
}
.slrs-cart-empty__icon {
  font-size: var(--ffs-6xl);
  color: var(--clr-text-muted-op-30);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-empty__icon {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-empty__icon {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-cart-empty__icon {
  animation: slrs-cart-empty-bounce 2s ease-in-out infinite;
}
[data-theme=dark] .slrs-cart-empty__icon {
  color: var(--clr-text-muted-op-20);
}
.slrs-cart-empty__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cart-empty__title {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cart-empty__title {
    margin-block-end: var(--space-base-16);
  }
}
[data-theme=dark] .slrs-cart-empty__title {
  color: #ffffff;
}
.slrs-cart-empty__text {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin-block-end: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-cart-empty__text {
    margin-block-end: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-cart-empty__text {
    margin-block-end: var(--space-base-40);
  }
}
.slrs-cart-empty__text {
  max-width: 400px;
  margin-inline: auto;
  line-height: var(--lh-relaxed);
}

.slrs-cart-totals {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-totals {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals {
    padding: var(--space-base-28);
  }
}
.slrs-cart-totals {
  position: relative;
  overflow: hidden;
}
.slrs-cart-totals::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-cart-totals {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-cart-totals__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-totals__title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals__title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-cart-totals__title {
  padding-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cart-totals__title {
    padding-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals__title {
    padding-block-end: var(--space-base-16);
  }
}
.slrs-cart-totals__title {
  border-bottom: 2px solid var(--clr-text-op-5);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-cart-totals__title {
  border-bottom-color: var(--clr-text-muted-op-8);
  color: #ffffff;
}
.slrs-cart-totals__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-cart-totals__row {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals__row {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-cart-totals__row {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}
.slrs-cart-totals__row--total {
  margin-block-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-totals__row--total {
    margin-block-start: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals__row--total {
    margin-block-start: var(--space-base-20);
  }
}
.slrs-cart-totals__row--total {
  padding-block-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-totals__row--total {
    padding-block-start: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-totals__row--total {
    padding-block-start: var(--space-base-20);
  }
}
.slrs-cart-totals__row--total {
  border-top: 1px solid var(--clr-text-op-5);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
.slrs-cart-totals__row--total .amount {
  color: var(--clr-primary);
  font-size: var(--ffs-xl);
  font-family: var(--ff-heading);
}
[data-theme=dark] .slrs-cart-totals__row--total {
  color: #ffffff;
  border-top-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-cart-totals__row--total .amount {
  color: var(--clr-primary-light);
}

.slrs-cart-coupon {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cart-coupon {
    gap: var(--space-base-10);
  }
}
.slrs-cart-coupon {
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-coupon {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-coupon {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-cart-coupon {
  padding-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-coupon {
    padding-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-coupon {
    padding-block-end: var(--space-base-28);
  }
}
.slrs-cart-coupon {
  border-bottom: 1px solid var(--clr-text-op-5);
}
.slrs-cart-coupon__input {
  flex: 1;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-cart-coupon__input {
    padding: var(--space-base-8) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-cart-coupon__input {
    padding: var(--space-base-10) var(--space-base-20);
  }
}
.slrs-cart-coupon__input {
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-md);
  font-size: var(--ffs-sm);
  font-family: var(--ff-body);
  color: var(--clr-text);
  background-color: transparent;
  transition: border-color 0.3s ease;
  outline: none;
}
.slrs-cart-coupon__input::placeholder {
  color: var(--clr-text-muted-op-50);
}
.slrs-cart-coupon__input:focus {
  border-color: var(--clr-primary-op-40);
}
[data-theme=dark] .slrs-cart-coupon__input {
  border-color: var(--clr-text-muted-op-10);
  color: #ffffff;
}
[data-theme=dark] .slrs-cart-coupon__input:focus {
  border-color: var(--clr-primary-light-op-30);
}
[data-theme=dark] .slrs-cart-coupon {
  border-bottom-color: var(--clr-text-muted-op-8);
}

.slrs-cart-trust {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cart-trust {
    gap: var(--space-base-10);
  }
}
.slrs-cart-trust {
  margin-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-trust {
    margin-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-trust {
    margin-block-start: var(--space-base-28);
  }
}
.slrs-cart-trust {
  padding-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-trust {
    padding-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-trust {
    padding-block-start: var(--space-base-28);
  }
}
.slrs-cart-trust {
  border-top: 1px solid var(--clr-text-op-5);
}
.slrs-cart-trust__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-cart-trust__item {
    gap: var(--space-base-10);
  }
}
.slrs-cart-trust__item {
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
}
.slrs-cart-trust__item i {
  font-size: var(--ffs-sm);
  color: var(--clr-primary);
  width: 18px;
  flex-shrink: 0;
  text-align: center;
}
[data-theme=dark] .slrs-cart-trust__item i {
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-cart-trust {
  border-top-color: var(--clr-text-muted-op-8);
}

.slrs-cart-bottom-actions {
  display: flex;
  justify-content: flex-start;
  margin-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-cart-bottom-actions {
    margin-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-cart-bottom-actions {
    margin-block-start: var(--space-base-28);
  }
}
@media (max-width: 35.98em) {
  .slrs-cart-bottom-actions {
    justify-content: center;
  }
}

@keyframes slrs-cart-item-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slrs-cart-empty-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes slrs-cart-accent-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.slrs-wishlist-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-block: var(--space-base-40) 0;
}

.slrs-wishlist-grid__header {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1.2fr 1.5fr 60px;
  align-items: center;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-wishlist-grid__header {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__header {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-wishlist-grid__header {
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-wishlist-grid__header {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__header {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-wishlist-grid__header {
  border-bottom: 2px solid var(--clr-text-op-5);
}
.slrs-wishlist-grid__header span {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xs, 10px);
  font-weight: var(--fw-bold, 800);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider, 0.8px);
}
.slrs-wishlist-grid__header span:not(:first-child) {
  text-align: center;
}
[data-theme=dark] .slrs-wishlist-grid__header {
  border-bottom-color: var(--clr-text-op-6);
}
@media (max-width: 47.98em) {
  .slrs-wishlist-grid__header {
    display: none;
  }
}
.slrs-wishlist-grid__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-wishlist-grid__items {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__items {
    gap: var(--space-base-16);
  }
}
.slrs-wishlist-grid__item {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1.2fr 1.5fr 60px;
  align-items: center;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-wishlist-grid__item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__item {
    padding: var(--space-base-20);
  }
}
.slrs-wishlist-grid__item {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl, 18px);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  opacity: 0;
  animation: slrs-cart-item-enter 0.5s ease forwards;
}
.slrs-wishlist-grid__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px var(--clr-text-op-6);
  border-color: var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-wishlist-grid__item {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
[data-theme=dark] .slrs-wishlist-grid__item:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}
@media (max-width: 47.98em) {
  .slrs-wishlist-grid__item {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: var(--space-base-12);
    text-align: center;
    padding: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-wishlist-grid__item {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-wishlist-grid__item {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-wishlist-grid__item {
    padding: var(--space-base-20);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-wishlist-grid__item {
    padding: var(--space-base-28);
  }
}
.slrs-wishlist-grid__product {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-wishlist-grid__product {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__product {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-wishlist-grid__product {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-wishlist-grid__product-media {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg, 14px);
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--clr-text-op-5);
}
.slrs-wishlist-grid__product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.slrs-wishlist-grid__product-media:hover img {
  transform: scale(1.08);
}
[data-theme=dark] .slrs-wishlist-grid__product-media {
  border-color: var(--clr-text-muted-op-8);
}
.slrs-wishlist-grid__product-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-wishlist-grid__product-info {
    gap: var(--space-base-6);
  }
}
.slrs-wishlist-grid__product-name {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  line-height: var(--lh-snug);
}
.slrs-wishlist-grid__product-name a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-wishlist-grid__product-name a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-wishlist-grid__product-name a {
  color: #ffffff;
}
[data-theme=dark] .slrs-wishlist-grid__product-name a:hover {
  color: var(--clr-primary-light);
}
.slrs-wishlist-grid__product-sku {
  font-size: var(--ffs-3xs, 10px);
  font-weight: var(--fw-medium, 500);
  color: var(--clr-text-muted);
  letter-spacing: var(--ls-wide, 0.8px);
}
.slrs-wishlist-grid__price {
  text-align: center;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-wishlist-grid__price {
  color: #ffffff;
}
@media (max-width: 47.98em) {
  .slrs-wishlist-grid__price::before {
    content: "Price: ";
    font-weight: var(--fw-regular, 400);
    color: var(--clr-text-muted);
  }
}
.slrs-wishlist-grid__stock {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slrs-wishlist-grid__stock .stock-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
}
.slrs-wishlist-grid__stock .stock-badge--in {
  background-color: rgba(34, 197, 94, 0.08);
  color: #166534;
}
[data-theme=dark] .slrs-wishlist-grid__stock .stock-badge--in {
  background-color: rgba(74, 222, 128, 0.08);
  color: #86efac;
}
.slrs-wishlist-grid__stock .stock-badge--out {
  background-color: rgba(239, 68, 68, 0.08);
  color: #991b1b;
}
[data-theme=dark] .slrs-wishlist-grid__stock .stock-badge--out {
  background-color: rgba(248, 113, 113, 0.08);
  color: #fca5a5;
}
.slrs-wishlist-grid__action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slrs-wishlist-grid__action .wishlist-btn-add-to-cart {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 10px;
  width: 100%;
  max-width: 150px;
  text-align: center;
}
.slrs-wishlist-grid__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid transparent;
  color: var(--clr-text-muted);
  cursor: pointer;
  font-size: var(--ffs-sm);
  transition: all 0.3s ease;
  margin-inline: auto;
}
.slrs-wishlist-grid__remove:hover {
  background-color: var(--clr-danger-op-10);
  border-color: var(--clr-danger-op-20);
  color: #ef4444;
  transform: scale(1.1);
}

.slrs-wishlist-grid__item:nth-child(1) {
  animation-delay: 0s;
}

.slrs-wishlist-grid__item:nth-child(2) {
  animation-delay: 0.06s;
}

.slrs-wishlist-grid__item:nth-child(3) {
  animation-delay: 0.12s;
}

.slrs-wishlist-grid__item:nth-child(4) {
  animation-delay: 0.18s;
}

.slrs-wishlist-grid__item:nth-child(5) {
  animation-delay: 0.24s;
}

.slrs-wishlist-grid__item:nth-child(6) {
  animation-delay: 0.3s;
}

.slrs-wishlist-grid__item:nth-child(7) {
  animation-delay: 0.36s;
}

.slrs-wishlist-grid__item:nth-child(8) {
  animation-delay: 0.42s;
}

.slrs-wishlist-grid__item:nth-child(9) {
  animation-delay: 0.48s;
}

.slrs-wishlist-grid__item:nth-child(10) {
  animation-delay: 0.54s;
}

.slrs-wishlist-grid__item:nth-child(11) {
  animation-delay: 0.6s;
}

.slrs-wishlist-grid__item:nth-child(12) {
  animation-delay: 0.66s;
}

.slrs-wishlist-grid__item:nth-child(13) {
  animation-delay: 0.72s;
}

.slrs-wishlist-grid__item:nth-child(14) {
  animation-delay: 0.78s;
}

.slrs-wishlist-grid__item:nth-child(15) {
  animation-delay: 0.84s;
}

.slrs-wishlist-empty {
  text-align: center;
  padding: var(--space-base-40) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-wishlist-empty {
    padding: var(--space-base-64) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-empty {
    padding: var(--space-base-96) var(--space-base-28);
  }
}
.slrs-wishlist-empty__icon {
  font-size: 4.5rem;
  color: var(--clr-text-muted-op-30);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-wishlist-empty__icon {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-empty__icon {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-wishlist-empty__icon {
  animation: slrs-cart-empty-bounce 2.2s ease-in-out infinite;
}
[data-theme=dark] .slrs-wishlist-empty__icon {
  color: var(--clr-text-muted-op-20);
}
.slrs-wishlist-empty__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl, 24px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-wishlist-empty__title {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-empty__title {
    margin-block-end: var(--space-base-16);
  }
}
[data-theme=dark] .slrs-wishlist-empty__title {
  color: #ffffff;
}
.slrs-wishlist-empty__text {
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text-muted);
  margin-block-end: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-wishlist-empty__text {
    margin-block-end: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-wishlist-empty__text {
    margin-block-end: var(--space-base-40);
  }
}
.slrs-wishlist-empty__text {
  max-width: 420px;
  margin-inline: auto;
  line-height: var(--lh-relaxed);
}

.slrs-compare-section {
  padding: 80px 0;
  min-height: 60vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
.slrs-compare-section::before {
  content: "";
  position: absolute;
  top: 5%;
  left: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-compare-section::after {
  content: "";
  position: absolute;
  bottom: 10%;
  right: -8%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-compare-section > .container {
  position: relative;
  z-index: 1;
}

.slrs-compare-grid-wrapper {
  overflow-x: auto;
  border-radius: var(--radius-xl, 18px);
  border: 1px solid var(--clr-text-op-5);
  background-color: var(--clr-bg);
  box-shadow: 0 12px 48px var(--clr-text-op-8), 0 0 0 1px var(--clr-text-op-3);
  margin-block-end: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-compare-grid-wrapper {
    margin-block-end: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-compare-grid-wrapper {
    margin-block-end: var(--space-base-40);
  }
}
.slrs-compare-grid-wrapper {
  position: relative;
}
.slrs-compare-grid-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
  border-radius: var(--radius-xl, 18px) var(--radius-xl, 18px) 0 0;
  z-index: 2;
}
[data-theme=dark] .slrs-compare-grid-wrapper {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.slrs-compare-grid {
  display: grid;
  grid-template-columns: 240px repeat(var(--compare-cols, 3), 1fr);
  min-width: 800px;
}
@media (max-width: 47.98em) {
  .slrs-compare-grid {
    min-width: 100%;
    grid-template-columns: 140px repeat(var(--compare-cols, 3), minmax(220px, 1fr));
  }
}
@media (max-width: 35.98em) {
  .slrs-compare-grid {
    min-width: 100%;
    grid-template-columns: 120px repeat(var(--compare-cols, 3), minmax(185px, 1fr));
  }
}

.slrs-compare-cell {
  padding: var(--space-base-12) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-cell {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-compare-cell {
    padding: var(--space-base-20) var(--space-base-28);
  }
}
.slrs-compare-cell {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--clr-text-op-5);
  border-right: 1px solid var(--clr-text-op-5);
  font-family: var(--ff-body);
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.slrs-compare-cell--even-row {
  background-color: var(--clr-text-op-2);
}
[data-theme=dark] .slrs-compare-cell--even-row {
  background-color: var(--clr-text-op-3);
}
.slrs-compare-cell--value:hover, .slrs-compare-cell--price:hover {
  background-color: var(--clr-primary-op-3);
}
[data-theme=dark] .slrs-compare-cell--value:hover, [data-theme=dark] .slrs-compare-cell--price:hover {
  background-color: var(--clr-primary-light-op-5);
}
[data-theme=dark] .slrs-compare-cell {
  border-color: var(--clr-text-muted-op-8);
  color: var(--clr-text-light);
}
.slrs-compare-cell--last-col {
  border-right: none;
}
.slrs-compare-cell--last-row {
  border-bottom: none;
}
.slrs-compare-cell--label {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide, 0.5px);
  background-color: var(--clr-text-op-5);
  justify-content: flex-start;
  position: sticky;
  left: 0;
  z-index: 10;
}
[data-theme=dark] .slrs-compare-cell--label {
  background-color: var(--clr-text-op-6);
  color: var(--clr-text-muted-op-60);
}
.slrs-compare-cell--value {
  justify-content: center;
  text-align: center;
  font-weight: var(--fw-medium, 500);
}
.slrs-compare-cell--price {
  justify-content: center;
  font-weight: var(--fw-bold, 700);
  color: var(--clr-primary);
  font-size: var(--ffs-base, 16px);
}
[data-theme=dark] .slrs-compare-cell--price {
  color: var(--clr-primary-light);
}
.slrs-compare-cell--product-header {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: var(--space-base-20) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-cell--product-header {
    padding-block: var(--space-base-28) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-compare-cell--product-header {
    padding-block: var(--space-base-40) var(--space-base-28);
  }
}
.slrs-compare-cell--product-header {
  background-color: var(--clr-text-op-5);
  position: relative;
  justify-content: space-between;
}
.slrs-compare-cell--product-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, var(--clr-bg-op-10), transparent);
  pointer-events: none;
  z-index: 0;
}
[data-theme=dark] .slrs-compare-cell--product-header {
  background-color: var(--clr-text-op-5);
}
.slrs-compare-cell--product-header .remove-compare-btn {
  position: absolute;
  top: var(--space-base-8);
  right: var(--space-base-8);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  color: var(--clr-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
  box-shadow: 0 2px 8px var(--clr-text-op-6);
}
.slrs-compare-cell--product-header .remove-compare-btn:hover {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
  transform: scale(1.15) rotate(90deg);
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .slrs-compare-cell--product-header .remove-compare-btn {
  background: var(--clr-text-op-10);
  border-color: var(--clr-text-muted-op-10);
}
[data-theme=dark] .slrs-compare-cell--product-header .remove-compare-btn:hover {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}
.slrs-compare-cell--product-media {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg, 14px);
  overflow: hidden;
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-compare-cell--product-media {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-compare-cell--product-media {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-compare-cell--product-media {
  border: 1px solid var(--clr-text-op-5);
  flex-shrink: 0;
}
.slrs-compare-cell--product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.slrs-compare-cell--product-media:hover img {
  transform: scale(1.06);
}
[data-theme=dark] .slrs-compare-cell--product-media {
  border-color: var(--clr-text-muted-op-8);
}
@media (max-width: 35.98em) {
  .slrs-compare-cell--product-media {
    width: 90px;
    height: 90px;
  }
}
.slrs-compare-cell--product-name {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-compare-cell--product-name {
    margin-block-end: var(--space-base-10);
  }
}
.slrs-compare-cell--product-name {
  line-height: var(--lh-snug);
}
.slrs-compare-cell--product-name a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-compare-cell--product-name a:hover {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-compare-cell--product-name a {
  color: #ffffff;
}
[data-theme=dark] .slrs-compare-cell--product-name a:hover {
  color: var(--clr-primary-light);
}
.slrs-compare-cell--product-sku {
  font-size: var(--ffs-3xs, 10px);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide, 0.5px);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-compare-cell--product-sku {
    margin-block-end: var(--space-base-10);
  }
}
.slrs-compare-cell--rating {
  color: #eab308;
  font-size: var(--ffs-2xs, 12px);
  display: flex;
  gap: 2px;
  justify-content: center;
}
.slrs-compare-cell--stock {
  justify-content: center;
}
.slrs-compare-cell--action {
  justify-content: center;
  padding-block: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-cell--action {
    padding-block: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-compare-cell--action {
    padding-block: var(--space-base-28);
  }
}
.slrs-compare-cell--action .compare-add-to-cart {
  width: 100%;
  max-width: 160px;
  padding-block: 10px;
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-bold, 700);
  border-radius: var(--radius-md, 10px);
}

.slrs-compare-empty {
  text-align: center;
  padding: var(--space-base-48) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-empty {
    padding: var(--space-base-80) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-compare-empty {
    padding: var(--space-base-120) var(--space-base-28);
  }
}
.slrs-compare-empty {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  box-shadow: 0 12px 48px var(--clr-text-op-8);
  position: relative;
  overflow: hidden;
}
.slrs-compare-empty::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  background: radial-gradient(circle, var(--clr-primary-op-8) 0%, transparent 70%);
  animation: slrs-compare-float 6s ease-in-out infinite;
  pointer-events: none;
}
.slrs-compare-empty::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  animation: slrs-compare-float 6s ease-in-out 3s infinite;
  pointer-events: none;
}
[data-theme=dark] .slrs-compare-empty {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.3);
}
.slrs-compare-empty__icon {
  font-size: 4.5rem;
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-empty__icon {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-compare-empty__icon {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-compare-empty__icon {
  animation: slrs-cart-empty-bounce 2.2s ease-in-out infinite;
  position: relative;
  z-index: 1;
  background: linear-gradient(135deg, var(--clr-primary-op-30), var(--clr-primary-light-op-30));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme=dark] .slrs-compare-empty__icon {
  background: linear-gradient(135deg, var(--clr-primary-light-op-40), var(--clr-primary-op-30));
  -webkit-background-clip: text;
  background-clip: text;
}
.slrs-compare-empty__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl, 24px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-compare-empty__title {
    margin-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-compare-empty__title {
    margin-block-end: var(--space-base-16);
  }
}
.slrs-compare-empty__title {
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-compare-empty__title {
  color: #ffffff;
}
.slrs-compare-empty__text {
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text-muted);
  margin-block-end: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-compare-empty__text {
    margin-block-end: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-compare-empty__text {
    margin-block-end: var(--space-base-40);
  }
}
.slrs-compare-empty__text {
  max-width: 450px;
  margin-inline: auto;
  line-height: var(--lh-relaxed);
  position: relative;
  z-index: 1;
}

@keyframes slrs-compare-float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-15px) scale(1.1);
  }
}
.slrs-compare-floating-btn {
  position: fixed;
  bottom: 100px;
  right: 30px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--clr-primary);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 30px rgba(22, 101, 52, 0.3);
  cursor: pointer;
  z-index: 99;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-compare-floating-btn:hover {
  transform: translateY(-4px) scale(1.05);
  background-color: var(--clr-primary-light);
  box-shadow: 0 12px 35px rgba(22, 101, 52, 0.4);
}
.slrs-compare-floating-btn .compare-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #ef4444;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--clr-bg);
}
[data-theme=dark] .slrs-compare-floating-btn .compare-badge {
  border-color: #0b1329;
}
@media (max-width: 35.98em) {
  .slrs-compare-floating-btn {
    bottom: 90px;
    right: 20px;
    width: 48px;
    height: 48px;
  }
}

.slrs-checkout-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-block: var(--space-base-40) 0;
}
.slrs-checkout-section::before {
  content: "";
  position: absolute;
  top: 10%;
  left: -8%;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-checkout-section::after {
  content: "";
  position: absolute;
  bottom: 15%;
  right: -6%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-checkout-section > .container {
  position: relative;
  z-index: 1;
}

.slrs-checkout-form {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-form {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-form {
    padding: var(--space-base-28);
  }
}
.slrs-checkout-form {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px var(--clr-text-op-6);
  transition: box-shadow 0.4s ease;
}
.slrs-checkout-form:hover {
  box-shadow: 0 8px 36px var(--clr-text-op-8);
}
.slrs-checkout-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-checkout-form {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-checkout-form:hover {
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.3);
}
.slrs-checkout-form__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-form__title {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-form__title {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-checkout-form__title {
  padding-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-form__title {
    padding-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-form__title {
    padding-block-end: var(--space-base-16);
  }
}
.slrs-checkout-form__title {
  border-bottom: 2px solid var(--clr-text-op-5);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-form__title {
    gap: var(--space-base-10);
  }
}
.slrs-checkout-form__title i {
  color: var(--clr-primary);
  font-size: var(--ffs-lg);
}
[data-theme=dark] .slrs-checkout-form__title {
  color: #ffffff;
  border-bottom-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-checkout-form__title i {
  color: var(--clr-primary-light);
}
.slrs-checkout-form--premium {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-form--premium {
    padding: var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-form--premium {
    padding: var(--space-base-32);
  }
}
.slrs-checkout-form--premium {
  box-shadow: 0 8px 32px var(--clr-text-op-6);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-checkout-form--premium {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}
.slrs-checkout-form .form-floating > .form-control,
.slrs-checkout-form .form-floating > .form-select {
  height: 3.5rem;
  border: 1px solid var(--clr-text-op-10);
  border-radius: var(--radius-md);
  font-size: var(--ffs-sm);
  font-family: var(--ff-body);
  color: var(--clr-text);
  background-color: transparent;
  transition: all 0.3s ease;
}
.slrs-checkout-form .form-floating > .form-control:focus,
.slrs-checkout-form .form-floating > .form-select:focus {
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 0 0 3px var(--clr-primary-op-8);
  background-color: transparent;
}
.slrs-checkout-form .form-floating > .form-control::placeholder,
.slrs-checkout-form .form-floating > .form-select::placeholder {
  color: transparent !important;
}
[data-theme=dark] .slrs-checkout-form .form-floating > .form-control,
[data-theme=dark] .slrs-checkout-form .form-floating > .form-select {
  border-color: var(--clr-text-muted-op-15);
  color: #ffffff;
}
[data-theme=dark] .slrs-checkout-form .form-floating > .form-control:focus,
[data-theme=dark] .slrs-checkout-form .form-floating > .form-select:focus {
  border-color: var(--clr-primary-light-op-30);
  box-shadow: 0 0 0 3px var(--clr-primary-light-op-8);
}
.slrs-checkout-form .form-floating > label {
  padding: 1rem 0.75rem;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-checkout-form .form-floating > label {
  color: var(--clr-text-muted-op-60);
}
.slrs-checkout-form .form-floating > .form-control:focus ~ label,
.slrs-checkout-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.slrs-checkout-form .form-floating > .form-select ~ label {
  color: var(--clr-primary);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  background-color: var(--clr-bg);
  padding: 0 4px;
  height: auto;
}
[data-theme=dark] .slrs-checkout-form .form-floating > .form-control:focus ~ label,
[data-theme=dark] .slrs-checkout-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
[data-theme=dark] .slrs-checkout-form .form-floating > .form-select ~ label {
  color: var(--clr-primary-light);
  background-color: transparent;
}
.slrs-checkout-form .slrs-custom-check {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-checkout-form .slrs-custom-check .form-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid var(--clr-text-op-20);
  border-radius: var(--radius-sm);
  margin: 0;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  transition: all 0.3s ease;
}
.slrs-checkout-form .slrs-custom-check .form-check-input::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #ffffff;
  font-size: 12px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-checkout-form .slrs-custom-check .form-check-input:checked {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-checkout-form .slrs-custom-check .form-check-input:checked::after {
  transform: translate(-50%, -50%) scale(1);
}
[data-theme=dark] .slrs-checkout-form .slrs-custom-check .form-check-input {
  border-color: var(--clr-text-muted-op-30);
}
[data-theme=dark] .slrs-checkout-form .slrs-custom-check .form-check-input:checked {
  background-color: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-checkout-form .slrs-custom-check .form-check-input:checked::after {
  color: var(--clr-primary-900);
}
.slrs-checkout-form .slrs-custom-check .form-check-label {
  font-size: var(--ffs-base);
  font-weight: var(--fw-medium);
  color: var(--clr-text);
  cursor: pointer;
  margin: 0;
}
[data-theme=dark] .slrs-checkout-form .slrs-custom-check .form-check-label {
  color: #ffffff;
}
.slrs-checkout-form .slrs-textarea-tall {
  height: 120px !important;
}

.slrs-checkout-summary {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-summary {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary {
    padding: var(--space-base-28);
  }
}
.slrs-checkout-summary {
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px var(--clr-text-op-6);
  transition: box-shadow 0.4s ease;
}
@media (min-width: 62em) {
  .slrs-checkout-summary {
    position: sticky;
    top: 120px;
  }
}
.slrs-checkout-summary:hover {
  box-shadow: 0 12px 44px var(--clr-text-op-8);
}
.slrs-checkout-summary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-checkout-summary {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}
[data-theme=dark] .slrs-checkout-summary:hover {
  box-shadow: 0 12px 44px rgba(0, 0, 0, 0.35);
}
.slrs-checkout-summary__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-checkout-summary__title {
  padding-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__title {
    padding-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__title {
    padding-block-end: var(--space-base-16);
  }
}
.slrs-checkout-summary__title {
  border-bottom: 2px solid var(--clr-text-op-5);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__title {
    gap: var(--space-base-10);
  }
}
.slrs-checkout-summary__title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-checkout-summary__title {
  color: #ffffff;
  border-bottom-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-checkout-summary__title i {
  color: var(--clr-primary-light);
}
.slrs-checkout-summary__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__items {
    gap: var(--space-base-10);
  }
}
.slrs-checkout-summary__items {
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__items {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__items {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-checkout-summary__items {
  padding-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__items {
    padding-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__items {
    padding-block-end: var(--space-base-20);
  }
}
.slrs-checkout-summary__items {
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-checkout-summary__items {
  border-bottom-color: var(--clr-text-muted-op-8);
}
.slrs-checkout-summary__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__item {
    gap: var(--space-base-16);
  }
}
.slrs-checkout-summary__item {
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-checkout-summary__item {
    padding: var(--space-base-10) 0;
  }
}
.slrs-checkout-summary__item-name {
  font-size: var(--ffs-sm);
  font-family: var(--ff-body);
  color: var(--clr-text);
  flex: 1;
  line-height: var(--lh-snug);
}
[data-theme=dark] .slrs-checkout-summary__item-name {
  color: #ffffff;
}
.slrs-checkout-summary__item-qty {
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  white-space: nowrap;
}
.slrs-checkout-summary__item-price {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  white-space: nowrap;
}
[data-theme=dark] .slrs-checkout-summary__item-price {
  color: #ffffff;
}
.slrs-checkout-summary__calc {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__calc {
    gap: var(--space-base-10);
  }
}
.slrs-checkout-summary__calc {
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__calc {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__calc {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-checkout-summary__calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}
.slrs-checkout-summary__calc-row--total {
  margin-block-start: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__calc-row--total {
    margin-block-start: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__calc-row--total {
    margin-block-start: var(--space-base-16);
  }
}
.slrs-checkout-summary__calc-row--total {
  padding-block-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__calc-row--total {
    padding-block-start: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__calc-row--total {
    padding-block-start: var(--space-base-20);
  }
}
.slrs-checkout-summary__calc-row--total {
  border-top: 1px solid var(--clr-text-op-5);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  font-family: var(--ff-heading);
  color: var(--clr-text);
}
.slrs-checkout-summary__calc-row--total .slrs-checkout-summary__total-amount {
  color: var(--clr-primary);
  font-size: var(--ffs-xl);
}
[data-theme=dark] .slrs-checkout-summary__calc-row--total {
  color: #ffffff;
  border-top-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-checkout-summary__calc-row--total .slrs-checkout-summary__total-amount {
  color: var(--clr-primary-light);
}
.slrs-checkout-summary__payment {
  margin-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__payment {
    margin-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment {
    margin-block-start: var(--space-base-28);
  }
}
.slrs-checkout-summary__payment {
  padding-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__payment {
    padding-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment {
    padding-block-start: var(--space-base-28);
  }
}
.slrs-checkout-summary__payment {
  border-top: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-checkout-summary__payment {
  border-top-color: var(--clr-text-muted-op-8);
}
.slrs-checkout-summary__payment-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__payment-title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-checkout-summary__payment-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-title {
    gap: var(--space-base-10);
  }
}
.slrs-checkout-summary__payment-title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-checkout-summary__payment-title {
  color: #ffffff;
}
[data-theme=dark] .slrs-checkout-summary__payment-title i {
  color: var(--clr-primary-light);
}
.slrs-checkout-summary__payment-option {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__payment-option {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-option {
    gap: var(--space-base-16);
  }
}
.slrs-checkout-summary__payment-option {
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__payment-option {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-option {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-checkout-summary__payment-option {
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-md);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-option {
    margin-block-end: var(--space-base-10);
  }
}
.slrs-checkout-summary__payment-option {
  cursor: pointer;
  transition: all 0.3s ease;
}
.slrs-checkout-summary__payment-option:hover {
  border-color: var(--clr-primary-op-20);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--clr-text-op-4);
}
.slrs-checkout-summary__payment-option.is-selected {
  border-color: var(--clr-primary-op-30);
  background-color: var(--clr-primary-op-5);
  box-shadow: 0 4px 16px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-checkout-summary__payment-option {
  border-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-checkout-summary__payment-option:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-checkout-summary__payment-option.is-selected {
  border-color: var(--clr-primary-light-op-30);
  background-color: var(--clr-primary-light-op-5);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.slrs-checkout-summary__payment-option .form-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--clr-text-op-20);
  border-radius: 50%;
  margin-top: 2px;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: transparent;
}
.slrs-checkout-summary__payment-option .form-check-input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--clr-primary);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-checkout-summary__payment-option .form-check-input:checked {
  border-color: var(--clr-primary);
}
.slrs-checkout-summary__payment-option .form-check-input:checked::after {
  transform: translate(-50%, -50%) scale(1);
}
[data-theme=dark] .slrs-checkout-summary__payment-option .form-check-input {
  border-color: var(--clr-text-muted-op-20);
}
[data-theme=dark] .slrs-checkout-summary__payment-option .form-check-input::after {
  background-color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-checkout-summary__payment-option .form-check-input:checked {
  border-color: var(--clr-primary-light);
}
.slrs-checkout-summary__payment-option-label {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-checkout-summary__payment-option-label {
  color: #ffffff;
}
.slrs-checkout-summary__payment-option-desc {
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  margin-block-start: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-checkout-summary__payment-option-desc {
    margin-block-start: var(--space-base-6);
  }
}
.slrs-checkout-summary__payment-option-desc {
  line-height: var(--lh-normal);
}
.slrs-checkout-summary__secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-6);
  margin-block-start: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-checkout-summary__secure {
    margin-block-start: var(--space-base-32);
  }
}
.slrs-checkout-summary__secure {
  padding: var(--space-base-8) var(--space-base-12);
  border-top: 1px solid var(--clr-text-op-5);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background-color: var(--clr-primary-op-3);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  line-height: var(--lh-snug);
}
.slrs-checkout-summary__secure i {
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
  flex-shrink: 0;
  animation: slrs-checkout-shield-pulse 2.5s ease-in-out infinite;
}
[data-theme=dark] .slrs-checkout-summary__secure {
  border-top-color: var(--clr-text-muted-op-8);
  background-color: var(--clr-primary-light-op-5);
}
[data-theme=dark] .slrs-checkout-summary__secure i {
  color: var(--clr-primary-light);
}

.slrs-checkout-section .slrs-btn--primary {
  position: relative;
  overflow: hidden;
}
.slrs-checkout-section .slrs-btn--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 20px var(--clr-primary-op-25);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.slrs-checkout-section .slrs-btn--primary:hover::after {
  opacity: 1;
}
.slrs-checkout-section .slrs-btn--primary i {
  margin-inline-start: var(--space-base-6);
}

.slrs-checkout-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-4);
  margin-block-start: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-checkout-trust {
    margin-block-start: var(--space-base-32);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-trust {
    margin-block-start: var(--space-base-40);
  }
}
.slrs-checkout-trust__item {
  text-align: center;
  padding: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-checkout-trust__item {
    padding: var(--space-base-12);
  }
}
.slrs-checkout-trust__item-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  background-color: var(--clr-primary-op-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-end: var(--space-base-6);
  color: var(--clr-primary);
  font-size: var(--ffs-sm);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-checkout-trust__item-icon {
  background-color: var(--clr-primary-light-op-8);
  color: var(--clr-primary-light);
}
.slrs-checkout-trust__item-label {
  display: block;
  font-family: var(--ff-heading);
  font-size: 10px;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-snug);
}
[data-theme=dark] .slrs-checkout-trust__item-label {
  color: #ffffff;
}
.slrs-checkout-trust__item:hover .slrs-checkout-trust__item-icon {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--clr-primary-op-15);
}

.slrs-checkout-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-cards {
    gap: var(--space-base-12);
  }
}
.slrs-checkout-cards {
  margin-block-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-cards {
    margin-block-start: var(--space-base-16);
  }
}
.slrs-checkout-cards__icon {
  font-size: 24px;
  color: var(--clr-text-muted-op-40);
  transition: color 0.3s ease, transform 0.3s ease;
}
.slrs-checkout-cards__icon:hover {
  color: var(--clr-text-muted);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-checkout-cards__icon {
  color: var(--clr-text-muted-op-30);
}
[data-theme=dark] .slrs-checkout-cards__icon:hover {
  color: var(--clr-text-muted-op-60);
}

.slrs-checkout-coupon {
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-coupon {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-coupon {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-checkout-coupon {
  padding-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-checkout-coupon {
    padding-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-checkout-coupon {
    padding-block-end: var(--space-base-20);
  }
}
.slrs-checkout-coupon {
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-checkout-coupon {
  border-bottom-color: var(--clr-text-muted-op-8);
}
.slrs-checkout-coupon__toggle {
  display: flex;
  align-items: center;
  gap: var(--space-base-6);
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  transition: color 0.3s ease;
}
.slrs-checkout-coupon__toggle:hover {
  color: var(--clr-primary-light);
}
.slrs-checkout-coupon__toggle i {
  transition: transform 0.3s ease;
}
.slrs-checkout-coupon__toggle[aria-expanded=true] i {
  transform: rotate(180deg);
}
[data-theme=dark] .slrs-checkout-coupon__toggle {
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-checkout-coupon__toggle:hover {
  color: var(--clr-primary);
}
.slrs-checkout-coupon__form {
  display: none;
  margin-block-start: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-checkout-coupon__form {
    margin-block-start: var(--space-base-12);
  }
}
.slrs-checkout-coupon__form.is-open {
  display: flex;
}
.slrs-checkout-coupon__form {
  gap: var(--space-base-8);
}
.slrs-checkout-coupon__form input {
  flex: 1;
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-md);
  padding: var(--space-base-8) var(--space-base-12);
  font-size: var(--ffs-sm);
  font-family: var(--ff-body);
  color: var(--clr-text);
  background-color: transparent;
  transition: border-color 0.3s ease;
}
.slrs-checkout-coupon__form input:focus {
  border-color: var(--clr-primary-op-40);
  outline: none;
}
.slrs-checkout-coupon__form input::placeholder {
  color: var(--clr-text-muted-op-40);
}
[data-theme=dark] .slrs-checkout-coupon__form input {
  border-color: var(--clr-text-muted-op-10);
  color: #ffffff;
  background-color: var(--clr-text-op-5);
}
.slrs-checkout-coupon__form .slrs-btn {
  white-space: nowrap;
  flex-shrink: 0;
}

@keyframes slrs-checkout-shield-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.slrs-order-complete-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-block: var(--space-base-40) 0;
}

.slrs-complete-success {
  text-align: center;
  padding-block: var(--space-base-24) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-success {
    padding-block: var(--space-base-36) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-success {
    padding-block: var(--space-base-56) var(--space-base-28);
  }
}
.slrs-complete-success__circle {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-success__circle {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-success__circle {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-complete-success__circle {
  position: relative;
  animation: slrs-complete-pulse 2s ease-in-out infinite;
}
.slrs-complete-success__circle i {
  font-size: 48px;
  color: #ffffff;
  animation: slrs-complete-check 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
}
.slrs-complete-success__circle::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: var(--radius-full);
  border: 2px solid var(--clr-primary-op-20);
  animation: slrs-complete-ring 2s ease-in-out infinite;
}
.slrs-complete-success__heading {
  font-family: var(--ff-heading);
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-success__heading {
    margin-block-end: var(--space-base-10);
  }
}
[data-theme=dark] .slrs-complete-success__heading {
  color: #ffffff;
}
.slrs-complete-success__subtext {
  font-family: var(--ff-body);
  font-size: var(--ffs-base);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
  max-width: 500px;
  margin-inline: auto;
}

@keyframes slrs-complete-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--clr-primary-op-25);
  }
  50% {
    box-shadow: 0 0 0 20px transparent;
  }
}
@keyframes slrs-complete-check {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slrs-complete-ring {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.3);
  }
}
.slrs-complete-order {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order {
    padding: var(--space-base-28);
  }
}
.slrs-complete-order {
  position: relative;
  overflow: hidden;
}
.slrs-complete-order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-complete-order {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-complete-order__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order__title {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__title {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-complete-order__title {
  padding-block-end: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-complete-order__title {
    padding-block-end: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__title {
    padding-block-end: var(--space-base-16);
  }
}
.slrs-complete-order__title {
  border-bottom: 2px solid var(--clr-text-op-5);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-order__title {
    gap: var(--space-base-10);
  }
}
.slrs-complete-order__title i {
  color: var(--clr-primary);
  font-size: var(--ffs-lg);
}
[data-theme=dark] .slrs-complete-order__title {
  color: #ffffff;
  border-bottom-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-complete-order__title i {
  color: var(--clr-primary-light);
}
.slrs-complete-order__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-order__meta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__meta {
    gap: var(--space-base-20);
  }
}
.slrs-complete-order__meta {
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order__meta {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__meta {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-complete-order__meta {
  padding-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order__meta {
    padding-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__meta {
    padding-block-end: var(--space-base-28);
  }
}
.slrs-complete-order__meta {
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-complete-order__meta {
  border-bottom-color: var(--clr-text-muted-op-8);
}
.slrs-complete-order__meta-item-label {
  display: block;
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  color: var(--clr-text-muted);
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-complete-order__meta-item-label {
    margin-block-end: var(--space-base-6);
  }
}
.slrs-complete-order__meta-item-value {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-complete-order__meta-item-value {
  color: #ffffff;
}
.slrs-complete-order__meta-item-value--highlight {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-complete-order__meta-item-value--highlight {
  color: var(--clr-primary-light);
}
.slrs-complete-order__items-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-order__items-title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__items-title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-complete-order__items-title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-order__items-title {
    gap: var(--space-base-10);
  }
}
.slrs-complete-order__items-title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-complete-order__items-title {
  color: #ffffff;
}
[data-theme=dark] .slrs-complete-order__items-title i {
  color: var(--clr-primary-light);
}
.slrs-complete-order__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-order__items {
    gap: var(--space-base-10);
  }
}
.slrs-complete-order__items {
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order__items {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__items {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-complete-order__items {
  padding-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-order__items {
    padding-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__items {
    padding-block-end: var(--space-base-28);
  }
}
.slrs-complete-order__items {
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-complete-order__items {
  border-bottom-color: var(--clr-text-muted-op-8);
}
.slrs-complete-order__item {
  display: grid;
  grid-template-columns: 50px 1fr auto auto;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-complete-order__item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__item {
    gap: var(--space-base-16);
  }
}
.slrs-complete-order__item {
  align-items: center;
  padding: var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-complete-order__item {
    padding: var(--space-base-10) 0;
  }
}
@media (max-width: 35.98em) {
  .slrs-complete-order__item {
    grid-template-columns: 40px 1fr auto;
  }
}
.slrs-complete-order__item-img {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-md);
  overflow: hidden;
  flex-shrink: 0;
}
.slrs-complete-order__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 35.98em) {
  .slrs-complete-order__item-img {
    width: 40px;
    height: 40px;
  }
}
.slrs-complete-order__item-name {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  line-height: var(--lh-snug);
}
[data-theme=dark] .slrs-complete-order__item-name {
  color: #ffffff;
}
.slrs-complete-order__item-qty {
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  white-space: nowrap;
}
.slrs-complete-order__item-price {
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  white-space: nowrap;
  text-align: right;
}
[data-theme=dark] .slrs-complete-order__item-price {
  color: #ffffff;
}
@media (max-width: 35.98em) {
  .slrs-complete-order__item-price {
    grid-column: 2/-1;
    text-align: left;
  }
}
.slrs-complete-order__calc {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-order__calc {
    gap: var(--space-base-10);
  }
}
.slrs-complete-order__calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
}
.slrs-complete-order__calc-row--total {
  margin-block-start: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-complete-order__calc-row--total {
    margin-block-start: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__calc-row--total {
    margin-block-start: var(--space-base-16);
  }
}
.slrs-complete-order__calc-row--total {
  padding-block-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-order__calc-row--total {
    padding-block-start: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-order__calc-row--total {
    padding-block-start: var(--space-base-20);
  }
}
.slrs-complete-order__calc-row--total {
  border-top: 2px solid var(--clr-text-op-5);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  font-family: var(--ff-heading);
  color: var(--clr-text);
}
.slrs-complete-order__calc-row--total .slrs-complete-order__total-amount {
  color: var(--clr-primary);
  font-size: var(--ffs-xl);
}
[data-theme=dark] .slrs-complete-order__calc-row--total {
  color: #ffffff;
  border-top-color: var(--clr-text-muted-op-8);
}
[data-theme=dark] .slrs-complete-order__calc-row--total .slrs-complete-order__total-amount {
  color: var(--clr-primary-light);
}

.slrs-complete-timeline {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-timeline {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-timeline {
    padding: var(--space-base-28);
  }
}
[data-theme=dark] .slrs-complete-timeline {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-complete-timeline__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-timeline__title {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-timeline__title {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-complete-timeline__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-timeline__title {
    gap: var(--space-base-10);
  }
}
.slrs-complete-timeline__title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-complete-timeline__title {
  color: #ffffff;
}
[data-theme=dark] .slrs-complete-timeline__title i {
  color: var(--clr-primary-light);
}
.slrs-complete-timeline__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  padding-inline-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-complete-timeline__list {
    padding-inline-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-complete-timeline__list {
    padding-inline-start: var(--space-base-40);
  }
}
.slrs-complete-timeline__list::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background-color: var(--clr-text-op-8);
}
[data-theme=dark] .slrs-complete-timeline__list::before {
  background-color: var(--clr-text-muted-op-10);
}
.slrs-complete-timeline__step {
  position: relative;
  padding-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-timeline__step {
    padding-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-timeline__step {
    padding-block-end: var(--space-base-28);
  }
}
.slrs-complete-timeline__step {
  padding-inline-start: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-timeline__step {
    padding-inline-start: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-timeline__step {
    padding-inline-start: var(--space-base-20);
  }
}
.slrs-complete-timeline__step:last-child {
  padding-block-end: 0;
}
.slrs-complete-timeline__step::before {
  content: "";
  position: absolute;
  left: calc(var(--space-base-28) * -1 + 8px);
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: var(--radius-full);
  background-color: var(--clr-text-op-8);
  border: 2px solid var(--clr-bg);
  z-index: 1;
  transition: var(--transition-default);
}
[data-theme=dark] .slrs-complete-timeline__step::before {
  background-color: var(--clr-text-muted-op-20);
  border-color: var(--clr-text-op-5);
}
.slrs-complete-timeline__step.is-active::before {
  background-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-complete-timeline__step.is-active::before {
  background-color: var(--clr-primary-light);
  box-shadow: 0 0 0 4px var(--clr-primary-light-op-20);
}
.slrs-complete-timeline__step.is-done::before {
  background-color: var(--clr-primary);
}
[data-theme=dark] .slrs-complete-timeline__step.is-done::before {
  background-color: var(--clr-primary-light);
}
.slrs-complete-timeline__step-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-complete-timeline__step-title {
    margin-block-end: var(--space-base-6);
  }
}
.is-active .slrs-complete-timeline__step-title {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-complete-timeline__step-title {
  color: #ffffff;
}
.is-active [data-theme=dark] .slrs-complete-timeline__step-title {
  color: var(--clr-primary-light);
}
.slrs-complete-timeline__step-desc {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
}
.slrs-complete-timeline__step-time {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted-op-60);
  margin-block-start: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-complete-timeline__step-time {
    margin-block-start: var(--space-base-6);
  }
}

.slrs-complete-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-cta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-cta {
    gap: var(--space-base-20);
  }
}
.slrs-complete-cta {
  margin-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-complete-cta {
    margin-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-complete-cta {
    margin-block-start: var(--space-base-40);
  }
}
.slrs-complete-cta {
  flex-wrap: wrap;
}
.slrs-complete-cta .slrs-btn {
  min-width: 200px;
  justify-content: center;
}

.slrs-complete-trust {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-trust {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-trust {
    gap: var(--space-base-20);
  }
}
.slrs-complete-trust {
  margin-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-complete-trust {
    margin-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-complete-trust {
    margin-block-start: var(--space-base-40);
  }
}
.slrs-complete-trust {
  padding-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-complete-trust {
    padding-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-complete-trust {
    padding-block-start: var(--space-base-40);
  }
}
.slrs-complete-trust {
  border-top: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-complete-trust {
  border-top-color: var(--clr-text-muted-op-8);
}
.slrs-complete-trust__item {
  text-align: center;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-complete-trust__item {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-complete-trust__item {
    padding: var(--space-base-20);
  }
}
.slrs-complete-trust__item-icon {
  width: var(--size-sm);
  height: var(--size-sm);
  border-radius: var(--radius-full);
  background-color: var(--clr-primary-op-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-complete-trust__item-icon {
    margin-block-end: var(--space-base-10);
  }
}
.slrs-complete-trust__item-icon {
  color: var(--clr-primary);
  font-size: var(--ffs-lg);
  transition: var(--transition-default);
}
[data-theme=dark] .slrs-complete-trust__item-icon {
  background-color: var(--clr-primary-light-op-8);
  color: var(--clr-primary-light);
}
.slrs-complete-trust__item-label {
  display: block;
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-complete-trust__item-label {
    margin-block-end: var(--space-base-6);
  }
}
[data-theme=dark] .slrs-complete-trust__item-label {
  color: #ffffff;
}
.slrs-complete-trust__item-desc {
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
}
.slrs-complete-trust__item:hover .slrs-complete-trust__item-icon {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px var(--clr-primary-op-15);
}

.slrs-complete-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-complete-grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-complete-grid {
    gap: var(--space-base-28);
  }
}
.slrs-complete-grid {
  align-items: start;
}
@media (max-width: 61.98em) {
  .slrs-complete-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-details-section {
  padding-block: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-details-section {
    padding-block: var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-details-section {
    padding-block: var(--space-base-40);
  }
}
[data-theme=dark] .slrs-details-section {
  color: var(--clr-glass-op-100, #fff);
}

.slrs-product-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 48em) {
  .slrs-product-gallery {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-product-gallery {
    gap: var(--space-base-16);
  }
}
.slrs-product-gallery {
  position: sticky;
  top: var(--space-base-20);
}
.slrs-product-gallery__main {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background-color: var(--clr-neutral-100);
  border: 1px solid var(--clr-text-op-5);
  aspect-ratio: 1/1;
  position: relative;
  cursor: zoom-in;
}
.slrs-product-gallery__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.slrs-product-gallery__main:hover img {
  transform: scale(1.05);
}
.slrs-product-gallery__main::after {
  content: "\f00e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: var(--space-base-12);
  right: var(--space-base-12);
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  background-color: var(--clr-smoke);
}
[data-theme=dark] .slrs-product-gallery__main::after {
  background-color: var(--clr-glass-op-100, #fff);
}
.slrs-product-gallery__main::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.3s ease;
  pointer-events: none;
}
.slrs-product-gallery__main:hover::after {
  opacity: 1;
  transform: translateY(0);
}
[data-theme=dark] .slrs-product-gallery__main {
  background-color: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .slrs-product-gallery__main::after {
  background-color: rgba(30, 41, 59, 0.9);
  color: var(--clr-smoke);
}
[data-theme=dark] [data-theme=dark] .slrs-product-gallery__main::after {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-gallery__thumbs {
  margin-block-start: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-gallery__thumbs {
    margin-block-start: var(--space-base-10);
  }
}
.slrs-product-gallery__thumbs:not(.swiper-initialized) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-gallery__thumbs:not(.swiper-initialized) {
    gap: var(--space-base-10);
  }
}
.slrs-product-gallery__thumb {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-color: var(--clr-neutral-100);
  border: 2px solid transparent;
  aspect-ratio: 1/1;
  cursor: pointer;
  transition: var(--transition-default);
  opacity: 0.6;
}
.slrs-product-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-product-gallery__thumb.active, .slrs-product-gallery__thumb.swiper-slide-thumb-active, .slrs-product-gallery__thumb:hover {
  border-color: var(--clr-primary);
  opacity: 1;
}
[data-theme=dark] .slrs-product-gallery__thumb {
  background-color: rgba(255, 255, 255, 0.02);
}
[data-theme=dark] .slrs-product-gallery__thumb.active, [data-theme=dark] .slrs-product-gallery__thumb.swiper-slide-thumb-active, [data-theme=dark] .slrs-product-gallery__thumb:hover {
  border-color: var(--clr-primary-light);
}

.slrs-product-details-summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
  background-color: var(--clr-bg);
  padding: var(--space-base-16);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--clr-text-op-5);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
}
.slrs-product-details-summary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), transparent);
}
[data-theme=dark] .slrs-product-details-summary {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .slrs-product-details-summary::before {
  background: linear-gradient(90deg, var(--clr-primary-light), transparent);
}
@media (min-width: 48em) {
  .slrs-product-details-summary {
    gap: var(--space-base-16);
    padding: var(--space-base-24);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary {
    gap: var(--space-base-20);
    padding: var(--space-base-32);
  }
}
.slrs-product-details-summary .slrs-details-cat {
  display: inline-flex;
  align-self: flex-start;
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-product-details-summary .slrs-details-cat {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-cat {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-product-details-summary .slrs-details-cat {
  background-color: var(--clr-primary-op-8);
  color: var(--clr-primary);
  border-radius: var(--radius-full);
  font-family: var(--ff-body);
  font-size: 11px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  border: 1px solid var(--clr-primary-op-10);
  transition: var(--transition-default);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-cat {
  background-color: var(--clr-primary-light-op-8);
  color: var(--clr-primary-light);
  border-color: var(--clr-primary-light-op-10);
}
.slrs-product-details-summary__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  margin-bottom: 0;
  background: linear-gradient(135deg, var(--clr-text) 0%, var(--clr-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme=dark] .slrs-product-details-summary__title {
  background: linear-gradient(135deg, #ffffff 0%, var(--clr-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-product-details-summary__meta {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-summary__meta {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary__meta {
    gap: var(--space-base-20);
  }
}
.slrs-product-details-summary__meta {
  flex-wrap: wrap;
}
.slrs-product-details-summary .slrs-details-rating {
  display: flex;
  align-items: center;
  gap: 3px;
}
.slrs-product-details-summary .slrs-details-rating .slrs-details-rating__stars {
  display: flex;
  gap: 2px;
  color: #f59e0b;
  font-size: var(--ffs-3xs);
}
.slrs-product-details-summary .slrs-details-rating .slrs-details-rating__count {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  margin-inline-start: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-rating .slrs-details-rating__count {
    margin-inline-start: var(--space-base-10);
  }
}
.slrs-product-details-summary .slrs-details-rating .slrs-details-rating__count {
  font-weight: var(--fw-medium);
}
.slrs-product-details-summary .slrs-details-stock {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-stock {
    gap: var(--space-base-6);
  }
}
.slrs-product-details-summary .slrs-details-stock {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
}
.slrs-product-details-summary .slrs-details-stock.in-stock {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-stock.in-stock {
  color: var(--clr-primary-light);
}
.slrs-product-details-summary .slrs-details-stock__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background-color: currentColor;
  animation: slrs-details-pulse 1.5s ease-in-out infinite;
}
.slrs-product-details-summary__price {
  display: flex;
  align-items: baseline;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-product-details-summary__price {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary__price {
    gap: var(--space-base-16);
  }
}
.slrs-product-details-summary__price .old-price {
  font-size: var(--ffs-md);
  text-decoration: line-through;
  color: var(--clr-text-muted);
}
.slrs-product-details-summary__price .new-price {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
.slrs-product-details-summary__price .slrs-details-save {
  display: inline-flex;
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-summary__price .slrs-details-save {
    padding: var(--space-base-6) var(--space-base-10);
  }
}
.slrs-product-details-summary__price .slrs-details-save {
  background-color: rgba(239, 68, 68, 0.08);
  color: #ef4444;
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: var(--fw-bold);
  line-height: 1;
}
[data-theme=dark] .slrs-product-details-summary__price .new-price {
  color: var(--clr-primary-light);
}
.slrs-product-details-summary__desc {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin-bottom: 0;
}
.slrs-product-details-summary .slrs-details-features {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-features {
    gap: var(--space-base-10);
  }
}
.slrs-product-details-summary .slrs-details-feature {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-feature {
    gap: var(--space-base-6);
  }
}
.slrs-product-details-summary .slrs-details-feature {
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-product-details-summary .slrs-details-feature {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-feature {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-product-details-summary .slrs-details-feature {
  background-color: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  transition: var(--transition-default);
}
.slrs-product-details-summary .slrs-details-feature i {
  font-size: 10px;
}
.slrs-product-details-summary .slrs-details-feature:hover {
  background-color: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-feature {
  background-color: var(--clr-primary-light-op-5);
  border-color: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-feature:hover {
  background-color: var(--clr-primary-light-op-10);
}
.slrs-product-details-summary__actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-summary__actions {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary__actions {
    gap: var(--space-base-20);
  }
}
.slrs-product-details-summary__actions {
  padding-block: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-summary__actions {
    padding-block: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary__actions {
    padding-block: var(--space-base-20);
  }
}
.slrs-product-details-summary__actions {
  border-top: 1px solid var(--clr-text-op-5);
  border-bottom: 1px solid var(--clr-text-op-5);
}
.slrs-product-details-summary__actions .btn-buy {
  height: 48px;
  padding: 0 var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-product-details-summary__actions .btn-buy {
    padding: 0 var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary__actions .btn-buy {
    padding: 0 var(--space-base-40);
  }
}
.slrs-product-details-summary__actions .btn-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-summary__actions .btn-buy {
    gap: var(--space-base-10);
  }
}
[data-theme=dark] .slrs-product-details-summary__actions {
  border-top-color: var(--clr-text-muted-op-8);
  border-bottom-color: var(--clr-text-muted-op-8);
}
.slrs-product-details-summary .slrs-details-icon-btn {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-text-op-8);
  background-color: transparent;
  color: var(--clr-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition-default);
  font-size: var(--ffs-sm);
  flex-shrink: 0;
}
.slrs-product-details-summary .slrs-details-icon-btn:hover {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  background-color: var(--clr-primary-op-5);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-icon-btn {
  border-color: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-60);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-icon-btn:hover {
  border-color: var(--clr-primary-light);
  color: var(--clr-primary-light);
  background-color: var(--clr-primary-light-op-5);
}
.slrs-product-details-summary .slrs-details-meta {
  list-style: none;
  margin: 0;
  padding: var(--space-base-12) 0 0;
}
@media (min-width: 48em) {
  .slrs-product-details-summary .slrs-details-meta {
    padding: var(--space-base-16) 0 0;
  }
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-meta {
    padding: var(--space-base-20) 0 0;
  }
}
.slrs-product-details-summary .slrs-details-meta {
  border-top: 1px solid var(--clr-text-op-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-meta {
    gap: var(--space-base-10);
  }
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-meta {
  border-top-color: var(--clr-text-muted-op-8);
}
.slrs-product-details-summary .slrs-details-meta li {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-summary .slrs-details-meta li {
    gap: var(--space-base-6);
  }
}
.slrs-product-details-summary .slrs-details-meta li strong {
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  min-width: 70px;
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-meta li strong {
  color: var(--clr-text-muted-op-60);
}
.slrs-product-details-summary .slrs-details-meta li span,
.slrs-product-details-summary .slrs-details-meta li a {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-meta li span,
[data-theme=dark] .slrs-product-details-summary .slrs-details-meta li a {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-details-summary .slrs-details-meta li a {
  color: var(--clr-primary);
  text-decoration: none;
  transition: var(--transition-default);
}
.slrs-product-details-summary .slrs-details-meta li a:hover {
  text-decoration: underline;
}
[data-theme=dark] .slrs-product-details-summary .slrs-details-meta li a {
  color: var(--clr-primary-light);
}

@keyframes slrs-details-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.slrs-product-details-tabs {
  padding-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs {
    padding-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs {
    padding-block-start: var(--space-base-40);
  }
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper {
  display: flex;
  justify-content: flex-start;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  backdrop-filter: none;
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tabs-nav {
  display: inline-flex;
  gap: 6px;
  position: relative;
  background: transparent;
  border: none;
  padding: 0;
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-indicator {
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--clr-primary) !important;
  box-shadow: none !important;
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn {
  font-family: var(--ff-body);
  font-weight: 600;
  font-size: 13px;
  border-radius: 100px;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--clr-text-muted);
  background: transparent;
  border: none;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  z-index: 1;
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn i {
  font-size: 15px;
  transition: transform 0.3s ease;
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn:hover:not(.active) {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn:hover:not(.active) {
  color: var(--clr-glass-op-100, #ffffff);
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn.active {
  color: var(--clr-primary);
}
.slrs-product-details-tabs .universal-tabs-nav-wrapper .universal-tab-btn.active i {
  transform: scale(1.1);
  color: var(--clr-primary);
}
.slrs-product-details-tabs .slrs-tab-card {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-tab-card {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-tab-card {
    padding: var(--space-base-28);
  }
}
.slrs-product-details-tabs .slrs-tab-card {
  position: relative;
  overflow: hidden;
}
.slrs-product-details-tabs .slrs-tab-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light), var(--clr-primary));
  background-size: 200% 100%;
  animation: slrs-cart-accent-flow 3s ease infinite;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-tab-card {
  background-color: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-product-details-tabs .slrs-tab-card__title {
  font-family: var(--ff-heading);
  font-size: 24px !important;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-tab-card__title {
  color: var(--clr-glass-op-100, #ffffff);
}
.slrs-product-details-tabs .slrs-tab-card__title {
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-tab-card__title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-tab-card__title {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-tab-card__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-tab-card__title {
    gap: var(--space-base-10);
  }
}
.slrs-product-details-tabs .slrs-tab-card__title i {
  color: var(--clr-primary);
  font-size: var(--ffs-base);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-tab-card__title {
  color: var(--clr-glass-op-100, #fff);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-tab-card__title i {
  color: var(--clr-primary-light);
}
.slrs-product-details-tabs .slrs-tab-card__text {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
}
.slrs-product-details-tabs .slrs-tab-card__text:not(:last-child) {
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-tab-card__text:not(:last-child) {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-tab-card__text:not(:last-child) {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-quickspecs-banner {
  background: var(--clr-bg, #ffffff);
  background-image: linear-gradient(145deg, var(--clr-bg, #ffffff) 0%, var(--clr-surface, #f1f5f9) 100%);
  border-radius: var(--radius-xl, 20px);
  border: 1px solid var(--clr-smoke-op-8);
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-quickspecs-banner {
  background: #0B1120;
  background-image: linear-gradient(145deg, #0B1120 0%, #0F172A 100%);
  border: 1px solid var(--clr-glass-op-8);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.slrs-product-details-tabs .slrs-quickspecs-banner__header {
  position: relative;
  z-index: 10;
  padding: 10px 16px;
  border-bottom: 1px solid var(--clr-smoke-op-8);
  background: linear-gradient(90deg, var(--clr-smoke-op-3) 0%, transparent 100%);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-quickspecs-banner__header {
  border-bottom: 1px solid var(--clr-glass-op-8);
  background: linear-gradient(90deg, var(--clr-glass-op-3) 0%, transparent 100%);
}
.slrs-product-details-tabs .slrs-quickspecs-banner__header span {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xs, 0.8rem);
  font-weight: var(--fw-bold);
  color: var(--clr-smoke-op-80);
  text-transform: uppercase;
  letter-spacing: 2px;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-quickspecs-banner__header span {
  color: var(--clr-glass-op-80, #fff);
}
.slrs-product-details-tabs .slrs-quickspecs-banner__header span i {
  color: var(--clr-primary, #16a085);
  margin-right: 8px;
  text-shadow: 0 0 10px rgba(var(--clr-primary-rgb, 22, 160, 133), 0.2);
}
.slrs-product-details-tabs .slrs-bento-showcase {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
}
@media (max-width: 61.98em) {
  .slrs-product-details-tabs .slrs-bento-showcase {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 20px;
  }
}
@media (max-width: 47.98em) {
  .slrs-product-details-tabs .slrs-bento-showcase {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 16px;
  }
}
.slrs-product-details-tabs .slrs-bento-hero {
  grid-column: 2/4;
  grid-row: 1/3;
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-hero {
  background: var(--clr-glass-op-2);
}
.slrs-product-details-tabs .slrs-bento-hero {
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-hero {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-product-details-tabs .slrs-bento-hero {
  border-radius: var(--radius-lg, 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px;
  overflow: hidden;
}
@media (max-width: 61.98em) {
  .slrs-product-details-tabs .slrs-bento-hero {
    grid-column: 1/3;
    grid-row: 1/3;
  }
}
@media (max-width: 47.98em) {
  .slrs-product-details-tabs .slrs-bento-hero {
    grid-column: 1/3;
    grid-row: 1/2;
    padding: 24px;
  }
}
.slrs-product-details-tabs .slrs-bento-hero__image-wrapper {
  position: relative;
  width: 100%;
  max-width: 240px;
  z-index: 2;
}
.slrs-product-details-tabs .slrs-bento-hero__image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.5));
  transition: transform 0.5s ease;
}
.slrs-product-details-tabs .slrs-bento-hero__image-wrapper img:hover {
  transform: scale(1.05) translateY(-5px);
}
.slrs-product-details-tabs .slrs-bento-hero__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb, 22, 160, 133), 0.15) 0%, transparent 60%);
  z-index: -1;
  pointer-events: none;
  animation: neonPulse 4s infinite alternate ease-in-out;
}
@keyframes neonPulse {
  0% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.slrs-product-details-tabs .slrs-bento-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-8);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-card {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-product-details-tabs .slrs-bento-card {
  border-radius: var(--radius-md, 12px);
}
.slrs-product-details-tabs .slrs-bento-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--clr-primary, #16a085);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-product-details-tabs .slrs-bento-card {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-product-details-tabs .slrs-bento-card:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-color: var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-card:hover {
  border-color: var(--clr-glass-op-15);
}
.slrs-product-details-tabs .slrs-bento-card:hover::before {
  opacity: 1;
  transform: scaleY(1);
}
.slrs-product-details-tabs .slrs-bento-card:hover {
  transform: translateX(4px);
  box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(var(--clr-primary-rgb, 22, 160, 133), 0.15);
}
.slrs-product-details-tabs .slrs-bento-card:hover .slrs-bento-card__icon {
  background: linear-gradient(135deg, var(--clr-primary, #16a085), var(--clr-secondary, #2ecc71));
  color: #fff;
  box-shadow: 0 5px 15px rgba(var(--clr-primary-rgb, 22, 160, 133), 0.4);
  transform: scale(1.05) rotate(5deg);
}
.slrs-product-details-tabs .slrs-bento-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02));
  border: 1px solid var(--clr-smoke-op-8);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-card__icon {
  border: 1px solid var(--clr-glass-op-8);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}
.slrs-product-details-tabs .slrs-bento-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--clr-secondary, #2ecc71);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  flex-shrink: 0;
}
.slrs-product-details-tabs .slrs-bento-card__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slrs-product-details-tabs .slrs-bento-card__label {
  font-family: var(--ff-body);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: var(--clr-smoke-op-60);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-card__label {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-product-details-tabs .slrs-bento-card__value {
  font-family: var(--ff-heading);
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-bento-card__value {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-details-tabs .slrs-bento-card__value {
  line-height: 1.3;
  word-break: break-word;
}
.slrs-product-details-tabs .slrs-fullspecs-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-24);
}
.slrs-product-details-tabs .slrs-specs-group {
  background: transparent;
}
.slrs-product-details-tabs .slrs-specs-group__header {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 16px 4px 4px;
  margin-bottom: 8px;
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--clr-smoke-op-8);
  border-radius: 50px;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-group__header {
  border: 1px solid var(--clr-glass-op-8);
  background: rgba(255, 255, 255, 0.02);
}
.slrs-product-details-tabs .slrs-specs-group__header i {
  font-size: 0.85rem;
  color: #fff;
  background: linear-gradient(135deg, var(--clr-primary, #16a085), var(--clr-secondary, #2ecc71));
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(var(--clr-primary-rgb, 22, 160, 133), 0.3);
}
.slrs-product-details-tabs .slrs-specs-group__header h3 {
  font-family: var(--ff-heading);
  font-size: 1rem;
  font-weight: var(--fw-bold, 800);
  margin: 0;
  letter-spacing: 0.5px;
  background: linear-gradient(90deg, var(--clr-heading, #1a1a1a) 0%, #555555 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-group__header h3 {
  background: linear-gradient(90deg, #ffffff 0%, #a0a0a0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-product-details-tabs .slrs-specs-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-8);
  border-radius: var(--radius-lg, 16px);
  overflow: hidden;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-grid {
  border: 1px solid var(--clr-glass-op-8);
  background: rgba(255, 255, 255, 0.01);
}
.slrs-product-details-tabs .slrs-specs-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  border-bottom: 1px solid var(--clr-smoke-op-5);
  background-color: transparent;
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-row {
  border-bottom: 1px solid var(--clr-glass-op-5);
}
.slrs-product-details-tabs .slrs-specs-row:last-child {
  border-bottom: none;
}
.slrs-product-details-tabs .slrs-specs-row:hover {
  background: linear-gradient(90deg, rgba(var(--clr-primary-rgb, 22, 160, 133), 0.05) 0%, transparent 100%);
}
.slrs-product-details-tabs .slrs-specs-row:hover .slrs-specs-label i {
  transform: scale(1.15);
  color: var(--clr-primary);
  text-shadow: 0 0 10px rgba(var(--clr-primary-rgb, 22, 160, 133), 0.5);
}
@media (max-width: 35.98em) {
  .slrs-product-details-tabs .slrs-specs-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.slrs-product-details-tabs .slrs-specs-label {
  padding: 10px 16px;
  font-family: var(--ff-heading);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--clr-smoke);
  display: flex;
  align-items: center;
  gap: 12px;
  border-right: 1px solid var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-label {
  color: var(--clr-glass-op-100, #fff);
  border-right: 1px solid var(--clr-glass-op-5);
}
@media (max-width: 35.98em) {
  .slrs-product-details-tabs .slrs-specs-label {
    border-right: none;
    padding-bottom: 2px;
  }
}
.slrs-product-details-tabs .slrs-specs-label i {
  color: var(--clr-smoke-op-60);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-label i {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-product-details-tabs .slrs-specs-label i {
  font-size: 14px;
  width: 18px;
  text-align: center;
  transition: all 0.3s ease;
}
.slrs-product-details-tabs .slrs-specs-value {
  padding: 10px 16px;
  font-family: var(--ff-body);
  font-size: 13px;
  color: var(--clr-smoke-op-80);
  display: flex;
  align-items: center;
  line-height: 1.5;
}
[data-theme=dark] .slrs-product-details-tabs .slrs-specs-value {
  color: var(--clr-glass-op-80, rgba(255, 255, 255, 0.8));
}
@media (max-width: 35.98em) {
  .slrs-product-details-tabs .slrs-specs-value {
    padding-top: 0;
    padding-bottom: 10px;
  }
}
.slrs-product-details-tabs .slrs-review-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-list {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-list {
    gap: var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-review-list {
  margin-block-end: 0;
}
.slrs-product-details-tabs .slrs-review-card {
  display: flex;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-card {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-card {
    gap: var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-review-card {
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-card {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-card {
    padding: var(--space-base-24);
  }
}
.slrs-product-details-tabs .slrs-review-card {
  background-color: var(--clr-text-op-3);
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-text-op-5);
  transition: var(--transition-default);
}
.slrs-product-details-tabs .slrs-review-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-card {
  background-color: var(--clr-text-muted-op-3);
  border-color: var(--clr-text-muted-op-6);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 35.98em) {
  .slrs-product-details-tabs .slrs-review-card {
    flex-direction: column;
    gap: var(--space-base-12);
  }
}
.slrs-product-details-tabs .slrs-review-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-card__avatar {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-details-tabs .slrs-review-card__avatar {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  flex-shrink: 0;
  text-transform: uppercase;
}
.slrs-product-details-tabs .slrs-review-card__body {
  flex: 1;
  min-width: 0;
}
.slrs-product-details-tabs .slrs-review-card__stars {
  display: flex;
  gap: 2px;
  color: #f59e0b;
  font-size: var(--ffs-3xs);
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-card__stars {
    margin-block-end: var(--space-base-6);
  }
}
.slrs-product-details-tabs .slrs-review-card__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-card__header {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-card__header {
    gap: var(--space-base-16);
  }
}
.slrs-product-details-tabs .slrs-review-card__header {
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-card__header {
    margin-block-end: var(--space-base-6);
  }
}
.slrs-product-details-tabs .slrs-review-card__header {
  flex-wrap: wrap;
}
.slrs-product-details-tabs .slrs-review-card__name {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-card__name {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-details-tabs .slrs-review-card__date {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-normal);
}
.slrs-product-details-tabs .slrs-review-card__text {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin: 0;
}
.slrs-product-details-tabs .slrs-review-form__title {
  font-family: var(--ff-heading);
  font-size: 24px !important;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-form__title {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__title {
    margin-block-end: var(--space-base-20);
  }
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-form__title {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-product-details-tabs .slrs-review-form__label {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
  color: var(--clr-text-muted);
  margin-block-end: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__label {
    margin-block-end: var(--space-base-6);
  }
}
.slrs-product-details-tabs .slrs-review-form__label {
  display: block;
}
.slrs-product-details-tabs .slrs-review-form__stars {
  display: flex;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__stars {
    gap: var(--space-base-6);
  }
}
.slrs-product-details-tabs .slrs-review-form__stars {
  color: #d1d5db;
  font-size: 24px !important;
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-form__stars {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__stars {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-review-form__stars {
  cursor: pointer;
}
.slrs-product-details-tabs .slrs-review-form__stars i {
  transition: var(--transition-default);
}
.slrs-product-details-tabs .slrs-review-form__stars i:hover, .slrs-product-details-tabs .slrs-review-form__stars i.active {
  color: #f59e0b;
  transform: scale(1.15);
}
.slrs-product-details-tabs .slrs-review-form__input, .slrs-product-details-tabs .slrs-review-form__textarea {
  width: 100%;
  height: 48px;
  padding: 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-form__input, .slrs-product-details-tabs .slrs-review-form__textarea {
    padding: 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__input, .slrs-product-details-tabs .slrs-review-form__textarea {
    padding: 0 var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-review-form__input, .slrs-product-details-tabs .slrs-review-form__textarea {
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-md);
  background-color: transparent;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  transition: var(--transition-default);
  outline: none;
}
.slrs-product-details-tabs .slrs-review-form__input::placeholder, .slrs-product-details-tabs .slrs-review-form__textarea::placeholder {
  color: var(--clr-text-muted);
}
.slrs-product-details-tabs .slrs-review-form__input:focus, .slrs-product-details-tabs .slrs-review-form__textarea:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-form__input, [data-theme=dark] .slrs-product-details-tabs .slrs-review-form__textarea {
  border-color: var(--clr-text-muted-op-10);
  color: var(--clr-smoke);
}
[data-theme=dark] [data-theme=dark] .slrs-product-details-tabs .slrs-review-form__input, [data-theme=dark] [data-theme=dark] .slrs-product-details-tabs .slrs-review-form__textarea {
  color: var(--clr-glass-op-100, #fff);
}
[data-theme=dark] .slrs-product-details-tabs .slrs-review-form__input:focus, [data-theme=dark] .slrs-product-details-tabs .slrs-review-form__textarea:focus {
  border-color: var(--clr-primary-light);
  box-shadow: 0 0 0 3px var(--clr-primary-light-op-10);
}
.slrs-product-details-tabs .slrs-review-form__textarea {
  height: auto;
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-product-details-tabs .slrs-review-form__textarea {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-product-details-tabs .slrs-review-form__textarea {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-product-details-tabs .slrs-review-form__textarea {
  resize: vertical;
  min-height: 120px;
}

.slrs-details-related {
  padding-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-details-related {
    padding-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-details-related {
    padding-block-start: var(--space-base-40);
  }
}
.slrs-details-related__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-block-end: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-details-related__title {
    margin-block-end: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-details-related__title {
    margin-block-end: var(--space-base-28);
  }
}
.slrs-details-related__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-details-related__title {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-details-related__title {
    gap: var(--space-base-16);
  }
}
.slrs-details-related__title::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--clr-primary-op-20), transparent);
}
[data-theme=dark] .slrs-details-related__title {
  color: var(--clr-smoke);
}
[data-theme=dark] [data-theme=dark] .slrs-details-related__title {
  color: var(--clr-glass-op-100, #fff);
}
[data-theme=dark] .slrs-details-related__title::after {
  background: linear-gradient(90deg, var(--clr-primary-light-op-20), transparent);
}
.slrs-details-related__nav {
  display: flex;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-details-related__nav {
    gap: var(--space-base-10);
  }
}
.slrs-details-related__nav .swiper-button-prev,
.slrs-details-related__nav .swiper-button-next {
  position: static;
  width: 48px;
  height: 48px;
  margin-top: 0;
  border-radius: var(--radius-full);
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-8);
  color: var(--clr-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition-default);
  font-size: var(--ffs-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.slrs-details-related__nav .swiper-button-prev::before, .slrs-details-related__nav .swiper-button-prev::after,
.slrs-details-related__nav .swiper-button-next::before,
.slrs-details-related__nav .swiper-button-next::after {
  display: none !important;
}
.slrs-details-related__nav .swiper-button-prev:hover,
.slrs-details-related__nav .swiper-button-next:hover {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-details-related__nav .swiper-button-prev:hover,
[data-theme=dark] .slrs-details-related__nav .swiper-button-next:hover {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-details-related__nav .swiper-button-prev:hover,
.slrs-details-related__nav .swiper-button-next:hover {
  box-shadow: 0 8px 24px var(--clr-primary-op-30);
  transform: translateY(-2px);
}
.slrs-details-related__nav .swiper-button-prev.swiper-button-disabled,
.slrs-details-related__nav .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
[data-theme=dark] .slrs-details-related__nav .swiper-button-prev,
[data-theme=dark] .slrs-details-related__nav .swiper-button-next {
  background-color: var(--clr-text-op-5);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--clr-smoke);
}
[data-theme=dark] [data-theme=dark] .slrs-details-related__nav .swiper-button-prev,
[data-theme=dark] [data-theme=dark] .slrs-details-related__nav .swiper-button-next {
  color: var(--clr-glass-op-100, #fff);
}
[data-theme=dark] .slrs-details-related__nav .swiper-button-prev:hover,
[data-theme=dark] .slrs-details-related__nav .swiper-button-next:hover {
  background-color: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
  box-shadow: 0 4px 12px var(--clr-primary-light-op-25);
}

/* ==========================================================================
   Premium Glance Cards (Top Features)
   ========================================================================== */
.slrs-spec-glance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.slrs-spec-glance-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-15);
  border-radius: var(--radius-lg, 12px);
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
  /* Subtle inner glow */
}
.slrs-spec-glance-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.slrs-spec-glance-card {
  /* Dark mode adjustments */
}
[data-theme=dark] .slrs-spec-glance-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] [data-theme=dark] .slrs-spec-glance-card {
  border: 1px solid var(--clr-glass-op-8);
}
[data-theme=dark] .slrs-spec-glance-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .slrs-spec-glance-card::before {
  background: radial-gradient(circle at top right, var(--clr-primary-op-15), transparent 70%);
}
.slrs-spec-glance-card:hover {
  transform: translateY(-5px);
  border-color: var(--clr-primary-op-50);
  box-shadow: 0 12px 30px var(--clr-primary-op-15);
}
.slrs-spec-glance-card:hover::before {
  opacity: 1;
}
.slrs-spec-glance-card:hover .slrs-spec-glance-card__icon i {
  transform: scale(1.15);
  color: var(--clr-primary);
  text-shadow: 0 0 20px var(--clr-primary-op-80);
}
.slrs-spec-glance-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--clr-primary-op-15);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-spec-glance-card__icon {
  background: var(--clr-primary-op-15);
}
.slrs-spec-glance-card__icon i {
  font-size: 20px;
  color: var(--clr-primary);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-spec-glance-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.slrs-spec-glance-card__label {
  font-size: 11px;
  color: var(--clr-smoke-op-60);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.slrs-spec-glance-card__value {
  font-size: 14px;
  color: var(--clr-smoke);
  font-weight: 800;
  line-height: 1.3;
  word-break: break-word;
}
.slrs-spec-glance-card .slrs-visual-spec-bar {
  width: 100%;
  margin-top: 8px;
  height: 4px;
  border-radius: 2px;
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   Modern Tech Hero UI (Redesign)
   ========================================================================== */
.slrs-modern-hero {
  position: relative;
  padding: 60px 0 80px;
  background: var(--clr-bg, #F8FAFC);
}
[data-theme=dark] .slrs-modern-hero {
  background: var(--clr-neutral-950, #000000);
}
.slrs-modern-hero {
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-modern-hero {
  color: var(--clr-glass-op-80);
}
.slrs-modern-hero {
  overflow: hidden;
}

.slrs-hero-breadcrumb .breadcrumb-item {
  font-size: 13px;
  font-weight: 500;
}
.slrs-hero-breadcrumb .breadcrumb-item a {
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-hero-breadcrumb .breadcrumb-item a {
  color: var(--clr-glass-op-60);
}
.slrs-hero-breadcrumb .breadcrumb-item a {
  text-decoration: none;
  transition: 0.3s;
}
.slrs-hero-breadcrumb .breadcrumb-item a:hover {
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-hero-breadcrumb .breadcrumb-item a:hover {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-hero-breadcrumb .breadcrumb-item.active {
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-hero-breadcrumb .breadcrumb-item.active {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-hero-breadcrumb .breadcrumb-item::before {
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-hero-breadcrumb .breadcrumb-item::before {
  color: var(--clr-glass-op-40);
}

.slrs-hero-glow {
  position: absolute;
  top: -20%;
  left: -10%;
  width: 60%;
  height: 140%;
  background: radial-gradient(circle, rgba(var(--clr-primary), 0.15) 0%, transparent 60%);
  filter: blur(80px);
  z-index: 0;
  pointer-events: none;
}

.slrs-immersive-gallery {
  position: relative;
  padding: 20px;
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-immersive-gallery {
  background: var(--clr-glass-op-2);
}
.slrs-immersive-gallery {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-immersive-gallery {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-immersive-gallery {
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.slrs-hero-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.slrs-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-base-24);
}

.slrs-hero-price {
  margin-top: var(--space-base-16);
  margin-bottom: var(--space-base-8);
}

.slrs-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  padding: 6px 14px;
  border-radius: 20px;
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-hero-tag {
  background: var(--clr-glass-op-2);
}
.slrs-hero-tag {
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-hero-tag {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-hero-tag {
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-hero-tag {
  color: var(--clr-glass-op-60);
}
.slrs-hero-tag {
  transition: all 0.3s ease;
}
.slrs-hero-tag i {
  font-size: 13px;
  color: var(--clr-primary-light);
}
.slrs-hero-tag:hover {
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-hero-tag:hover {
  background: var(--clr-glass-op-8);
}
.slrs-hero-tag:hover {
  border-color: var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-hero-tag:hover {
  border-color: var(--clr-glass-op-15);
}
.slrs-hero-tag:hover {
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-hero-tag:hover {
  color: var(--clr-glass-op-100, #fff);
}

.slrs-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-15);
  padding: 6px 14px;
  border-radius: 30px;
}
.slrs-hero-badge.coming-soon {
  color: #F59E0B;
}

.slrs-hero-release {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-hero-release {
  background: var(--clr-glass-op-8);
}
.slrs-hero-release {
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-hero-release {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-hero-release {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.slrs-hero-release i {
  font-size: 15px;
  color: #10B981;
}
.slrs-hero-release:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.slrs-hero-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  margin-bottom: var(--space-base-8);
  background: linear-gradient(135deg, var(--clr-smoke, #1a1a1a) 0%, var(--clr-smoke-op-80, #555555) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme=dark] .slrs-hero-title {
  background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.slrs-hero-desc {
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-hero-desc {
  color: var(--clr-glass-op-80);
}
.slrs-hero-desc {
  margin-bottom: var(--space-base-16);
}

.slrs-hero-price {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: #10B981;
  text-shadow: 0 2px 10px rgba(16, 185, 129, 0.3);
  margin-bottom: var(--space-base-12);
}

.slrs-hero-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-hero-rating {
  color: var(--clr-glass-op-60);
}
.slrs-hero-rating__stars i {
  color: #FFB800;
  font-size: 16px;
}

.slrs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--clr-smoke-op-8);
}

.slrs-details-stock {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 14px;
}
.slrs-details-stock.in-stock {
  color: #10B981;
}
.slrs-details-stock.out-of-stock {
  color: #EF4444;
}
.slrs-details-stock.coming-soon {
  color: #F59E0B;
}

.breadcrumb {
  font-size: 13.5px;
  font-family: var(--ff-body, "Inter", sans-serif);
  margin-bottom: var(--space-base-2);
}
.breadcrumb .breadcrumb-item a {
  color: var(--clr-smoke-op-80);
  text-decoration: none;
}
[data-theme=dark] .breadcrumb .breadcrumb-item a {
  color: var(--clr-glass-op-60);
}
.breadcrumb .breadcrumb-item a:hover {
  color: var(--clr-primary, #0d6efd);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--clr-smoke);
  font-weight: var(--fw-medium, 500);
}
[data-theme=dark] .breadcrumb .breadcrumb-item.active {
  color: var(--clr-glass-op-100, #fff);
}

.slrs-affiliate-modal {
  z-index: 99999;
}
.slrs-affiliate-modal .modal-content {
  background: var(--clr-bg, #ffffff);
  color: var(--text-heading);
}
[data-theme=dark] .slrs-affiliate-modal .modal-content {
  background: #1A1A1A;
  color: #ffffff;
}
.slrs-affiliate-modal .modal-content {
  border-radius: 20px;
  border: 1px solid var(--clr-smoke-op-8);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .slrs-affiliate-modal .modal-content {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.slrs-affiliate-modal .modal-header {
  border-bottom: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-affiliate-modal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-affiliate-modal .modal-header {
  padding: 20px 24px;
}
.slrs-affiliate-modal .modal-header .modal-title {
  font-weight: 700;
  margin: 0;
  color: var(--text-heading);
}
[data-theme=dark] .slrs-affiliate-modal .modal-header .modal-title {
  color: #ffffff;
}
.slrs-affiliate-modal .modal-header .slrs-modal-close {
  background: var(--clr-danger, #EF4444);
  border: none;
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-affiliate-modal .modal-header .slrs-modal-close {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-affiliate-modal .modal-header .slrs-modal-close {
  font-size: 18px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin-left: auto;
}
.slrs-affiliate-modal .modal-header .slrs-modal-close:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}
.slrs-affiliate-modal .modal-body {
  padding: 24px;
}
.slrs-affiliate-modal .slrs-affiliate-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  margin-bottom: 12px;
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-affiliate-modal .slrs-affiliate-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-affiliate-modal .slrs-affiliate-item {
  transition: all 0.3s ease;
}
.slrs-affiliate-modal .slrs-affiliate-item:last-child {
  margin-bottom: 0;
}
.slrs-affiliate-modal .slrs-affiliate-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}
.slrs-affiliate-modal .slrs-affiliate-item .store-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.slrs-affiliate-modal .slrs-affiliate-item .store-info h6 {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  color: var(--text-heading);
}
[data-theme=dark] .slrs-affiliate-modal .slrs-affiliate-item .store-info h6 {
  color: #ffffff;
}
.slrs-affiliate-modal .slrs-affiliate-item .store-info .store-price {
  color: #10B981;
  font-weight: 800;
  font-size: 18px;
}
.slrs-affiliate-modal .slrs-affiliate-item .slrs-btn {
  border-radius: 30px;
  padding: 8px 20px;
}

/* Premium Tech List */
.slrs-tech-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-tech-list {
  background: var(--clr-glass-op-2);
}
.slrs-tech-list {
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-tech-list {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-tech-list {
  border-radius: 20px;
  overflow: hidden;
}

.slrs-tech-row {
  padding: 0;
  border-bottom: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-tech-row {
  border-bottom: 1px solid var(--clr-glass-op-5);
}
.slrs-tech-row {
  border-radius: 0 !important;
  position: relative;
  background: transparent;
  overflow: hidden;
}
.slrs-tech-row__main {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  width: 100%;
  background: transparent !important;
  border: none !important;
  border-left: 4px solid transparent !important;
  text-align: left;
  outline: none;
}
.slrs-tech-row__main:focus {
  outline: none;
}
.slrs-tech-row {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-tech-row:last-child {
  border-bottom: none;
}
.slrs-tech-row:hover {
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-tech-row:hover {
  background: var(--clr-glass-op-2);
}
.slrs-tech-row:hover .slrs-tech-row__main {
  border-left-color: rgba(249, 115, 22, 0.5) !important;
}
.slrs-tech-row:hover .slrs-tech-row__left {
  border-color: rgba(249, 115, 22, 0.3);
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.15);
}
.slrs-tech-row:hover .slrs-tech-row__icon i {
  filter: drop-shadow(0 4px 12px rgba(249, 115, 22, 0.6));
  transform: scale(1.1);
}
.slrs-tech-row:hover .slrs-tech-row__indicator i {
  color: #F97316;
}
.slrs-tech-row.active {
  background: var(--clr-smoke-op-3);
}
[data-theme=dark] .slrs-tech-row.active {
  background: var(--clr-glass-op-2);
}
.slrs-tech-row.active .slrs-tech-row__main {
  border-left-color: #F97316 !important;
}
.slrs-tech-row.active .slrs-tech-row__left {
  border-color: rgba(249, 115, 22, 0.5);
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.25);
}
.slrs-tech-row.active .slrs-tech-row__icon i {
  filter: drop-shadow(0 4px 12px rgba(249, 115, 22, 0.8));
  transform: scale(1.1);
}
.slrs-tech-row.active .slrs-tech-row__indicator i {
  color: #F97316;
  transform: rotate(180deg) !important;
}
.slrs-tech-row__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 56px;
  gap: 2px !important;
  background: linear-gradient(135deg, var(--clr-smoke-op-4) 0%, var(--clr-smoke-op-1) 100%);
}
[data-theme=dark] .slrs-tech-row__left {
  background: linear-gradient(135deg, var(--clr-glass-op-6) 0%, var(--clr-glass-op-1) 100%);
}
.slrs-tech-row__left {
  border: 1px solid var(--clr-smoke-op-8);
}
[data-theme=dark] .slrs-tech-row__left {
  border: 1px solid var(--clr-glass-op-8);
}
.slrs-tech-row__left {
  border-radius: 12px;
  box-shadow: inset 0 1px 0 var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-tech-row__left {
  box-shadow: inset 0 1px 0 var(--clr-glass-op-10);
}
.slrs-tech-row__left {
  margin-right: 12px !important;
  padding: 4px !important;
  transition: all 0.3s ease;
  flex-shrink: 0;
  text-align: center;
}
.slrs-tech-row__icon {
  margin-bottom: 2px;
}
.slrs-tech-row__icon i {
  font-size: 18px;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 4px rgba(249, 115, 22, 0.3));
  transition: all 0.3s ease;
}
.slrs-tech-row__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-smoke-op-80);
}
[data-theme=dark] .slrs-tech-row__label {
  color: var(--clr-glass-op-60);
}
.slrs-tech-row__label {
  letter-spacing: 0.2px;
  line-height: 1.1;
  word-break: break-word;
}
.slrs-tech-row__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding-right: 16px;
}
.slrs-tech-row__value {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0px;
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-tech-row__value {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-tech-row__value {
  margin-bottom: 4px;
}
.slrs-tech-row__bar-wrap {
  width: 140px;
  display: flex;
  align-items: center;
}
.slrs-tech-row__bar {
  height: 100%;
  background: linear-gradient(90deg, #F97316, #ea580c);
  border-radius: 10px;
}
.slrs-tech-row__indicator {
  margin-left: auto;
}
.slrs-tech-row__indicator i {
  color: var(--clr-smoke-op-40);
}
[data-theme=dark] .slrs-tech-row__indicator i {
  color: var(--clr-glass-op-40);
}
.slrs-tech-row__indicator i {
  font-size: 16px;
  transition: all 0.3s ease;
}
.slrs-tech-row__details {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 12px 24px 24px 24px;
  border-top: 1px dashed var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-tech-row__details {
  border-top: 1px dashed var(--clr-glass-op-10);
}
@media (max-width: 991px) {
  .slrs-tech-row__details {
    padding: 16px;
  }
}

/* Micro Spec Items inside Accordion */
.slrs-micro-spec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  flex: 1 1 calc(50% - 16px);
  min-width: 250px;
  padding: 12px 16px;
  background: var(--clr-smoke-op-2);
}
[data-theme=dark] .slrs-micro-spec {
  background: var(--clr-glass-op-2);
}
.slrs-micro-spec {
  border-radius: 10px;
  border: 1px solid var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-micro-spec {
  border: 1px solid var(--clr-glass-op-5);
}
.slrs-micro-spec {
  transition: all 0.3s ease;
}
.slrs-micro-spec:hover {
  background: var(--clr-smoke-op-4);
}
[data-theme=dark] .slrs-micro-spec:hover {
  background: var(--clr-glass-op-4);
}
.slrs-micro-spec:hover {
  border-color: rgba(249, 115, 22, 0.2);
  transform: translateX(4px);
}
.slrs-micro-spec__label {
  font-size: 11px;
  font-weight: 600;
  color: var(--clr-smoke-op-60);
  text-transform: uppercase;
}
[data-theme=dark] .slrs-micro-spec__label {
  color: var(--clr-glass-op-60);
}
.slrs-micro-spec__label {
  flex-shrink: 0;
  margin-bottom: 4px;
}
.slrs-micro-spec__val {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-smoke);
}
[data-theme=dark] .slrs-micro-spec__val {
  color: var(--clr-glass-op-100, #fff);
}
.slrs-micro-spec__val {
  text-align: left;
  word-break: break-word;
}

/* Sticky Action Bar */
.slrs-sticky-bar {
  position: fixed;
  bottom: 24px;
  left: 50%;
  width: 90%;
  max-width: 800px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  padding: 12px 24px;
  z-index: 1050;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  transform: translateX(-50%) translateY(150%);
  animation: slideUpStickyPill 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards;
}
[data-theme=dark] .slrs-sticky-bar {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.slrs-sticky-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slrs-sticky-bar__product {
  display: flex;
  align-items: center;
  gap: 16px;
}
.slrs-sticky-bar__product img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: contain;
  background: #fff;
  padding: 4px;
  border: 1px solid var(--clr-smoke-op-8);
}
.slrs-sticky-bar__product h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}
.slrs-sticky-bar__product .new-price {
  font-size: 14px;
  color: var(--clr-primary);
  font-weight: 700;
}
.slrs-sticky-bar__product-mobile {
  display: flex;
  align-items: center;
  gap: 12px;
}
.slrs-sticky-bar__product-mobile .new-price {
  font-size: 18px;
  color: var(--clr-primary);
  font-weight: 800;
}
.slrs-sticky-bar__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.slrs-sticky-bar__actions .btn-buy {
  padding: 10px 24px;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}

@keyframes slideUpStickyPill {
  to {
    transform: translateX(-50%) translateY(0);
  }
}
@media (max-width: 991px) {
  .slrs-hero-title {
    font-size: 32px;
  }
  .slrs-hero-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .slrs-tech-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
  }
  .slrs-tech-row__right {
    align-items: flex-start;
    text-align: left;
    width: 100%;
    padding-left: 0;
    border-left: none;
  }
}
.slrs-reviews-header {
  margin-bottom: var(--space-base-48);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-24);
  border-radius: var(--radius-2xl);
}
@media (min-width: 48em) {
  .slrs-reviews-header {
    flex-direction: row;
  }
}

.slrs-reviews-summary {
  text-align: center;
  margin-bottom: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-reviews-summary {
    text-align: left;
    margin-bottom: 0;
  }
}
.slrs-reviews-summary__score {
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-bold);
  margin-bottom: 0;
  color: var(--clr-text);
}
.slrs-reviews-summary__total {
  font-size: var(--ffs-xl);
  color: var(--clr-text-muted);
}
.slrs-reviews-summary__count {
  color: var(--clr-text-muted);
  margin-bottom: 0;
  margin-top: var(--space-base-4);
}

.slrs-reviews-form-collapse {
  margin-bottom: var(--space-base-48);
}

.slrs-reviews-form-title {
  margin-bottom: var(--space-base-24);
}

.slrs-reviews-form-row {
  margin-bottom: var(--space-base-24);
}

.slrs-reviews-form-group {
  margin-bottom: var(--space-base-24);
}

.slrs-review-item {
  padding: var(--space-base-24);
  margin-bottom: var(--space-base-24);
  border-radius: var(--radius-2xl);
}
.slrs-review-item__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-base-16);
}
.slrs-review-item__author {
  margin-bottom: var(--space-base-4);
  font-weight: var(--fw-bold);
}
.slrs-review-item__date {
  color: var(--clr-text-muted);
  font-size: var(--ffs-sm);
}
.slrs-review-item__text {
  margin-bottom: var(--space-base-16);
  line-height: 1.6;
}
.slrs-review-item__pros-cons-title {
  display: block;
  margin-bottom: var(--space-base-4);
}

.slrs-empty-reviews {
  text-align: center;
  padding-block: var(--space-base-48);
}
.slrs-empty-reviews__title {
  margin-top: var(--space-base-16);
}
.slrs-empty-reviews__desc {
  color: var(--clr-text-muted);
}

@media (max-width: 991px) {
  .slrs-tech-row__bar-wrap {
    width: 100%;
  }
}
.slrs-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 10px;
}
@media (min-width: 48em) {
  .slrs-bento-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.slrs-bento-spec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--clr-text-op-5);
  border: 1px solid var(--clr-text-op-8);
  border-radius: 16px;
  padding: 16px;
  gap: 8px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-bento-spec {
  background: var(--clr-text-muted-op-10);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-bento-spec__icon {
  font-size: 24px;
  color: var(--clr-primary);
  margin-bottom: 4px;
}
[data-theme=dark] .slrs-bento-spec__icon {
  color: var(--clr-primary-light);
}
.slrs-bento-spec__label {
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--clr-text-muted);
}
.slrs-bento-spec__value {
  font-size: 14px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-bento-spec:hover {
  transform: translateY(-2px);
  background: var(--clr-text-op-8);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .slrs-bento-spec:hover {
  background: var(--clr-text-muted-op-15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.slrs-bento-spec__bar-wrap {
  margin-top: auto;
  padding-top: 8px;
}

.slrs-ad-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  margin: var(--space-base-24) 0;
}
.slrs-ad-slot--hero {
  margin: var(--space-base-16) 0 0 0;
}

.slrs-hero-price-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.slrs-reviews-form-panel {
  padding: var(--space-base-24);
  margin-top: var(--space-base-16);
  border-radius: var(--radius-2xl);
}
@media (min-width: 48em) {
  .slrs-reviews-form-panel {
    padding: var(--space-base-40);
  }
}
.slrs-reviews-form-panel .form-control {
  background: var(--clr-text-op-3);
  border: 1px solid var(--clr-text-op-10);
  border-radius: var(--radius-lg);
  padding: 12px 16px;
  font-size: var(--ffs-sm);
  transition: all 0.3s;
}
[data-theme=dark] .slrs-reviews-form-panel .form-control {
  background: var(--clr-text-muted-op-10);
  border-color: rgba(255, 255, 255, 0.05);
  color: var(--clr-text);
}
.slrs-reviews-form-panel .form-control:focus {
  background: var(--clr-bg);
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-reviews-form-panel .form-control:focus {
  background: var(--clr-neutral-900);
}

.slrs-reviews-form-row {
  margin-bottom: var(--space-base-16);
  --bs-gutter-x: var(--space-base-16);
  --bs-gutter-y: var(--space-base-16);
}

.slrs-rating-input {
  color: var(--clr-text-op-20);
  font-size: 24px;
  cursor: pointer;
  display: inline-flex;
  gap: 4px;
}
.slrs-rating-input i {
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s;
}
.slrs-rating-input i:hover {
  transform: scale(1.2);
}
.slrs-rating-input i.active, .slrs-rating-input i.hover {
  color: #f59e0b;
}

.slrs-text-warning {
  color: #f59e0b !important;
}

.slrs-text-primary {
  color: var(--clr-text) !important;
}

.slrs-bento-spec {
  flex-direction: row !important;
  align-items: center !important;
  padding: 10px 14px !important;
  gap: 12px !important;
}
.slrs-bento-spec__icon {
  font-size: 20px !important;
  margin-bottom: 0 !important;
}
.slrs-bento-spec__label {
  font-size: 11px !important;
}
.slrs-bento-spec__value {
  font-size: 13px !important;
  margin-top: 2px;
}
.slrs-bento-spec__text-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.slrs-bento-spec__bar-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
  width: 100%;
}

.slrs-bento-spec__text-wrapper .slrs-bento-spec__bar-wrap {
  margin-top: 4px !important;
}

.slrs-specs-group {
  background: var(--clr-text-op-3);
  border-radius: var(--radius-2xl);
  padding: var(--space-base-24);
  margin-bottom: var(--space-base-24);
  border: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-specs-group {
  background: var(--clr-text-muted-op-5);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-specs-group__header {
  margin-bottom: var(--space-base-16);
  padding-bottom: var(--space-base-12);
  border-bottom: 1px dashed var(--clr-text-op-10);
}
.slrs-specs-group__header h3 {
  font-size: 24px !important;
}
.slrs-specs-group__header i {
  font-size: 24px;
  color: var(--clr-primary);
}
.slrs-specs-group table {
  border-collapse: collapse;
  width: 100%;
}
.slrs-specs-group table td {
  border: none !important;
  padding: 12px 0;
  border-bottom: 1px solid var(--clr-text-op-5) !important;
}
.slrs-specs-group table td:first-child {
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  width: 35%;
}
.slrs-specs-group table td:last-child {
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
.slrs-specs-group table tr:last-child td {
  border-bottom: none !important;
}

.universal-tab-panel {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.universal-tab-panel .slrs-tab-card {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.slrs-specs-group {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: var(--space-base-24);
  box-shadow: none;
}
.slrs-specs-group__header {
  background: transparent;
  padding: 0 0 var(--space-base-8) var(--space-base-12);
  margin-bottom: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-specs-group__header h3 {
  font-size: 14px !important;
  font-weight: var(--fw-semibold);
  font-family: var(--ff-body);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-text-muted);
  margin-bottom: 0;
}
.slrs-specs-group__header i {
  font-size: 16px;
  color: var(--clr-text-muted);
}
.slrs-specs-group__content {
  background: var(--clr-bg);
  border-radius: var(--radius-xl);
  border: 1px solid var(--clr-text-op-5);
  overflow: hidden;
  padding: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-specs-group__content {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.slrs-specs-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--space-base-12) var(--space-base-16);
  border-bottom: 1px solid var(--clr-text-op-5);
  background-color: transparent;
  transition: background-color 0.2s ease;
}
@media (max-width: 35.98em) {
  .slrs-specs-row {
    flex-direction: column;
    gap: var(--space-base-4);
  }
}
[data-theme=dark] .slrs-specs-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.slrs-specs-row:last-child {
  border-bottom: none;
}
.slrs-specs-row:active, .slrs-specs-row:hover {
  background-color: var(--clr-text-op-3);
}
[data-theme=dark] .slrs-specs-row:active, [data-theme=dark] .slrs-specs-row:hover {
  background-color: rgba(255, 255, 255, 0.015);
}

.slrs-specs-label {
  font-family: var(--ff-body);
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: var(--clr-heading);
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 35.98em) {
  .slrs-specs-label {
    width: 100%;
    color: var(--clr-text-muted);
    font-size: 13px;
  }
}
.slrs-specs-label i {
  display: none;
}

.slrs-specs-value {
  font-family: var(--ff-body);
  font-size: 15px;
  font-weight: var(--fw-normal);
  color: var(--clr-text-muted);
  text-align: right;
  line-height: 1.4;
  word-break: break-word;
}
@media (max-width: 35.98em) {
  .slrs-specs-value {
    text-align: left;
    color: var(--clr-heading);
    font-size: 14px;
    font-weight: var(--fw-medium);
  }
}

.slrs-ad-slot--tab-bottom {
  margin-top: var(--space-base-24);
  margin-bottom: var(--space-base-12);
  display: flex;
  justify-content: center;
}

.slrs-specs-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-8);
  padding: var(--space-base-12) var(--space-base-16);
  margin-bottom: var(--space-base-16);
  background-color: rgba(var(--clr-warning-rgb, 243, 156, 18), 0.08);
  border: 1px solid rgba(var(--clr-warning-rgb, 243, 156, 18), 0.15);
  border-radius: var(--radius-lg);
}
[data-theme=dark] .slrs-specs-disclaimer {
  background-color: rgba(var(--clr-warning-rgb, 243, 156, 18), 0.05);
  border-color: rgba(var(--clr-warning-rgb, 243, 156, 18), 0.1);
}
.slrs-specs-disclaimer i {
  font-size: 18px;
  color: var(--clr-warning, #f39c12);
  margin-top: 2px;
}
.slrs-specs-disclaimer p {
  margin: 0;
  font-size: 13px;
  color: var(--clr-text-muted);
  line-height: 1.5;
}
.slrs-specs-disclaimer p strong {
  color: var(--clr-text);
  font-weight: var(--fw-semibold);
}
.slrs-specs-disclaimer p a {
  color: var(--clr-primary);
  text-decoration: none;
  font-weight: var(--fw-medium);
  margin-left: 4px;
}
.slrs-specs-disclaimer p a:hover {
  text-decoration: underline;
}

.slrs-reviews-premium-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-24);
}

.slrs-reviews-premium-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-24);
  border-radius: var(--radius-2xl);
  background-color: var(--clr-primary-op-5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--clr-text-op-8);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-20), 0 10px 40px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-reviews-premium-header {
  background-color: var(--clr-primary-light-op-5);
  border: 1px solid var(--clr-glass-op-8);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-5), 0 10px 40px var(--clr-smoke-op-20);
}
@media (max-width: 35.98em) {
  .slrs-reviews-premium-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-base-20);
    text-align: center;
  }
}

.slrs-reviews-premium-summary {
  display: flex;
  align-items: center;
  gap: var(--space-base-20);
}
@media (max-width: 35.98em) {
  .slrs-reviews-premium-summary {
    flex-direction: column;
    gap: var(--space-base-12);
  }
}

.slrs-reviews-score-badge {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-2));
  border: 1px solid var(--clr-primary-op-20);
  box-shadow: inset 0 1px 2px var(--clr-glass-op-30), 0 10px 30px var(--clr-primary-op-15);
}
[data-theme=dark] .slrs-reviews-score-badge {
  box-shadow: inset 0 1px 2px var(--clr-glass-op-10), 0 10px 30px var(--clr-primary-op-5);
}
.slrs-reviews-score-badge .score {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xl);
  font-weight: var(--fw-bold);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 80px;
}
[data-theme=dark] .slrs-reviews-score-badge .score {
  background: linear-gradient(135deg, var(--clr-primary-light), var(--clr-glass-op-100));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slrs-reviews-score-badge .out-of {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin-inline-start: 2px;
  font-weight: var(--fw-semibold);
}

.slrs-reviews-meta-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
.slrs-reviews-meta-info .slrs-reviews-stars {
  display: flex;
  gap: 4px;
  font-size: var(--ffs-lg);
}
.slrs-reviews-meta-info .slrs-star-filled {
  color: var(--clr-warning);
}
.slrs-reviews-meta-info .slrs-star-empty {
  color: var(--clr-text-muted-op-30);
}
.slrs-reviews-meta-info .slrs-reviews-count {
  margin: 0;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
}

.slrs-reviews-accordion {
  margin-top: var(--space-base-16);
}
.slrs-reviews-accordion .universal-accordion-item {
  background-color: transparent;
  border: 1px solid var(--clr-primary-op-15);
  border-radius: var(--radius-xl);
  overflow: hidden;
  margin-bottom: 0;
}
[data-theme=dark] .slrs-reviews-accordion .universal-accordion-item {
  border-color: var(--clr-primary-light-op-15);
}
.slrs-reviews-accordion .slrs-reviews-accordion-trigger {
  background-color: var(--clr-primary-op-5);
  padding: var(--space-base-16) var(--space-base-20);
  border: none;
  transition: var(--transition-default);
}
[data-theme=dark] .slrs-reviews-accordion .slrs-reviews-accordion-trigger {
  background-color: var(--clr-primary-op-5);
}
.slrs-reviews-accordion .slrs-reviews-accordion-trigger .universal-accordion-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-reviews-accordion .slrs-reviews-accordion-trigger .universal-accordion-title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-reviews-accordion .slrs-reviews-accordion-trigger .universal-accordion-title {
  color: var(--clr-glass-op-100);
}
[data-theme=dark] .slrs-reviews-accordion .slrs-reviews-accordion-trigger .universal-accordion-title i {
  color: var(--clr-primary-light);
}
.slrs-reviews-accordion .slrs-reviews-accordion-trigger:hover {
  background-color: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-reviews-accordion .slrs-reviews-accordion-trigger:hover {
  background-color: var(--clr-primary-op-10);
}
.slrs-reviews-accordion .universal-accordion-panel {
  background-color: var(--clr-text-op-3);
  border-top: 1px solid var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-reviews-accordion .universal-accordion-panel {
  background-color: var(--clr-text-muted-op-5);
  border-top-color: var(--clr-primary-light-op-10);
}

.slrs-reviews-premium-form {
  padding: var(--space-base-16) 0 0 0;
  background-color: transparent;
  border: none;
  margin-top: 0;
}

.slrs-reviews-form-header {
  margin-bottom: var(--space-base-24);
  padding-bottom: var(--space-base-16);
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-reviews-form-header {
  border-bottom-color: var(--clr-text-muted-op-10);
}
.slrs-reviews-form-header .slrs-reviews-form-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-4);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-reviews-form-header .slrs-reviews-form-title i {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-reviews-form-header .slrs-reviews-form-title {
  color: var(--clr-glass-op-100);
}
[data-theme=dark] .slrs-reviews-form-header .slrs-reviews-form-title i {
  color: var(--clr-primary-light);
}
.slrs-reviews-form-header .slrs-reviews-form-subtitle {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin: 0;
}

.slrs-premium-label {
  font-family: var(--ff-body);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-8);
}

.slrs-floating-group {
  position: relative;
  width: 100%;
}

.slrs-floating-input {
  width: 100%;
  background-color: var(--clr-text-op-3);
  border: 1px solid var(--clr-text-op-10);
  border-radius: var(--radius-lg);
  padding: var(--space-base-24) var(--space-base-16) var(--space-base-8) var(--space-base-16);
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text);
  transition: var(--transition-default);
  outline: none !important;
  box-shadow: none;
}
.slrs-floating-input:invalid, .slrs-floating-input:valid, .slrs-floating-input:-moz-ui-invalid {
  box-shadow: none;
  outline: none;
}
[data-theme=dark] .slrs-floating-input {
  background-color: var(--clr-text-muted-op-10);
  border-color: var(--clr-text-muted-op-15);
  color: var(--clr-glass-op-100);
}
.slrs-floating-input:focus, .slrs-floating-input:focus-visible {
  background-color: transparent;
  border-color: var(--clr-primary) !important;
  box-shadow: 0 0 0 4px var(--clr-primary-op-10) !important;
  outline: none !important;
}
[data-theme=dark] .slrs-floating-input:focus, [data-theme=dark] .slrs-floating-input:focus-visible {
  border-color: var(--clr-primary-light) !important;
  box-shadow: 0 0 0 4px var(--clr-primary-light-op-10) !important;
}
.slrs-floating-input::placeholder {
  color: transparent;
}

.slrs-floating-textarea {
  resize: vertical;
  min-height: 120px;
}

.slrs-floating-label {
  position: absolute;
  top: 18px;
  left: var(--space-base-16);
  pointer-events: none;
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left top;
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}

.slrs-floating-input:focus ~ .slrs-floating-label,
.slrs-floating-input:not(:placeholder-shown) ~ .slrs-floating-label {
  top: 8px;
  font-size: 11px;
  color: var(--clr-primary);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
}
[data-theme=dark] .slrs-floating-input:focus ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-input:not(:placeholder-shown) ~ .slrs-floating-label {
  color: var(--clr-primary-light);
}

.slrs-required-star {
  color: var(--clr-danger);
}

.slrs-icon-success {
  color: var(--clr-success);
}

.slrs-icon-danger {
  color: var(--clr-danger);
}

.slrs-reviews-form .slrs-reviews-form-row {
  margin-top: var(--space-base-16);
}
.slrs-reviews-form .slrs-reviews-form-group {
  margin-top: var(--space-base-24);
}
.slrs-reviews-form .slrs-rating-label {
  display: block;
  margin-bottom: var(--space-base-8);
}
.slrs-reviews-form .slrs-reviews-form-action {
  margin-top: var(--space-base-24);
  text-align: right;
}
.slrs-reviews-form .slrs-reviews-form-action .slrs-btn i {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slrs-reviews-form .slrs-reviews-form-action .slrs-btn:hover i {
  transform: translateX(4px);
}
.slrs-reviews-form .slrs-hidden {
  display: none !important;
}
.slrs-reviews-form .slrs-review-alert {
  margin-top: var(--space-base-24);
  padding: var(--space-base-16);
  border-radius: var(--radius-lg);
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
}
.slrs-reviews-form .slrs-alert-danger {
  background-color: var(--clr-danger-op-10);
  border: 1px solid var(--clr-danger-op-20);
  color: var(--clr-danger);
}
.slrs-reviews-form .slrs-alert-success {
  background-color: var(--clr-success-op-10);
  border: 1px solid var(--clr-success-op-20);
  color: var(--clr-success);
}

.slrs-premium-rating-input {
  display: flex;
  gap: var(--space-base-8);
  font-size: var(--ffs-2xl);
  color: var(--clr-text-muted-op-30);
  cursor: pointer;
}
.slrs-premium-rating-input i {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}
.slrs-premium-rating-input i:hover, .slrs-premium-rating-input i:active {
  transform: scale(1.25);
}

.slrs-reviews-premium-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
  margin-top: var(--space-base-24);
}

.slrs-review-bento-card {
  background-color: var(--clr-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-2xl);
  padding: var(--space-base-24);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-30);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
[data-theme=dark] .slrs-review-bento-card {
  background-color: var(--clr-text-muted-op-5);
  border-color: var(--clr-text-muted-op-10);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10);
}
.slrs-review-bento-card:hover {
  transform: scale(0.99) translateY(-2px);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-30), 0 20px 40px var(--clr-smoke-op-8);
  border-color: var(--clr-text-op-15);
}
[data-theme=dark] .slrs-review-bento-card:hover {
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10), 0 20px 40px var(--clr-smoke-op-30);
  border-color: var(--clr-text-muted-op-20);
}

.slrs-review-bento-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-base-16);
  padding-bottom: var(--space-base-16);
  border-bottom: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-review-bento-header {
  border-bottom-color: var(--clr-text-muted-op-5);
}

.slrs-review-bento-author {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
}
.slrs-review-bento-author .author-avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));
  color: var(--clr-glass-op-100);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  box-shadow: 0 0 0 3px var(--clr-bg), 0 0 0 5px var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-review-bento-author .author-avatar {
  box-shadow: 0 0 0 3px var(--clr-bg), 0 0 0 5px var(--clr-primary-light-op-20);
}
.slrs-review-bento-author .author-info {
  display: flex;
  flex-direction: column;
}
.slrs-review-bento-author .author-info .author-name {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--ffs-base);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-review-bento-author .author-info .author-name {
  color: var(--clr-glass-op-100);
}
.slrs-review-bento-author .author-info .review-date {
  font-family: var(--ff-body);
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}

.slrs-review-bento-body .review-text {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
  margin: 0;
}
[data-theme=dark] .slrs-review-bento-body .review-text {
  color: var(--clr-glass-op-80);
}

.slrs-review-bento-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-12);
  margin-top: var(--space-base-20);
  padding-top: var(--space-base-16);
  border-top: 1px dashed var(--clr-text-op-8);
}
[data-theme=dark] .slrs-review-bento-footer {
  border-top-color: var(--clr-text-muted-op-10);
}

.review-pros-cons {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
  background-color: var(--clr-text-op-3);
  padding: var(--space-base-12) var(--space-base-16);
  border-radius: var(--radius-2xl);
  border: 1px solid transparent;
}
.review-pros-cons.review-pros {
  background-color: var(--clr-success-op-5);
  border-color: var(--clr-success-op-10);
}
.review-pros-cons.review-pros .pro-con-badge {
  color: var(--clr-success);
}
.review-pros-cons.review-cons {
  background-color: var(--clr-danger-op-5);
  border-color: var(--clr-danger-op-10);
}
.review-pros-cons.review-cons .pro-con-badge {
  color: var(--clr-danger);
}
.review-pros-cons .pro-con-badge {
  font-family: var(--ff-body);
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  display: flex;
  align-items: center;
  gap: var(--space-base-4);
}
.review-pros-cons .pro-con-text {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
}

.slrs-empty-bento {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
  background-color: transparent;
  border: 1px dashed var(--clr-text-op-10);
  border-radius: var(--radius-2xl);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-empty-bento {
  border-color: var(--clr-text-muted-op-10);
}
.slrs-empty-bento::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, var(--clr-primary-op-10) 0%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
  z-index: 0;
}
.slrs-empty-bento > * {
  position: relative;
  z-index: 1;
}
.slrs-empty-bento .empty-icon-wrap {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  background-color: var(--clr-text-op-5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-base-20);
  font-size: var(--ffs-3xl);
  color: var(--clr-text-muted-op-40);
}
[data-theme=dark] .slrs-empty-bento .empty-icon-wrap {
  background-color: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-30);
}
.slrs-empty-bento .empty-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-8);
}
[data-theme=dark] .slrs-empty-bento .empty-title {
  color: var(--clr-glass-op-100);
}
.slrs-empty-bento .empty-desc {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin: 0;
}

.slrs-quickview-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1060 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.slrs-quickview-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.slrs-quickview-modal.is-open .slrs-quickview-modal-container {
  transform: scale(1) translateY(0);
  opacity: 1;
  filter: blur(0);
}
.slrs-quickview-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 23, 42, 0.6);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-quickview-modal-overlay {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-quickview-modal-overlay {
  z-index: 1;
}
.slrs-quickview-modal-container {
  position: relative;
  width: 92%;
  max-width: 960px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-2xl, 24px);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-container {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-container {
    padding: var(--space-base-28);
  }
}
.slrs-quickview-modal-container {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  z-index: 2;
  transform: scale(0.9) translateY(24px);
  opacity: 0;
  filter: blur(4px);
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, filter 0.4s ease;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-quickview-modal-container {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-quickview-modal-container {
  max-height: 90vh;
  overflow-y: auto;
}
.slrs-quickview-modal-container::-webkit-scrollbar {
  width: 5px;
}
.slrs-quickview-modal-container::-webkit-scrollbar-thumb {
  background: var(--clr-primary-op-25);
  border-radius: var(--radius-full);
}
.slrs-quickview-modal-container::-webkit-scrollbar-track {
  background: transparent;
}
[data-theme=dark] .slrs-quickview-modal-container {
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
[data-theme=dark] .slrs-quickview-modal-container::-webkit-scrollbar-thumb {
  background: rgba(74, 222, 128, 0.25);
}
.slrs-quickview-modal-close {
  position: absolute;
  top: var(--space-base-16);
  right: var(--space-base-16);
  width: 40px;
  height: 40px;
  background-color: var(--clr-text-op-5);
  border: 1px solid var(--clr-text-op-8);
  border-radius: var(--radius-full);
  color: var(--clr-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 10;
  font-size: var(--ffs-sm);
}
.slrs-quickview-modal-close:hover {
  background-color: var(--clr-primary);
  color: #ffffff;
  border-color: transparent;
  transform: rotate(90deg) scale(1.1);
  box-shadow: 0 4px 14px var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-quickview-modal-close {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
[data-theme=dark] .slrs-quickview-modal-close:hover {
  background-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
}
.slrs-quickview-modal-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-content {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-content {
    gap: var(--space-base-28);
  }
}
.slrs-quickview-modal-content {
  align-items: start;
}
@media (max-width: 47.98em) {
  .slrs-quickview-modal-content {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-base-12);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-quickview-modal-content {
    gap: var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-quickview-modal-content {
    gap: var(--space-base-20);
  }
}
.slrs-quickview-modal-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-gallery {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-gallery {
    gap: var(--space-base-16);
  }
}
.slrs-quickview-modal-gallery {
  min-width: 0;
  width: 100%;
}
.slrs-quickview-modal-main-img {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background-color: var(--clr-neutral-100);
  border: 1px solid var(--clr-text-op-5);
  aspect-ratio: 1/1;
  position: relative;
  width: 100%;
  min-width: 0;
}
.slrs-quickview-modal-main-img .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.slrs-quickview-modal-main-img .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.slrs-quickview-modal-main-img .swiper-slide:hover img {
  transform: scale(1.05);
}
[data-theme=dark] .slrs-quickview-modal-main-img {
  background-color: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
}
.slrs-quickview-modal-badges {
  position: absolute;
  top: var(--space-base-12);
  left: var(--space-base-12);
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-badges {
    gap: var(--space-base-6);
  }
}
.slrs-quickview-modal-badges {
  z-index: 2;
}
.slrs-quickview-modal-badge {
  display: inline-flex;
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-badge {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-badge {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-quickview-modal-badge {
  border-radius: var(--radius-full);
  font-family: var(--ff-body);
  font-size: 10px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  line-height: 1;
}
.slrs-quickview-modal-badge--sale {
  background-color: var(--clr-danger);
  color: #ffffff;
}
.slrs-quickview-modal-badge--new {
  background-color: var(--clr-primary);
  color: #ffffff;
}
.slrs-quickview-modal-badge--hot {
  background-color: #f59e0b;
  color: #ffffff;
}
.slrs-quickview-modal-thumbs {
  margin-block-start: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-thumbs {
    margin-block-start: var(--space-base-10);
  }
}
.slrs-quickview-modal-thumbs {
  width: 100%;
  min-width: 0;
}
.slrs-quickview-modal-thumbs:not(.swiper-initialized) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-thumbs:not(.swiper-initialized) {
    gap: var(--space-base-10);
  }
}
.slrs-quickview-modal-thumb {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition-default);
  aspect-ratio: 1/1;
  opacity: 0.6;
}
.slrs-quickview-modal-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-quickview-modal-thumb:hover, .slrs-quickview-modal-thumb.is-active, .slrs-quickview-modal-thumb.swiper-slide-thumb-active {
  border-color: var(--clr-primary);
  opacity: 1;
}
[data-theme=dark] .slrs-quickview-modal-thumb:hover, [data-theme=dark] .slrs-quickview-modal-thumb.is-active, [data-theme=dark] .slrs-quickview-modal-thumb.swiper-slide-thumb-active {
  border-color: var(--clr-primary-light);
}
.slrs-quickview-modal-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-info {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info {
    gap: var(--space-base-20);
  }
}
.slrs-quickview-modal-info .qv-cat {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  color: var(--clr-text-muted);
  letter-spacing: var(--ls-wider);
}
.slrs-quickview-modal-info .qv-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--clr-text);
  margin: 0;
}
[data-theme=dark] .slrs-quickview-modal-info .qv-title {
  color: #ffffff;
}
.slrs-quickview-modal-info .qv-rating {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #f59e0b;
  font-size: var(--ffs-3xs);
}
.slrs-quickview-modal-info .qv-rating .qv-rating-stars {
  display: flex;
  gap: 2px;
}
.slrs-quickview-modal-info .qv-rating .qv-rating-count {
  color: var(--clr-text-muted);
  margin-inline-start: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-rating .qv-rating-count {
    margin-inline-start: var(--space-base-10);
  }
}
.slrs-quickview-modal-info .qv-rating .qv-rating-count {
  font-weight: var(--fw-medium);
}
.slrs-quickview-modal-info .qv-price-wrap {
  display: flex;
  align-items: baseline;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-info .qv-price-wrap {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-price-wrap {
    gap: var(--space-base-16);
  }
}
.slrs-quickview-modal-info .qv-price-wrap .old-price {
  font-size: var(--ffs-sm);
  text-decoration: line-through;
  color: var(--clr-text-muted);
}
.slrs-quickview-modal-info .qv-price-wrap .new-price {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-price-wrap .new-price {
  color: var(--clr-primary-light);
}
.slrs-quickview-modal-info .qv-stock {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-stock {
    gap: var(--space-base-10);
  }
}
.slrs-quickview-modal-info .qv-stock {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-semibold);
}
.slrs-quickview-modal-info .qv-stock.in-stock {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-stock.in-stock {
  color: var(--clr-primary-light);
}
.slrs-quickview-modal-info .qv-stock.out-of-stock {
  color: var(--clr-danger);
}
.slrs-quickview-modal-info .qv-stock__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background-color: currentColor;
  animation: slrs-qv-pulse 1.5s ease-in-out infinite;
}
.slrs-quickview-modal-info .qv-desc {
  font-family: var(--ff-body);
  font-size: var(--ffs-sm);
  line-height: var(--lh-relaxed);
  color: var(--clr-text-muted);
}
.slrs-quickview-modal-info .qv-features {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-features {
    gap: var(--space-base-10);
  }
}
.slrs-quickview-modal-info .qv-feature {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-feature {
    gap: var(--space-base-6);
  }
}
.slrs-quickview-modal-info .qv-feature {
  padding: var(--space-base-4) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-info .qv-feature {
    padding: var(--space-base-4) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-feature {
    padding: var(--space-base-6) var(--space-base-16);
  }
}
.slrs-quickview-modal-info .qv-feature {
  background-color: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-10);
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  transition: var(--transition-default);
}
.slrs-quickview-modal-info .qv-feature i {
  font-size: 10px;
}
.slrs-quickview-modal-info .qv-feature:hover {
  background-color: var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-feature {
  background-color: var(--clr-primary-light-op-5);
  border-color: var(--clr-primary-light-op-10);
  color: var(--clr-primary-light);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-feature:hover {
  background-color: var(--clr-primary-light-op-10);
}
.slrs-quickview-modal-info .qv-divider {
  height: 1px;
  background-color: var(--clr-text-op-5);
  border: none;
  margin: 0;
}
[data-theme=dark] .slrs-quickview-modal-info .qv-divider {
  background-color: var(--clr-text-muted-op-8);
}
.slrs-quickview-modal-info .qv-actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-info .qv-actions {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-actions {
    gap: var(--space-base-16);
  }
}
.slrs-quickview-modal-info .qv-actions {
  flex-wrap: wrap;
}
.slrs-quickview-modal-info .qv-add-to-cart-btn {
  height: 44px;
  padding: 0 var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-quickview-modal-info .qv-add-to-cart-btn {
    padding: 0 var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-add-to-cart-btn {
    padding: 0 var(--space-base-28);
  }
}
.slrs-quickview-modal-info .qv-add-to-cart-btn {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-add-to-cart-btn {
    gap: var(--space-base-10);
  }
}
.slrs-quickview-modal-info .qv-add-to-cart-btn {
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.35s ease;
  background-color: var(--clr-primary);
  color: #ffffff;
  flex: 1;
  justify-content: center;
  min-width: 160px;
}
.slrs-quickview-modal-info .qv-add-to-cart-btn i {
  font-size: var(--ffs-sm);
}
.slrs-quickview-modal-info .qv-add-to-cart-btn:hover {
  background-color: var(--clr-primary-dark);
  box-shadow: 0 6px 24px var(--clr-primary-op-30);
  transform: translateY(-2px);
}
.slrs-quickview-modal-info .qv-add-to-cart-btn:active {
  transform: translateY(0);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-add-to-cart-btn {
  background-color: var(--clr-primary-light);
  color: var(--clr-neutral-900);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-add-to-cart-btn:hover {
  background-color: #86efac;
  box-shadow: 0 6px 24px var(--clr-primary-light-op-20);
}
.slrs-quickview-modal-info .qv-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-text-op-8);
  background-color: transparent;
  color: var(--clr-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition-default);
  font-size: var(--ffs-sm);
  flex-shrink: 0;
}
.slrs-quickview-modal-info .qv-icon-btn:hover {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  background-color: var(--clr-primary-op-5);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-icon-btn {
  border-color: var(--clr-text-muted-op-10);
  color: var(--clr-text-muted-op-60);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-icon-btn:hover {
  border-color: var(--clr-primary-light);
  color: var(--clr-primary-light);
  background-color: var(--clr-primary-light-op-5);
}
.slrs-quickview-modal-info .qv-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-quickview-modal-info .qv-meta {
    gap: var(--space-base-6);
  }
}
.slrs-quickview-modal-info .qv-meta {
  font-family: var(--ff-body);
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
}
.slrs-quickview-modal-info .qv-meta span {
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
}
[data-theme=dark] .slrs-quickview-modal-info .qv-meta span {
  color: var(--clr-text-muted-op-60);
}

@keyframes slrs-qv-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.slrs-quickview-open {
  overflow: hidden;
}

.slrs-cart-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: var(--clr-neutral-900);
  color: var(--clr-white);
  padding: 14px 24px;
  border-radius: var(--radius-xl, 14px);
  z-index: 9999 !important;
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-semibold, 600);
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
  transform: translateY(100px) scale(0.9);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
}
.slrs-cart-toast i {
  color: var(--clr-primary-dark);
  font-size: 1.1rem;
}
.slrs-cart-toast.show {
  transform: translateY(0) scale(1);
  opacity: 1;
}
[data-theme=dark] .slrs-cart-toast {
  background-color: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}

@keyframes cartPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.pulse-animation {
  animation: cartPulse 0.4s ease;
}

.cart-toggle-btn {
  position: relative;
}
.cart-toggle-btn .cart-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: var(--clr-accent);
  color: var(--clr-white);
  font-size: 10px;
  font-weight: var(--fw-bold, 700);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1.5px solid var(--clr-white);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 3;
  transition: all 0.3s ease;
}
[data-theme=dark] .cart-toggle-btn .cart-badge {
  background-color: var(--clr-accent);
  color: var(--clr-white);
  border-color: #1e293b;
}

.home-style-v4 .slrs-cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 38px 24px 34px;
  border-radius: 24px;
  background: var(--clr-neutral-50);
  border: 1px solid var(--clr-primary-op-10);
  text-decoration: none;
  color: var(--t-heading, inherit);
  overflow: hidden;
  height: 100%;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.7), 0 10px 30px -10px rgba(0, 0, 0, 0.03);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-cat-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}
.home-style-v4 .slrs-cat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 0%, var(--clr-primary-op-8), transparent 70%);
  background-origin: border-box;
  background-clip: padding-box;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.home-style-v4 .slrs-cat-card:hover {
  transform: translateY(-8px);
  border-color: var(--clr-primary-op-30);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.9), 0 24px 48px -12px var(--clr-primary-op-15);
}
.home-style-v4 .slrs-cat-card:hover::before {
  opacity: 1;
}
.home-style-v4 .slrs-cat-card:hover .slrs-cat-card__icon {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: padding-box;
  color: #fff;
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 24px var(--clr-primary-op-30);
}
.home-style-v4 .slrs-cat-card:hover .slrs-cat-card__count {
  background: var(--clr-primary);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 10px var(--clr-primary-op-20);
}
.home-style-v4 .slrs-cat-card:hover .slrs-cat-card__arrow {
  opacity: 1;
  transform: translateX(0);
}
.home-style-v4 .slrs-cat-card__icon {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: var(--clr-primary);
  background: linear-gradient(135deg, var(--clr-primary-op-8), var(--clr-primary-op-4));
  background-origin: border-box;
  background-clip: padding-box;
  border: 1px solid var(--clr-primary-op-12);
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-cat-card__icon {
  background: linear-gradient(135deg, var(--clr-primary-op-15), rgba(255, 255, 255, 0.02));
  border-color: rgba(255, 255, 255, 0.08);
}
.home-style-v4 .slrs-cat-card__icon--transparent {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
[data-theme=dark] .home-style-v4 .slrs-cat-card__icon--transparent {
  background: transparent !important;
  border-color: transparent !important;
}
.home-style-v4 .slrs-cat-card__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-style-v4 .slrs-cat-card__title {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--t-heading, #1e293b);
}
.home-style-v4 .slrs-cat-card__desc {
  position: relative;
  z-index: 1;
  font-size: 13.5px;
  color: var(--t-body, #64748b);
  margin-bottom: 18px;
  line-height: 1.5;
}
.home-style-v4 .slrs-cat-card__count {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--clr-primary);
  padding: 5px 14px;
  border-radius: 100px;
  background: var(--clr-primary-op-6);
  border: 1px solid var(--clr-primary-op-12);
  transition: all 0.3s ease;
}
[data-theme=dark] .home-style-v4 .slrs-cat-card__count {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
.home-style-v4 .slrs-cat-card__arrow {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tabs-nav-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tabs-nav {
  display: inline-flex;
  gap: 6px;
  position: relative;
  background: transparent;
  border: none;
  padding: 0;
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tab-btn {
  padding: 10px 22px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  background: transparent;
  color: var(--t-body, #64748b);
  cursor: pointer;
  transition: color 0.3s ease;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tab-btn i {
  margin-right: 6px;
  font-size: 13px;
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tab-btn.active {
  color: var(--clr-primary);
}
.home-style-v4 .slrs-shop-tabs-v4 .universal-tab-indicator {
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--clr-primary) !important;
  box-shadow: none !important;
}
@keyframes card-heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.15);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(1);
  }
}
.home-style-v4 .slrs-shop-products-v4 .slrs-sec-heading {
  margin-bottom: var(--space-base-48);
}
.home-style-v4 {
  /* A. Collapsible/Vertical Category List for Hero Slider Combo */
}
.home-style-v4 .slrs-hero-sidebar-cats {
  background: var(--clr-glass-op-60);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--clr-smoke-op-10);
  border-radius: 24px;
  padding: var(--space-base-20);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05), inset 0 1px 1px var(--clr-glass-op-80), inset 0 0 0 1px var(--clr-glass-op-20);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats {
  background: var(--clr-smoke-op-40);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4), inset 0 1px 1px var(--clr-glass-op-20), inset 0 0 0 1px var(--clr-glass-op-5);
}
.home-style-v4 .slrs-hero-sidebar-cats__title {
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  display: flex;
  align-items: center;
  gap: var(--space-base-10);
  padding-bottom: var(--space-base-12);
  margin-bottom: var(--space-base-12);
  border-bottom: 1px dashed var(--clr-smoke-op-20);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__title {
  border-color: var(--clr-glass-op-10);
}
.home-style-v4 .slrs-hero-sidebar-cats__title i {
  color: var(--clr-primary);
  font-size: 18px;
}
.home-style-v4 .slrs-hero-sidebar-cats__brand-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: var(--space-base-8);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-style-v4 .slrs-hero-sidebar-cats__tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: var(--space-base-10);
  padding-bottom: var(--space-base-10);
  border-bottom: 1px solid var(--clr-smoke-op-10);
  flex-shrink: 0;
  flex: 0 0 auto;
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__tabs {
  border-color: var(--clr-glass-op-10);
}
.home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn {
  flex: 1;
  width: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(var(--clr-primary-rgb)/0.04);
  border: 1px solid transparent;
  color: var(--clr-text-muted);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.6);
}
.home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn i {
  font-size: 14px;
}
.home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn:hover {
  background: rgba(var(--clr-primary-rgb)/0.08);
  color: var(--clr-text);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn.active {
  background: var(--clr-primary);
  color: #fff;
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb)/0.25);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__tabs .universal-tab-btn.active {
  color: #fff;
}
.home-style-v4 .slrs-hero-sidebar-cats__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.home-style-v4 .slrs-hero-sidebar-cats__list li {
  padding-left: 0 !important;
}
.home-style-v4 .slrs-hero-sidebar-cats__list li::before {
  content: none !important;
  display: none !important;
}
.home-style-v4 .slrs-hero-sidebar-cats__item {
  position: relative;
  margin-bottom: 0 !important;
}
.home-style-v4 .slrs-hero-sidebar-cats__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--clr-text);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__item a {
  color: rgba(255, 255, 255, 0.85);
}
.home-style-v4 .slrs-hero-sidebar-cats__item a:hover {
  background: rgba(var(--clr-primary-rgb)/0.06);
  color: var(--clr-primary);
  transform: translateX(4px);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__item a:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.home-style-v4 .slrs-hero-sidebar-cats__item a:hover .slrs-hero-sidebar-cats__brand-img {
  transform: scale(1.1);
}
.home-style-v4 .slrs-hero-sidebar-cats__item a .cat-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.home-style-v4 .slrs-hero-sidebar-cats__item a .cat-info i {
  font-size: 18px;
  color: var(--clr-text-muted);
  width: 20px;
  text-align: center;
  opacity: 0.7;
  transition: color 0.25s ease;
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__item a .cat-info i {
  color: rgba(255, 255, 255, 0.5);
}
.home-style-v4 .slrs-hero-sidebar-cats__item a:hover .cat-info i {
  color: var(--clr-primary);
  opacity: 1;
}
.home-style-v4 .slrs-hero-sidebar-cats__item a .arrow {
  font-size: 12px;
  opacity: 0;
  transform: translateX(-5px);
  transition: all 0.3s ease;
  color: var(--clr-primary);
}
.home-style-v4 .slrs-hero-sidebar-cats__item a:hover .arrow {
  opacity: 1;
  transform: translateX(0);
}
.home-style-v4 .slrs-hero-sidebar-cats__item--view-all {
  margin-top: 6px !important;
  padding-top: 6px !important;
  border-top: 1px dashed rgba(var(--clr-primary-rgb)/0.15);
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__item--view-all {
  border-color: rgba(255, 255, 255, 0.05);
}
.home-style-v4 .slrs-hero-sidebar-cats__item--view-all a {
  color: var(--clr-primary) !important;
  background: transparent !important;
}
.home-style-v4 .slrs-hero-sidebar-cats__item--view-all a .cat-info i {
  color: var(--clr-primary) !important;
  opacity: 1 !important;
}
.home-style-v4 .slrs-hero-sidebar-cats__item--view-all a:hover {
  background: rgba(var(--clr-primary-rgb)/0.08) !important;
  transform: translateY(-2px) !important;
}
[data-theme=dark] .home-style-v4 .slrs-hero-sidebar-cats__item--view-all a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.home-style-v4 {
  /* B. Trust Badges Section */
}
.home-style-v4 .slrs-trust-badges {
  position: relative;
  z-index: 10;
  margin-top: var(--space-base-48);
  margin-bottom: var(--space-base-48);
}
.home-style-v4 .slrs-trust-badges__pill-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-surface-1);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 24px 32px;
  box-shadow: 0 20px 40px -15px var(--clr-smoke-op-8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-trust-badges__pill-wrapper {
  box-shadow: 0 20px 40px -15px var(--clr-smoke-op-100);
}
@media (max-width: 61.98em) {
  .home-style-v4 .slrs-trust-badges__pill-wrapper {
    flex-wrap: wrap;
    padding: 24px;
    gap: 24px;
  }
}
.home-style-v4 .slrs-trust-badges__item {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  cursor: default;
}
@media (max-width: 61.98em) {
  .home-style-v4 .slrs-trust-badges__item {
    min-width: calc(50% - 12px);
  }
}
@media (max-width: 35.98em) {
  .home-style-v4 .slrs-trust-badges__item {
    min-width: 100%;
  }
}
.home-style-v4 .slrs-trust-badges__item:hover .slrs-trust-badges__icon {
  transform: translateY(-3px) scale(1.05);
  background: var(--clr-primary);
  color: var(--clr-neutral-white);
  box-shadow: 0 10px 20px -5px var(--clr-primary-op-40);
}
.home-style-v4 .slrs-trust-badges__divider {
  width: 1px;
  height: 40px;
  background: var(--border-color);
  margin: 0 24px;
}
@media (max-width: 61.98em) {
  .home-style-v4 .slrs-trust-badges__divider {
    display: none;
  }
}
.home-style-v4 .slrs-trust-badges__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--clr-primary-op-8);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-trust-badges__icon {
  background: var(--clr-primary-op-15);
  color: var(--clr-primary-dark);
}
.home-style-v4 .slrs-trust-badges__content h5 {
  font-family: var(--ff-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--t-heading);
  margin-bottom: 2px;
  letter-spacing: -0.2px;
}
.home-style-v4 .slrs-trust-badges__content p {
  font-family: var(--ff-body);
  font-size: 13px;
  color: var(--t-body);
  margin-bottom: 0;
  line-height: 1.4;
}
.home-style-v4 {
  /* D. Brand Marquee Carousel Section */
}
.home-style-v4 .slrs-brand-section {
  padding: 60px 0;
  border-top: 1px solid var(--clr-primary-op-6);
  overflow: hidden;
}
[data-theme=dark] .home-style-v4 .slrs-brand-section {
  border-top-color: rgba(255, 255, 255, 0.05);
}
.home-style-v4 .slrs-brand-section__title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--t-body, #64748b);
  text-align: center;
  margin-bottom: 30px;
}
.home-style-v4 .slrs-brand-section__slider {
  overflow: hidden;
  user-select: none;
  display: flex;
  gap: 50px;
  position: relative;
  width: 100%;
}
.home-style-v4 .slrs-brand-section__slider::before, .home-style-v4 .slrs-brand-section__slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.home-style-v4 .slrs-brand-section__slider::before {
  left: 0;
  background: linear-gradient(90deg, var(--clr-white) 10%, transparent);
}
[data-theme=dark] .home-style-v4 .slrs-brand-section__slider::before {
  background: linear-gradient(90deg, var(--clr-neutral-900) 10%, transparent);
}
.home-style-v4 .slrs-brand-section__slider::after {
  right: 0;
  background: linear-gradient(270deg, var(--clr-white) 10%, transparent);
}
[data-theme=dark] .home-style-v4 .slrs-brand-section__slider::after {
  background: linear-gradient(270deg, var(--clr-neutral-900) 10%, transparent);
}
.home-style-v4 .slrs-brand-section__track {
  display: flex;
  align-items: center;
  gap: 80px;
  min-width: 100%;
  animation: brandMarquee 30s linear infinite;
}
.home-style-v4 .slrs-brand-section__item {
  flex-shrink: 0;
}
.home-style-v4 .slrs-brand-section__item img {
  height: 32px;
  width: auto;
  opacity: 0.45;
  filter: grayscale(100%);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .home-style-v4 .slrs-brand-section__item img {
  opacity: 0.35;
  filter: grayscale(100%) invert(1);
}
.home-style-v4 .slrs-brand-section__item img:hover {
  opacity: 1;
  filter: grayscale(0%);
  transform: scale(1.08);
}
[data-theme=dark] .home-style-v4 .slrs-brand-section__item img:hover {
  filter: grayscale(0%) invert(0);
}
@keyframes brandMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 80px));
  }
}

.slrs-upcoming-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.slrs-upcoming-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-base-8);
}
.slrs-upcoming-nav .slrs-btn--icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-12);
  background: var(--clr-smoke-op-3);
  color: var(--clr-body-color);
  border: 1px solid var(--clr-smoke-op-5);
}
.slrs-upcoming-nav .slrs-btn--icon:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
}

.slrs-upcoming-card {
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border-radius: var(--radius-20);
  border: 1px solid var(--clr-smoke-op-5);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-20), 0 4px 20px var(--clr-smoke-op-3);
  overflow: hidden;
  position: relative;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
}
.slrs-upcoming-card__image {
  position: relative;
  padding: var(--space-base-24);
  background: var(--clr-smoke-op-2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
}
.slrs-upcoming-card__image img {
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-upcoming-card__glass {
  position: absolute;
  top: var(--space-base-12);
  right: var(--space-base-12);
  z-index: 2;
}
.slrs-upcoming-card__badge {
  font-size: 0.71875rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-upcoming-card__badge {
    font-size: clamp(0.6875rem, 0.6821rem + 0.0272vw, 0.75rem);
  }
}
.slrs-upcoming-card__badge {
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 12px;
  border-radius: var(--radius-rounded);
  background: var(--clr-glass-op-70);
  backdrop-filter: blur(16px);
  color: var(--clr-heading-color);
  border: 1px solid var(--clr-glass-op-20);
  box-shadow: 0 4px 12px var(--clr-smoke-op-5);
}
.slrs-upcoming-card__info {
  padding: var(--space-base-20);
  display: flex;
  flex-direction: column;
  flex: 1;
  background: var(--clr-white);
}
.slrs-upcoming-card__title {
  font-size: 1.0625rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-upcoming-card__title {
    font-size: clamp(1rem, 0.9891rem + 0.0543vw, 1.125rem);
  }
}
.slrs-upcoming-card__title {
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-heading-color);
  margin: 0 0 var(--space-base-12);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-upcoming-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: var(--space-base-16);
  border-top: 1px dashed var(--clr-smoke-op-10);
}
.slrs-upcoming-card__date {
  font-size: 0.78125rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-upcoming-card__date {
    font-size: clamp(0.75rem, 0.7446rem + 0.0272vw, 0.8125rem);
  }
}
.slrs-upcoming-card__date {
  font-weight: var(--fw-medium);
  color: var(--clr-body-color-op-70);
  display: flex;
  align-items: center;
  gap: 4px;
}
.slrs-upcoming-card__date i {
  color: var(--clr-primary);
  font-size: 16px;
}
.slrs-upcoming-card__price {
  font-size: 0.84375rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-upcoming-card__price {
    font-size: clamp(0.8125rem, 0.8071rem + 0.0272vw, 0.875rem);
  }
}
.slrs-upcoming-card__price {
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
}
.slrs-upcoming-card:hover {
  transform: translateY(-8px);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-20), 0 12px 32px var(--clr-smoke-op-5);
  border-color: var(--clr-primary-op-20);
}
.slrs-upcoming-card:hover .slrs-upcoming-card__image img {
  transform: scale(1.08);
}

[data-theme=dark] .slrs-upcoming-card {
  background: var(--clr-glass-op-3);
  backdrop-filter: blur(24px);
}
[data-theme=dark] .slrs-upcoming-card__image {
  background: var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-upcoming-card__info {
  background: transparent;
}
[data-theme=dark] .slrs-upcoming-card__badge {
  background: var(--clr-smoke-op-50);
  color: var(--clr-white);
  border-color: var(--clr-glass-op-10);
}

.slrs-shop-ft {
  background: #07090e !important;
  position: relative;
  padding: 40px 0 15px;
  border-top: 1px solid transparent;
  background-image: linear-gradient(#07090e, #07090e), linear-gradient(90deg, rgba(22, 163, 74, 0.02) 0%, rgba(22, 163, 74, 0.25) 50%, rgba(22, 163, 74, 0.02) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.slrs-shop-ft::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 15% 15%, rgba(22, 163, 74, 0.03) 0%, transparent 40%), radial-gradient(circle at 85% 75%, rgba(238, 115, 37, 0.02) 0%, transparent 40%);
  pointer-events: none;
}
.slrs-shop-ft {
  /* Compact Newsletter Box - Frosted Horizontal Card */
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  padding: 20px 25px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-bottom: 30px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
  transform: translateZ(0);
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .newsletter-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.15), rgba(22, 163, 74, 0.05));
  color: var(--clr-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  border: 1px solid rgba(22, 163, 74, 0.18);
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.08);
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box h4 {
  font-size: 17px;
  letter-spacing: -0.5px;
  margin-bottom: 2px;
  font-weight: 700;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .text-white-50 {
  font-size: 12.5px;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box {
  /* Premium Form styling */
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
}
@media (max-width: 991px) {
  .slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form {
    margin-left: 0;
  }
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .input-icon {
  position: absolute;
  left: 16px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  pointer-events: none;
  z-index: 5;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .form-control {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 100px !important;
  color: #ffffff !important;
  padding: 0 130px 0 42px !important;
  font-size: 13px !important;
  height: 44px !important;
  line-height: 44px !important;
  width: 100% !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .form-control:focus {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(22, 163, 74, 0.45) !important;
  box-shadow: 0 0 10px rgba(22, 163, 74, 0.1) !important;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .btn-newsletter {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700)) !important;
  background-origin: border-box !important;
  background-clip: padding-box !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 12.5px;
  border: none;
  padding: 0 22px;
  border-radius: 100px;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.15);
  height: 36px;
  will-change: transform;
}
.slrs-shop-ft .slrs-shop-ft__newsletter-box .slrs-shop-ft__newsletter-form .btn-newsletter:hover {
  transform: translate3d(0, 0, 0) scale(1.02);
  box-shadow: 0 6px 14px rgba(22, 163, 74, 0.25);
}
.slrs-shop-ft {
  /* Compact Hotline CTA */
}
.slrs-shop-ft .slrs-shop-ft__hotline {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  margin-top: 14px;
  max-width: 240px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.01);
}
.slrs-shop-ft .slrs-shop-ft__hotline .icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700));
  background-origin: border-box;
  background-clip: padding-box;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.2);
}
.slrs-shop-ft .slrs-shop-ft__hotline .details {
  display: flex;
  flex-direction: column;
}
.slrs-shop-ft .slrs-shop-ft__hotline .details .label {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.8px;
  line-height: 1.1;
}
.slrs-shop-ft .slrs-shop-ft__hotline .details .number {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease;
}
.slrs-shop-ft .slrs-shop-ft__hotline .details .number:hover {
  color: var(--clr-primary-dark);
}
.slrs-shop-ft {
  /* Social Icons */
}
.slrs-shop-ft .slrs-shop-ft__social-icons {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.slrs-shop-ft .slrs-shop-ft__social-icons a {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, color 0.25s ease;
  will-change: transform;
}
.slrs-shop-ft .slrs-shop-ft__social-icons a:hover {
  background: var(--clr-primary);
  border-color: transparent;
  color: #fff;
  transform: translate3d(0, -2px, 0);
}
.slrs-shop-ft {
  /* Column Headers */
}
.slrs-shop-ft h5 {
  font-size: 14.5px;
  font-weight: 700;
  color: #fff !important;
  margin-bottom: 16px !important;
  position: relative;
  padding-bottom: 6px;
}
.slrs-shop-ft h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 2px;
  background: var(--clr-primary);
  border-radius: 10px;
}
.slrs-shop-ft {
  /* Link Lists (Quick Links) */
}
.slrs-shop-ft ul.list-unstyled {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slrs-shop-ft ul.list-unstyled li a {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  will-change: transform;
}
.slrs-shop-ft ul.list-unstyled li a::before {
  content: "❯";
  font-family: inherit;
  font-weight: 900;
  font-size: 10px;
  color: var(--clr-primary);
  opacity: 0;
  transform: translateX(-4px);
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.slrs-shop-ft ul.list-unstyled li a:hover {
  color: #fff !important;
  transform: translate3d(3px, 0, 0);
}
.slrs-shop-ft ul.list-unstyled li a:hover::before {
  opacity: 1;
  transform: translateX(0);
}
.slrs-shop-ft {
  /* Compact Category Chips */
}
.slrs-shop-ft .slrs-shop-ft__chip-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.35);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.slrs-shop-ft .slrs-shop-ft__chip-title i {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.slrs-shop-ft .slrs-shop-ft__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.slrs-shop-ft .slrs-shop-ft__chips .footer-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  white-space: nowrap;
}
.slrs-shop-ft .slrs-shop-ft__chips .footer-chip:hover {
  background: var(--clr-primary-op-15);
  border-color: var(--clr-primary-op-30);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb)/0.15);
}
.slrs-shop-ft {
  /* Contact Widget info list */
}
.slrs-shop-ft .slrs-shop-ft__info-widget {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item i {
  color: var(--clr-primary-dark);
  font-size: 13px;
  margin-top: 3px;
  width: 16px;
  text-align: center;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item .details {
  display: flex;
  flex-direction: column;
  line-height: 1.35;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item .details span {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 1px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item .details a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.slrs-shop-ft .slrs-shop-ft__info-widget-item .details a:hover {
  color: #fff;
}
.slrs-shop-ft {
  /* Bottom Copyright & Payments section */
}
.slrs-shop-ft .slrs-shop-ft__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 24px;
}
@media (max-width: 767px) {
  .slrs-shop-ft .slrs-shop-ft__bottom {
    flex-direction: column;
    text-align: center;
  }
}
.slrs-shop-ft .slrs-shop-ft__bottom .copyright-text {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}
.slrs-shop-ft .slrs-shop-ft__bottom .slrs-shop-ft__legal-links {
  display: flex;
  gap: 15px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.slrs-shop-ft .slrs-shop-ft__bottom .slrs-shop-ft__legal-links a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.slrs-shop-ft .slrs-shop-ft__bottom .slrs-shop-ft__legal-links a:hover {
  color: var(--clr-primary);
}
.slrs-shop-ft .slrs-shop-ft__bottom .footer-bottom-links {
  display: flex;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.slrs-shop-ft .slrs-shop-ft__bottom .footer-bottom-links li a {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition: color 0.2s ease;
}
.slrs-shop-ft .slrs-shop-ft__bottom .footer-bottom-links li a:hover {
  color: #fff;
}
.slrs-shop-ft {
  /* Glassmorphic Payment Icons list */
}
.slrs-shop-ft .slrs-shop-ft__payment-icons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-shop-ft .slrs-shop-ft__payment-icons .payment-card {
  width: 38px;
  height: 23px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, color 0.25s ease;
  cursor: pointer;
  will-change: transform;
}
.slrs-shop-ft .slrs-shop-ft__payment-icons .payment-card:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
  transform: translate3d(0, -2px, 0);
}
.slrs-shop-ft .slrs-shop-ft__logo {
  max-height: 40px;
}
.slrs-shop-ft .slrs-shop-ft__about-text {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  max-width: 280px;
  margin-bottom: 20px;
}
.slrs-shop-ft .slrs-shop-ft__post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slrs-sysbuilder-section {
  padding-block: var(--space-base-40) var(--space-base-48);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-section {
    padding-block: var(--space-base-64) var(--space-base-80);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-section {
    padding-block: var(--space-base-96) var(--space-base-120);
  }
}
.slrs-sysbuilder-section {
  background-color: var(--clr-neutral-50);
  transition: background-color var(--transition-default);
  position: relative;
  overflow: hidden;
}
.slrs-sysbuilder-section::before, .slrs-sysbuilder-section::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
  transition: all 0.5s ease;
}
.slrs-sysbuilder-section::before {
  background: radial-gradient(circle, var(--clr-primary) 0%, transparent 70%);
  top: -10%;
  left: -10%;
}
.slrs-sysbuilder-section::after {
  background: radial-gradient(circle, var(--clr-secondary) 0%, transparent 70%);
  bottom: -10%;
  right: -10%;
}
[data-theme=dark] .slrs-sysbuilder-section {
  background-color: rgba(15, 23, 42, 0.4);
}
[data-theme=dark] .slrs-sysbuilder-section::before, [data-theme=dark] .slrs-sysbuilder-section::after {
  opacity: 0.15;
}
.slrs-sysbuilder-container {
  max-width: 1040px;
  margin-inline: auto;
  background-color: var(--clr-bg);
  border-radius: var(--radius-2xl, 24px);
  border: 1px solid var(--clr-text-op-5);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.02);
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-container {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-container {
    padding: var(--space-base-56);
  }
}
.slrs-sysbuilder-container {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
[data-theme=dark] .slrs-sysbuilder-container {
  background-color: rgba(30, 41, 59, 0.55);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    [data-theme=dark] .slrs-sysbuilder-container {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
@media (max-width: 47.98em) {
  .slrs-sysbuilder-container {
    padding: var(--space-base-20) var(--space-base-12);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-sysbuilder-container {
    padding: var(--space-base-28) var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-sysbuilder-container {
    padding: var(--space-base-40) var(--space-base-20);
  }
}
.slrs-sysbuilder-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-progress {
    margin-block-end: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-progress {
    margin-block-end: var(--space-base-56);
  }
}
.slrs-sysbuilder-progress {
  position: relative;
  padding-inline: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-progress {
    padding-inline: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-progress {
    padding-inline: var(--space-base-40);
  }
}
.slrs-sysbuilder-progress::after {
  content: "";
  position: absolute;
  top: 24px;
  left: var(--space-base-48);
  right: var(--space-base-48);
  height: 4px;
  background-color: var(--clr-text-op-5);
  z-index: 1;
  border-radius: var(--radius-sm);
}
[data-theme=dark] .slrs-sysbuilder-progress::after {
  background-color: rgba(255, 255, 255, 0.08);
}
.slrs-sysbuilder-progress-bar {
  position: absolute;
  top: 24px;
  left: var(--space-base-48);
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-secondary) 100%);
  z-index: 2;
  border-radius: var(--radius-sm);
  transition: width var(--transition-default);
}
.slrs-sysbuilder-progress-node {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--clr-bg);
  border: 3px solid var(--clr-text-op-10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--clr-text-muted);
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-sysbuilder-progress-node i {
  transition: transform 0.3s ease;
}
.slrs-sysbuilder-progress-node:hover {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  transform: translateY(-2px);
}
.slrs-sysbuilder-progress-node:hover i {
  transform: scale(1.1);
}
.slrs-sysbuilder-progress-node.active {
  border-color: var(--clr-primary);
  background-color: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 0 20px var(--clr-primary-op-35);
}
.slrs-sysbuilder-progress-node.active i {
  transform: scale(1.05);
}
.slrs-sysbuilder-progress-node.completed {
  border-color: var(--clr-primary);
  background-color: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-sysbuilder-progress-node.completed {
  background-color: rgb(30, 41, 59);
}
[data-theme=dark] .slrs-sysbuilder-progress-node {
  background-color: rgb(15, 23, 42);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.4);
}
.slrs-sysbuilder-steps-wrapper {
  position: relative;
  min-height: 440px;
  transition: min-height 0.3s ease;
}
@media (max-width: 35.98em) {
  .slrs-sysbuilder-steps-wrapper {
    min-height: 520px;
  }
}
.slrs-sysbuilder-step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(30px);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0.35s;
  z-index: 1;
}
.slrs-sysbuilder-step.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0s;
  z-index: 2;
}
.slrs-sysbuilder-step.completed-left {
  transform: translateX(-30px);
}
.slrs-sysbuilder-title {
  font-family: var(--ff-heading);
  font-size: 1.75rem;
  font-weight: 700;
  margin-block-end: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-sysbuilder-title {
    margin-block-end: var(--space-base-10);
  }
}
.slrs-sysbuilder-title {
  text-align: center;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-sysbuilder-title {
  color: #ffffff;
}
.slrs-sysbuilder-subtitle {
  font-size: var(--font-md);
  color: var(--clr-text-muted);
  text-align: center;
  margin-block-end: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-subtitle {
    margin-block-end: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-subtitle {
    margin-block-end: var(--space-base-56);
  }
}
[data-theme=dark] .slrs-sysbuilder-subtitle {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-sysbuilder-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-choice-grid {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-choice-grid {
    gap: var(--space-base-28);
  }
}
.slrs-sysbuilder-choice-grid {
  margin-block-end: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-choice-grid {
    margin-block-end: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-choice-grid {
    margin-block-end: var(--space-base-56);
  }
}
.slrs-sysbuilder-choice-grid--three {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 35.98em) {
  .slrs-sysbuilder-choice-grid--three {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 35.98em) {
  .slrs-sysbuilder-choice-grid {
    grid-template-columns: 1fr;
    gap: var(--space-base-12);
  }
}
@media (max-width: 35.98em) and (min-width: 48em) {
  .slrs-sysbuilder-choice-grid {
    gap: var(--space-base-16);
  }
}
@media (max-width: 35.98em) and (min-width: 75em) {
  .slrs-sysbuilder-choice-grid {
    gap: var(--space-base-20);
  }
}
.slrs-sysbuilder-choice-card {
  border-radius: var(--radius-xl, 16px);
  border: 1px solid var(--clr-text-op-10);
  padding: var(--space-base-24) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-choice-card {
    padding: var(--space-base-36) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-choice-card {
    padding: var(--space-base-56) var(--space-base-20);
  }
}
.slrs-sysbuilder-choice-card {
  text-align: center;
  cursor: pointer;
  background-color: var(--clr-bg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-choice-card {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-choice-card {
    gap: var(--space-base-16);
  }
}
.slrs-sysbuilder-choice-card {
  position: relative;
}
.slrs-sysbuilder-choice-card .icon {
  font-size: 2.75rem;
  color: var(--clr-text-muted);
  transition: all 0.3s ease;
}
.slrs-sysbuilder-choice-card h4 {
  font-family: var(--ff-heading);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  color: var(--clr-text);
  transition: color 0.3s ease;
}
.slrs-sysbuilder-choice-card p {
  font-size: var(--font-sm);
  color: var(--clr-text-muted);
  margin: 0;
  line-height: 1.5;
}
.slrs-sysbuilder-choice-card:hover {
  transform: translateY(-4px);
  border-color: var(--clr-primary-op-35);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.03);
}
.slrs-sysbuilder-choice-card:hover .icon {
  color: var(--clr-primary);
  transform: scale(1.08);
}
.slrs-sysbuilder-choice-card.active {
  border-color: var(--clr-primary);
  background-color: var(--clr-primary-op-5) !important;
  box-shadow: 0 8px 25px var(--clr-primary-op-15);
}
.slrs-sysbuilder-choice-card.active .icon {
  color: var(--clr-primary);
  transform: scale(1.08);
}
.slrs-sysbuilder-choice-card.active h4 {
  color: var(--clr-primary);
}
.slrs-sysbuilder-choice-card.active::after {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 15px;
  right: 15px;
  color: var(--clr-primary);
  font-size: 18px;
  animation: check-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
[data-theme=dark] .slrs-sysbuilder-choice-card {
  background-color: rgba(30, 41, 59, 0.3);
  border-color: rgba(255, 255, 255, 0.06);
}
[data-theme=dark] .slrs-sysbuilder-choice-card h4 {
  color: #ffffff;
}
[data-theme=dark] .slrs-sysbuilder-choice-card p {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-sysbuilder-choice-card .icon {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-sysbuilder-choice-card.active {
  background-color: rgba(226, 92, 5, 0.08) !important;
}
.slrs-sysbuilder-slider-group {
  background-color: var(--clr-neutral-50);
  border-radius: var(--radius-xl, 16px);
  padding: var(--space-base-20) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-slider-group {
    padding: var(--space-base-28) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-slider-group {
    padding: var(--space-base-40) var(--space-base-56);
  }
}
.slrs-sysbuilder-slider-group {
  border: 1px solid var(--clr-text-op-5);
  margin-block-end: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-slider-group {
    margin-block-end: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-slider-group {
    margin-block-end: var(--space-base-56);
  }
}
[data-theme=dark] .slrs-sysbuilder-slider-group {
  background-color: rgba(15, 23, 42, 0.2);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-sysbuilder-slider-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-slider-label {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-slider-label {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-sysbuilder-slider-label span {
  font-weight: 600;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
}
[data-theme=dark] .slrs-sysbuilder-slider-label span {
  color: rgba(255, 255, 255, 0.5);
}
.slrs-sysbuilder-slider-label .value {
  font-family: var(--ff-heading);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-primary);
}
.slrs-sysbuilder-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: var(--radius-full);
  background: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-primary) var(--slider-percent, 0%), var(--clr-text-op-10) var(--slider-percent, 0%), var(--clr-text-op-10) 100%);
  outline: none;
  transition: background 0.1s ease;
}
.slrs-sysbuilder-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--clr-primary);
  border: 3px solid var(--clr-bg);
  cursor: pointer;
  box-shadow: 0 0 15px rgba(226, 92, 5, 0.5);
  transition: transform 0.15s ease-out;
}
.slrs-sysbuilder-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.slrs-sysbuilder-slider::-moz-range-thumb {
  width: 26px;
  height: 26px;
  border: 3px solid var(--clr-bg);
  border-radius: 50%;
  background: var(--clr-primary);
  cursor: pointer;
  box-shadow: 0 0 15px rgba(226, 92, 5, 0.5);
  transition: transform 0.15s ease-out;
}
.slrs-sysbuilder-slider::-moz-range-thumb:hover {
  transform: scale(1.15);
}
[data-theme=dark] .slrs-sysbuilder-slider {
  background: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-primary) var(--slider-percent, 0%), rgba(255, 255, 255, 0.08) var(--slider-percent, 0%), rgba(255, 255, 255, 0.08) 100%);
}
[data-theme=dark] .slrs-sysbuilder-slider::-webkit-slider-thumb {
  border-color: rgb(30, 41, 59);
}
[data-theme=dark] .slrs-sysbuilder-slider::-moz-range-thumb {
  border-color: rgb(30, 41, 59);
}
.slrs-sysbuilder-nav-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--clr-text-op-5);
  padding-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-nav-buttons {
    padding-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-nav-buttons {
    padding-block-start: var(--space-base-40);
  }
}
.slrs-sysbuilder-nav-buttons {
  margin-block-start: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-nav-buttons {
    margin-block-start: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-nav-buttons {
    margin-block-start: var(--space-base-40);
  }
}
[data-theme=dark] .slrs-sysbuilder-nav-buttons {
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-sysbuilder-results-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-results-grid {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-results-grid {
    gap: var(--space-base-40);
  }
}
.slrs-sysbuilder-results-grid {
  align-items: start;
}
@media (max-width: 61.98em) {
  .slrs-sysbuilder-results-grid {
    grid-template-columns: 1fr;
    gap: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-sysbuilder-results-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-sysbuilder-results-grid {
    gap: var(--space-base-28);
  }
}
.slrs-sysbuilder-kpi-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-kpi-group {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-kpi-group {
    gap: var(--space-base-20);
  }
}
.slrs-sysbuilder-kpi-card {
  border-radius: var(--radius-xl, 16px);
  border: 1px solid var(--clr-text-op-5);
  padding: var(--space-base-16) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-kpi-card {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-kpi-card {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
.slrs-sysbuilder-kpi-card {
  background-color: var(--clr-bg);
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
}
.slrs-sysbuilder-kpi-card .icon-bg {
  position: absolute;
  right: -10px;
  bottom: -15px;
  font-size: 5rem;
  opacity: 0.03;
  color: var(--clr-text);
  pointer-events: none;
}
[data-theme=dark] .slrs-sysbuilder-kpi-card .icon-bg {
  color: #ffffff;
  opacity: 0.02;
}
.slrs-sysbuilder-kpi-card .label {
  font-size: var(--font-xs);
  font-weight: 700;
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-theme=dark] .slrs-sysbuilder-kpi-card .label {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-sysbuilder-kpi-card .value {
  font-family: var(--ff-heading);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-sysbuilder-kpi-card .value {
  color: #ffffff;
}
.slrs-sysbuilder-kpi-card--accent {
  border-color: rgba(226, 92, 5, 0.15);
  background-color: rgba(226, 92, 5, 0.01);
}
.slrs-sysbuilder-kpi-card--accent .value {
  color: var(--clr-primary);
}
[data-theme=dark] .slrs-sysbuilder-kpi-card--accent {
  background-color: rgba(226, 92, 5, 0.03);
}
[data-theme=dark] .slrs-sysbuilder-kpi-card {
  background-color: rgba(30, 41, 59, 0.2);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-sysbuilder-visualizer-card {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-text-op-10);
  border-radius: 20px;
  padding: var(--space-base-16) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-visualizer-card {
    padding: var(--space-base-20) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-visualizer-card {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
.slrs-sysbuilder-visualizer-card {
  margin-block-start: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-visualizer-card {
    margin-block-start: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-visualizer-card {
    margin-block-start: var(--space-base-28);
  }
}
.slrs-sysbuilder-visualizer-card {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
  position: relative;
  overflow: hidden;
}
[data-theme=dark] .slrs-sysbuilder-visualizer-card {
  background: rgba(30, 41, 59, 0.2);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-sysbuilder-visualizer-card .visualizer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-visualizer-card .visualizer-header {
    margin-block-end: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-visualizer-card .visualizer-header {
    margin-block-end: var(--space-base-20);
  }
}
.slrs-sysbuilder-visualizer-card .visualizer-header h4 {
  font-family: var(--ff-heading);
  font-size: var(--ffs-md, 14px);
  font-weight: 700;
  color: var(--clr-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-sysbuilder-visualizer-card .visualizer-header .visualizer-badge {
  font-size: 10px;
  font-weight: 700;
  background-color: var(--clr-primary-op-10);
  color: var(--clr-primary);
  padding: 3px 8px;
  border-radius: 12px;
  text-transform: uppercase;
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview {
  height: 180px;
  background-color: var(--clr-neutral-50);
  border-radius: 12px;
  border: 1px solid var(--clr-text-op-5);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-sysbuilder-visualizer-card .roof-visualizer-preview {
  background-color: rgba(15, 23, 42, 0.3);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview.roof-sloped {
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.04) 100%), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 2px, transparent 2px, transparent 15px);
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview.roof-flat {
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);
  background-size: 20px 20px;
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview.roof-flat::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 70%;
  border: 2px solid rgba(0, 0, 0, 0.05);
  transform: perspective(300px) rotateX(25deg);
  pointer-events: none;
}
[data-theme=dark] .slrs-sysbuilder-visualizer-card .roof-visualizer-preview.roof-flat::before {
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview.roof-metal {
  background: repeating-linear-gradient(90deg, var(--clr-text-op-5) 0px, var(--clr-text-op-5) 3px, transparent 3px, transparent 20px);
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  max-width: 85%;
  width: 320px;
  max-height: 85%;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid {
    padding: var(--space-base-20);
  }
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid {
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
  justify-content: center;
  align-content: center;
  z-index: 1;
}
[data-theme=dark] .slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid {
  background: rgba(15, 23, 42, 0.4);
  border-color: rgba(255, 255, 255, 0.08);
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid .solar-panel-unit {
  height: 38px;
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
  border: 1.5px solid #60a5fa;
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  animation: panel-spawn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid .solar-panel-unit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
  background-size: 6px 10px;
}
.slrs-sysbuilder-visualizer-card .roof-visualizer-preview .roof-panel-grid .solar-panel-unit::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 45%, rgba(255, 255, 255, 0.12) 50%, transparent 55%);
  transform: rotate(30deg);
  animation: shine-sweep 3s infinite ease-in-out;
}
.slrs-sysbuilder-hardware-list {
  background-color: var(--clr-neutral-50);
  border-radius: var(--radius-xl, 16px);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-hardware-list {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-hardware-list {
    padding: var(--space-base-40);
  }
}
.slrs-sysbuilder-hardware-list {
  border: 1px solid var(--clr-text-op-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-hardware-list {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-hardware-list {
    gap: var(--space-base-20);
  }
}
[data-theme=dark] .slrs-sysbuilder-hardware-list {
  background-color: rgba(15, 23, 42, 0.2);
  border-color: rgba(255, 255, 255, 0.04);
}
.slrs-sysbuilder-hardware-title {
  font-family: var(--ff-heading);
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 var(--space-base-8) 0;
}
@media (min-width: 75em) {
  .slrs-sysbuilder-hardware-title {
    margin: 0 0 var(--space-base-10) 0;
  }
}
.slrs-sysbuilder-hardware-title {
  color: var(--clr-text);
}
[data-theme=dark] .slrs-sysbuilder-hardware-title {
  color: #ffffff;
}
.slrs-sysbuilder-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-item {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-item {
    gap: var(--space-base-20);
  }
}
.slrs-sysbuilder-item {
  background-color: var(--clr-bg);
  padding: var(--space-base-8) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-item {
    padding: var(--space-base-12) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-item {
    padding: var(--space-base-16) var(--space-base-20);
  }
}
.slrs-sysbuilder-item {
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--clr-text-op-5);
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.slrs-sysbuilder-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.slrs-sysbuilder-item .img-wrap {
  width: 50px;
  height: 50px;
  background-color: var(--clr-neutral-50);
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slrs-sysbuilder-item .img-wrap img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
[data-theme=dark] .slrs-sysbuilder-item .img-wrap {
  background-color: rgba(15, 23, 42, 0.4);
}
.slrs-sysbuilder-item .info {
  flex: 1;
}
.slrs-sysbuilder-item .info h5 {
  font-family: var(--ff-heading);
  font-size: var(--font-sm);
  font-weight: 600;
  margin: 0 0 2px 0;
  color: var(--clr-text);
}
[data-theme=dark] .slrs-sysbuilder-item .info h5 {
  color: #ffffff;
}
.slrs-sysbuilder-item .info .specs {
  font-size: var(--font-xs);
  color: var(--clr-text-muted);
}
[data-theme=dark] .slrs-sysbuilder-item .info .specs {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-sysbuilder-item .qty {
  font-family: var(--ff-heading);
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--clr-primary);
  background-color: rgba(226, 92, 5, 0.05);
  padding: var(--space-xxs) var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-item .qty {
    padding: var(--space-xxs) var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-item .qty {
    padding: var(--space-xxs) var(--space-base-16);
  }
}
.slrs-sysbuilder-item .qty {
  border-radius: var(--radius-md, 8px);
}
[data-theme=dark] .slrs-sysbuilder-item {
  background-color: rgba(30, 41, 59, 0.3);
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-sysbuilder-savings-bar {
  margin-block-start: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-sysbuilder-savings-bar {
    margin-block-start: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-sysbuilder-savings-bar {
    margin-block-start: var(--space-base-16);
  }
}
.slrs-sysbuilder-savings-bar {
  background-color: var(--clr-neutral-100);
  height: 8px;
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}
.slrs-sysbuilder-savings-bar .fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #10b981, #059669);
  border-radius: var(--radius-full);
  transition: width var(--transition-default);
}
[data-theme=dark] .slrs-sysbuilder-savings-bar {
  background-color: rgba(255, 255, 255, 0.08);
}

@keyframes check-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes panel-spawn {
  from {
    opacity: 0;
    transform: scale(0.6) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes shine-sweep {
  0% {
    transform: translate(-30%, -30%) rotate(30deg);
  }
  100% {
    transform: translate(30%, 30%) rotate(30deg);
  }
}
/*==================================================
  Premium Authentication — Solaris
  Unique split-screen auth with Energy Nexus
  visualization and floating-label glass forms.
==================================================*/
/* ─── 1. Screen & Container ─── */
.slrs-auth-screen {
  min-height: calc(100vh - 140px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-bg);
  position: relative;
  overflow: hidden;
  padding: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-auth-screen {
    padding: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-auth-screen {
    padding: var(--space-base-40) 0;
  }
}
.slrs-auth-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 15% 50%, var(--clr-primary-op-5) 0%, transparent 50%), radial-gradient(ellipse at 85% 25%, var(--clr-accent-op-5) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.slrs-auth-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-container {
    padding: 0 var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-container {
    padding: 0 var(--space-base-20);
  }
}
.slrs-auth-container {
  position: relative;
  z-index: 2;
}

/* ─── 2. Wrapper Card ─── */
.slrs-auth-wrapper {
  display: grid;
  grid-template-columns: 55% 45%;
  background: var(--clr-surface-crystal);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08), 0 0 0 1px var(--clr-neutral-100);
  min-height: 640px;
  transition: box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-auth-wrapper {
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 40px rgba(22, 101, 52, 0.08);
}
@media (max-width: 61.98em) {
  .slrs-auth-wrapper {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
    min-height: auto;
  }
}

/* ─── 3. Showcase Panel (Left) ─── */
.slrs-auth-showcase {
  background: linear-gradient(160deg, #020810 0%, #062212 40%, #0c3a1e 70%, #166534 100%);
  background-origin: border-box;
  background-clip: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-base-24) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-auth-showcase {
    padding: var(--space-base-36) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-auth-showcase {
    padding: var(--space-base-56) var(--space-base-40);
  }
}
.slrs-auth-showcase {
  overflow: hidden;
}
.login-page .slrs-auth-showcase, .register-page .slrs-auth-showcase, .forgot-password-page .slrs-auth-showcase {
  background: linear-gradient(160deg, #0a0401 0%, #200f04 40%, #3e1b07 70%, #7c2d12 100%);
}
@media (max-width: 61.98em) {
  .slrs-auth-showcase {
    display: none;
  }
}

/* ─── 4. Showcase Background FX ─── */
.showcase-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
}

.showcase-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  z-index: 0;
}
.showcase-glow.showcase-glow-1 {
  width: 320px;
  height: 320px;
  background: rgba(238, 115, 37, 0.1);
  top: -80px;
  right: -60px;
  animation: slrs-glow-drift 12s ease-in-out infinite alternate;
}
.showcase-glow.showcase-glow-2 {
  width: 280px;
  height: 280px;
  background: rgba(77, 195, 255, 0.1);
  bottom: -60px;
  left: -50px;
  animation: slrs-glow-drift 12s ease-in-out infinite alternate-reverse;
}

@keyframes slrs-glow-drift {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(25px, 20px) scale(1.15);
    opacity: 0.6;
  }
}
/* ─── 5. Solaris Energy Control Dashboard ─── */
.slrs-auth-dashboard {
  background: rgba(255, 255, 255, 0.03);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-auth-dashboard {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-auth-dashboard {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 16px;
  margin: var(--space-base-12) 0;
}
@media (min-width: 48em) {
  .slrs-auth-dashboard {
    margin: var(--space-base-16) 0;
  }
}
@media (min-width: 75em) {
  .slrs-auth-dashboard {
    margin: var(--space-base-20) 0;
  }
}
.slrs-auth-dashboard {
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(255, 255, 255, 0.02);
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.slrs-auth-dashboard .dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.slrs-auth-dashboard .dashboard-header .status-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #22c55e;
}
.slrs-auth-dashboard .dashboard-header .status-indicator .status-dot {
  width: 6px;
  height: 6px;
  background: #22c55e;
  border-radius: 50%;
  box-shadow: 0 0 10px #22c55e;
  animation: slrs-pulse-green 1.5s infinite alternate;
}
.slrs-auth-dashboard .dashboard-header .sys-time {
  color: rgba(255, 255, 255, 0.4);
}
.slrs-auth-dashboard .energy-flow-container {
  position: relative;
  height: 180px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  overflow: hidden;
}
.slrs-auth-dashboard .energy-flow-container .energy-flow-svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
}
.slrs-auth-dashboard .energy-flow-container .flow-line {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 2px;
  stroke-dasharray: 4 4;
  animation: slrs-line-flow 25s linear infinite;
}
.slrs-auth-dashboard .energy-flow-container .flow-pulse {
  fill: #ee7325;
  filter: drop-shadow(0 0 4px #ee7325);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.slrs-auth-dashboard .energy-flow-container .flow-pulse.p-pb {
  animation-name: slrs-pulse-pb;
  animation-duration: 4s;
}
.slrs-auth-dashboard .energy-flow-container .flow-pulse.p-tb {
  fill: #4ade80;
  filter: drop-shadow(0 0 4px #4ade80);
  animation-name: slrs-pulse-tb;
  animation-duration: 5s;
}
.slrs-auth-dashboard .energy-flow-container .flow-pulse.p-bg {
  fill: #22c55e;
  filter: drop-shadow(0 0 4px #22c55e);
  animation-name: slrs-pulse-bg;
  animation-duration: 3.5s;
}
.slrs-auth-dashboard .energy-flow-container .grid-node {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 1;
}
.slrs-auth-dashboard .energy-flow-container .grid-node .node-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.slrs-auth-dashboard .energy-flow-container .grid-node .node-icon i {
  transition: transform 0.3s ease;
}
.slrs-auth-dashboard .energy-flow-container .grid-node .node-val {
  font-size: 10px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 6px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  letter-spacing: 0.3px;
}
.slrs-auth-dashboard .energy-flow-container .grid-node:hover .node-icon {
  transform: translateY(-2px);
  border-color: var(--clr-primary);
  box-shadow: 0 0 15px var(--clr-primary-op-40);
  background: rgba(22, 101, 52, 0.2);
}
.slrs-auth-dashboard .energy-flow-container .grid-node:hover .node-icon i {
  transform: scale(1.1);
  color: #ee7325;
}
.slrs-auth-dashboard .energy-flow-container .grid-node.battery-node .node-icon {
  border-color: rgba(34, 197, 94, 0.3);
  background: rgba(34, 197, 94, 0.06);
  color: #22c55e;
  animation: slrs-battery-glow 3s infinite alternate;
}
.slrs-auth-dashboard .dashboard-chart {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slrs-auth-dashboard .dashboard-chart .chart-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slrs-auth-dashboard .dashboard-chart .chart-info .chart-title {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.55);
}
.slrs-auth-dashboard .dashboard-chart .chart-info .chart-stat {
  font-size: 10px;
  font-weight: 700;
  color: #ee7325;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual {
  height: 60px;
  position: relative;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual .chart-svg {
  width: 100%;
  height: 100%;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual .chart-line {
  stroke: url(#chartGrad);
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: slrs-draw-chart 3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual .chart-area {
  fill: url(#areaGrad);
  opacity: 0;
  animation: slrs-fade-in 1.5s ease forwards 1.2s;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual .chart-marker {
  fill: #ee7325;
  filter: drop-shadow(0 0 6px #ee7325);
  opacity: 0;
  animation: slrs-fade-in 0.5s ease forwards 2.5s;
}
.slrs-auth-dashboard .dashboard-chart .chart-visual .chart-marker-ring {
  fill: none;
  stroke: rgba(238, 115, 37, 0.4);
  stroke-width: 1.5px;
  transform-origin: 170px 10px;
  opacity: 0;
  animation: slrs-pulse-ring 2s ease-out infinite;
  animation-delay: 2.7s;
}

.showcase-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.showcase-particles .particle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
.showcase-particles .particle.p-1 {
  width: 60px;
  height: 60px;
  top: 15%;
  right: 10%;
  background: radial-gradient(circle, rgba(77, 195, 255, 0.1) 0%, transparent 70%);
  animation: slrs-float-particle 18s ease-in-out infinite;
}
.showcase-particles .particle.p-2 {
  width: 100px;
  height: 100px;
  bottom: 25%;
  left: 15%;
  background: radial-gradient(circle, rgba(238, 115, 37, 0.08) 0%, transparent 70%);
  animation: slrs-float-particle 24s ease-in-out infinite reverse;
}
.showcase-particles .particle.p-3 {
  width: 40px;
  height: 40px;
  top: 45%;
  left: 5%;
  background: rgba(255, 255, 255, 0.03);
  animation: slrs-float-particle 14s ease-in-out infinite alternate;
}

@keyframes slrs-pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}
@keyframes slrs-battery-glow {
  0% {
    box-shadow: 0 0 5px rgba(34, 197, 94, 0.1), inset 0 0 5px rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.2);
  }
  100% {
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.4), inset 0 0 10px rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.5);
  }
}
@keyframes slrs-line-flow {
  to {
    stroke-dashoffset: -200;
  }
}
@keyframes slrs-pulse-pb {
  0% {
    transform: translate(50px, 50px);
  }
  100% {
    transform: translate(160px, 90px);
  }
}
@keyframes slrs-pulse-tb {
  0% {
    transform: translate(50px, 130px);
  }
  100% {
    transform: translate(160px, 90px);
  }
}
@keyframes slrs-pulse-bg {
  0% {
    transform: translate(160px, 90px);
  }
  100% {
    transform: translate(270px, 90px);
  }
}
@keyframes slrs-draw-chart {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes slrs-fade-in {
  to {
    opacity: 1;
  }
}
@keyframes slrs-pulse-ring {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes slrs-float-particle {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) translateX(10px) scale(1.05);
  }
  100% {
    transform: translateY(0) rotate(360deg);
  }
}
/* ─── 6. Showcase Content ─── */
.slrs-auth-showcase-content {
  position: relative;
  z-index: 2;
  margin-bottom: auto;
}
.slrs-auth-showcase-content .showcase-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: #ee7325;
  background: rgba(238, 115, 37, 0.08);
  border: 1px solid rgba(238, 115, 37, 0.15);
  border-radius: 100px;
  padding: 6px 16px;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-showcase-content .showcase-badge {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-showcase-content .showcase-badge {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-auth-showcase-content .showcase-badge i {
  font-size: 10px;
}
.slrs-auth-showcase-content .showcase-heading {
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-auth-showcase-content .showcase-heading {
    margin-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-auth-showcase-content .showcase-heading {
    margin-bottom: var(--space-base-16);
  }
}
.slrs-auth-showcase-content .showcase-heading {
  font-family: var(--heading-font);
}
.slrs-auth-showcase-content .showcase-heading span {
  background: linear-gradient(135deg, #ee7325 0%, #ffd23f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.slrs-auth-showcase-content .showcase-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
  max-width: 380px;
}

/* ─── 7. Showcase Metrics ─── */
.slrs-auth-showcase-metrics {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 16px;
  margin-top: auto;
  padding-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-showcase-metrics {
    padding-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-showcase-metrics {
    padding-top: var(--space-base-20);
  }
}
.slrs-auth-showcase-metrics .showcase-metric {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.04);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-auth-showcase-metrics .showcase-metric {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-auth-showcase-metrics .showcase-metric {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.slrs-auth-showcase-metrics .showcase-metric:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.07);
}
.slrs-auth-showcase-metrics .showcase-metric .metric-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 10px;
  background: rgba(238, 115, 37, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slrs-auth-showcase-metrics .showcase-metric .metric-icon i {
  font-size: 14px;
  color: #ee7325;
}
.slrs-auth-showcase-metrics .showcase-metric .metric-value {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  display: block;
  line-height: 1.1;
}
.slrs-auth-showcase-metrics .showcase-metric .metric-label {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-top: 2px;
}

/* ─── 8. Form Portal (Right) ─── */
.slrs-auth-portal {
  padding: var(--space-base-24) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-auth-portal {
    padding: var(--space-base-36) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-auth-portal {
    padding: var(--space-base-56) var(--space-base-40);
  }
}
.slrs-auth-portal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--clr-surface-crystal);
  transition: background 0.3s ease;
  position: relative;
}
@media (max-width: 61.98em) {
  .slrs-auth-portal {
    padding: var(--space-base-20) var(--space-base-12);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-auth-portal {
    padding: var(--space-base-28) var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-auth-portal {
    padding: var(--space-base-40) var(--space-base-20);
  }
}

/* ─── 9. Portal Header ─── */
.slrs-auth-portal-header {
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-auth-portal-header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-auth-portal-header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-auth-portal-header .portal-logo {
  display: inline-block;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-portal-header .portal-logo {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-portal-header .portal-logo {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-auth-portal-header .portal-logo .logo-default {
  display: block;
}
[data-theme=dark] .slrs-auth-portal-header .portal-logo .logo-default {
  display: none;
}
.slrs-auth-portal-header .portal-logo .logo-light {
  display: none;
}
[data-theme=dark] .slrs-auth-portal-header .portal-logo .logo-light {
  display: block;
}
.slrs-auth-portal-header .portal-logo img {
  max-height: 36px;
  width: auto;
  vertical-align: middle;
}
.slrs-auth-portal-header .portal-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--clr-neutral-900);
  margin-bottom: 4px;
  font-family: var(--heading-font);
  line-height: 1.2;
}
.slrs-auth-portal-header .portal-subtitle {
  font-size: 14px;
  color: var(--clr-neutral-500);
  line-height: 1.5;
}

/* ─── 10. Floating Label Form Fields ─── */
.slrs-auth-form {
  display: flex;
  flex-direction: column;
}

.slrs-auth-field {
  margin-bottom: 22px;
}
.slrs-auth-field .field-wrapper {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-field .field-wrapper:focus-within {
  box-shadow: 0 0 0 4px var(--clr-primary-op-10), 0 8px 25px rgba(22, 101, 52, 0.06);
}
[data-theme=dark] .slrs-auth-field .field-wrapper:focus-within {
  box-shadow: 0 0 0 4px var(--clr-primary-op-20), 0 8px 30px rgba(0, 0, 0, 0.3);
}
.slrs-auth-field .field-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  background-origin: border-box;
  background-clip: border-box;
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
  z-index: 2;
}
.slrs-auth-field .field-wrapper:focus-within::after {
  width: 100%;
  left: 0;
}
.slrs-auth-field .slrs-auth-input {
  width: 100%;
  padding: 18px 16px 10px 46px;
  border-radius: 14px;
  border: 1.5px solid var(--clr-neutral-200);
  background: var(--clr-surface-frost);
  color: var(--clr-neutral-900);
  font-size: 14px;
  font-family: var(--body-font);
  font-weight: 500;
  outline: none;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-field .slrs-auth-input::placeholder {
  color: transparent;
}
.slrs-auth-field .slrs-auth-input:focus {
  border-color: var(--clr-primary);
  background: var(--clr-surface-crystal);
}
.slrs-auth-field .slrs-auth-input:focus + .floating-label, .slrs-auth-field .slrs-auth-input:not(:placeholder-shown) + .floating-label {
  top: 6px;
  left: 46px;
  font-size: 10px;
  font-weight: 700;
  color: var(--clr-primary);
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.slrs-auth-field .slrs-auth-input:focus ~ .field-icon {
  color: var(--clr-primary);
  transform: translateY(-50%) scale(1.1);
}
.slrs-auth-field .floating-label {
  position: absolute;
  top: 50%;
  left: 46px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-neutral-400);
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1;
}
.slrs-auth-input:focus + .slrs-auth-field .floating-label, .slrs-auth-input:not(:placeholder-shown) + .slrs-auth-field .floating-label {
  transform: translateY(0);
}
.slrs-auth-field .field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: var(--clr-neutral-400);
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.slrs-auth-field .password-view {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--clr-neutral-400);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 6px;
  transition: all 0.2s ease;
  z-index: 5;
}
.slrs-auth-field .password-view i {
  position: relative !important;
  left: unset !important;
  right: unset !important;
  font-size: 14px !important;
}
.slrs-auth-field .password-view:hover {
  color: var(--clr-primary);
  background: var(--clr-primary-op-5);
}

/* ─── 11. Actions & Custom Toggle ─── */
.slrs-auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-auth-actions {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-auth-actions {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-auth-actions {
  font-size: 13px;
}

.slrs-auth-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.slrs-auth-toggle input[type=checkbox] {
  display: none;
}
.slrs-auth-toggle .toggle-track {
  width: 38px;
  height: 20px;
  background: var(--clr-neutral-300);
  border-radius: 10px;
  position: relative;
  transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-toggle .toggle-track .toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-toggle input:checked + .toggle-track {
  background: var(--clr-primary);
}
.slrs-auth-toggle input:checked + .toggle-track .toggle-thumb {
  transform: translateX(18px);
}
.slrs-auth-toggle .toggle-text {
  font-size: 13px;
  font-weight: 600;
  color: var(--clr-neutral-600);
}

.forgot-link {
  color: var(--clr-primary);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.forgot-link:hover {
  color: var(--clr-primary-dark);
  text-decoration: underline;
}

/* Custom Checkbox (for Register terms) */
.slrs-auth-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-auth-checkbox {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-auth-checkbox {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-auth-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 2px solid var(--clr-neutral-300);
  border-radius: 5px;
  background: var(--clr-surface-crystal);
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
  margin-top: 1px;
}
.slrs-auth-checkbox input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-checkbox input[type=checkbox]:checked {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.slrs-auth-checkbox input[type=checkbox]:checked::after {
  transform: rotate(45deg) scale(1);
}
.slrs-auth-checkbox input[type=checkbox]:focus {
  box-shadow: 0 0 0 3px var(--clr-primary-op-15);
}
.slrs-auth-checkbox .checkbox-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-neutral-600);
  line-height: 1.5;
}
.slrs-auth-checkbox .checkbox-text a {
  color: var(--clr-primary);
  font-weight: 700;
  text-decoration: none;
}
.slrs-auth-checkbox .checkbox-text a:hover {
  text-decoration: underline;
}

/* ─── 12. Submit Button ─── */
.slrs-auth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 15px 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--clr-primary) 0%, #f59e0b 100%);
  background-origin: border-box;
  background-clip: border-box;
  color: var(--clr-white) !important;
  font-weight: 700;
  font-size: 15px;
  border: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px var(--clr-primary-op-25);
}
.slrs-auth-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.slrs-auth-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px var(--clr-primary-op-35);
}
.slrs-auth-btn:hover::before {
  left: 100%;
}
.slrs-auth-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px var(--clr-primary-op-20);
}
[data-theme=dark] .slrs-auth-btn {
  box-shadow: 0 4px 20px rgba(96, 181, 255, 0.2);
}
[data-theme=dark] .slrs-auth-btn:hover {
  box-shadow: 0 8px 30px rgba(96, 181, 255, 0.3);
}
.slrs-auth-btn i {
  font-size: 13px;
  transition: transform 0.3s ease;
}
.slrs-auth-btn:hover i {
  transform: translateX(4px);
}

/* ─── 13. Divider ─── */
.slrs-auth-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: var(--space-base-16) 0;
}
@media (min-width: 48em) {
  .slrs-auth-divider {
    margin: var(--space-base-20) 0;
  }
}
@media (min-width: 75em) {
  .slrs-auth-divider {
    margin: var(--space-base-28) 0;
  }
}
.slrs-auth-divider::before, .slrs-auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--clr-neutral-200);
}
.slrs-auth-divider span {
  font-size: 12px;
  font-weight: 600;
  color: var(--clr-neutral-400);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ─── 14. Social Login ─── */
.slrs-auth-social {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.slrs-auth-social .social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1.5px solid var(--clr-neutral-200);
  background: var(--clr-surface-frost);
  color: var(--clr-neutral-700);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-auth-social .social-btn i {
  font-size: 15px;
}
.slrs-auth-social .social-btn:hover {
  transform: translateY(-2px);
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  background: var(--clr-surface-crystal);
  box-shadow: 0 4px 15px rgba(22, 101, 52, 0.06);
}
[data-theme=dark] .slrs-auth-social .social-btn:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* ─── 15. Footer & Trust Badge ─── */
.slrs-auth-footer {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-footer {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-footer {
    margin-top: var(--space-base-20);
  }
}
.slrs-auth-footer {
  text-align: center;
  font-size: 13.5px;
  color: var(--clr-neutral-500);
}
.slrs-auth-footer a {
  color: var(--clr-primary);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}
.slrs-auth-footer a:hover {
  color: var(--clr-primary-dark);
  text-decoration: underline;
}

.slrs-auth-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-auth-trust {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-auth-trust {
    margin-top: var(--space-base-28);
  }
}
.slrs-auth-trust {
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-auth-trust {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-auth-trust {
    padding-top: var(--space-base-16);
  }
}
.slrs-auth-trust {
  font-size: 11px;
  font-weight: 600;
  color: var(--clr-neutral-400);
  letter-spacing: 0.3px;
}
.slrs-auth-trust i {
  font-size: 13px;
  color: var(--clr-success);
}

/* ─── 16. Forgot Password — Step Indicator ─── */
.slrs-auth-steps {
  display: flex;
  gap: 12px;
  margin-top: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-auth-steps {
    margin-top: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-auth-steps {
    margin-top: var(--space-base-28);
  }
}
.slrs-auth-steps {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-auth-steps {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-auth-steps {
    padding: var(--space-base-20);
  }
}
.slrs-auth-steps {
  background: var(--clr-surface-frost);
  border-radius: 14px;
  border: 1px solid var(--clr-neutral-100);
}
[data-theme=dark] .slrs-auth-steps {
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-auth-steps .auth-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.slrs-auth-steps .auth-step .step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.slrs-auth-steps .auth-step .step-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--clr-neutral-500);
  line-height: 1.3;
}
.slrs-auth-steps .auth-step:first-child .step-num {
  background: var(--clr-primary);
  color: #ffffff;
}

/* ─── 17. Entrance Animations ─── */
@keyframes slrs-auth-fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slrs-auth-portal-header {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.05s;
}

.slrs-auth-form .slrs-auth-field {
  animation: slrs-auth-fadeUp 0.5s ease both;
}
.slrs-auth-form .slrs-auth-field:nth-child(1) {
  animation-delay: 0.1s;
}
.slrs-auth-form .slrs-auth-field:nth-child(2) {
  animation-delay: 0.18s;
}
.slrs-auth-form .slrs-auth-field:nth-child(3) {
  animation-delay: 0.26s;
}

.slrs-auth-actions {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.3s;
}

.slrs-auth-checkbox {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.3s;
}

.slrs-auth-btn {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.35s;
}

.slrs-auth-divider {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.4s;
}

.slrs-auth-social {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.45s;
}

.slrs-auth-footer {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.5s;
}

.slrs-auth-trust {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.55s;
}

.slrs-auth-steps {
  animation: slrs-auth-fadeUp 0.5s ease both;
  animation-delay: 0.45s;
}

/* ─── 18. Showcase Entrance ─── */
@keyframes slrs-showcase-slideIn {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.slrs-auth-showcase-content {
  animation: slrs-showcase-slideIn 0.7s ease both;
  animation-delay: 0.15s;
}

.slrs-auth-showcase-metrics {
  animation: slrs-showcase-slideIn 0.7s ease both;
  animation-delay: 0.35s;
}

@keyframes slrs-nexus-reveal {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(15px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.slrs-auth-dashboard {
  animation: slrs-nexus-reveal 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation-delay: 0.3s;
}

.slrs-track-section {
  padding-block: var(--space-base-40) 0;
  background-color: var(--clr-bg);
  position: relative;
  overflow: hidden;
}
.slrs-track-section::before {
  content: "";
  position: absolute;
  top: 20%;
  left: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.slrs-track-container {
  max-width: 1000px;
  margin: 0 auto;
  padding-inline: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-container {
    padding-inline: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-container {
    padding-inline: var(--space-base-20);
  }
}
.slrs-track-container {
  position: relative;
  z-index: 1;
}

.slrs-track-card {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 20px;
  padding: var(--space-base-20) var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-track-card {
    padding: var(--space-base-28) var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-track-card {
    padding: var(--space-base-40) var(--space-base-28);
  }
}
.slrs-track-card {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.04);
  margin-bottom: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-track-card {
    margin-bottom: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-track-card {
    margin-bottom: var(--space-base-56);
  }
}
.slrs-track-card {
  transition: all 0.3s ease;
}
[data-theme=dark] .slrs-track-card {
  background: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
.slrs-track-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl, 20px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-track-card__title {
    margin-bottom: var(--space-base-10);
  }
}
.slrs-track-card__desc {
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text-muted);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-track-card__desc {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-track-card__desc {
    margin-bottom: var(--space-base-40);
  }
}

.slrs-track-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-form {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-form {
    gap: var(--space-base-20);
  }
}
.slrs-track-form {
  align-items: end;
}
@media (max-width: 47.98em) {
  .slrs-track-form {
    grid-template-columns: 1fr;
  }
}
.slrs-track-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.slrs-track-form .form-group label {
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide, 0.5px);
}
.slrs-track-form .input-wrapper {
  position: relative;
}
.slrs-track-form .input-wrapper i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clr-text-muted-op-50);
  font-size: var(--ffs-sm, 14px);
}
.slrs-track-form .input-wrapper input {
  width: 100%;
  height: 48px;
  padding: 0 var(--space-base-12) 0 40px;
}
@media (min-width: 48em) {
  .slrs-track-form .input-wrapper input {
    padding: 0 var(--space-base-16) 0 40px;
  }
}
@media (min-width: 75em) {
  .slrs-track-form .input-wrapper input {
    padding: 0 var(--space-base-20) 0 40px;
  }
}
.slrs-track-form .input-wrapper input {
  border: 1px solid var(--clr-text-op-10);
  background-color: var(--clr-bg);
  color: var(--clr-text);
  border-radius: 10px;
  font-size: var(--ffs-sm, 14px);
  font-family: var(--ff-body);
  transition: all 0.3s ease;
}
.slrs-track-form .input-wrapper input:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-10);
  outline: none;
}
.slrs-track-form .btn-track {
  height: 48px;
  padding-inline: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-track-form .btn-track {
    padding-inline: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-track-form .btn-track {
    padding-inline: var(--space-base-40);
  }
}
.slrs-track-form .btn-track {
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-track-form .btn-track {
    gap: var(--space-base-10);
  }
}
.slrs-track-form .btn-track {
  white-space: nowrap;
}

.slrs-track-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-block: var(--space-base-32) var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-track-timeline {
    margin-block: var(--space-base-48) var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-track-timeline {
    margin-block: var(--space-base-72) var(--space-base-56);
  }
}
.slrs-track-timeline {
  padding-inline: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-track-timeline {
    padding-inline: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-track-timeline {
    padding-inline: var(--space-base-40);
  }
}
@media (max-width: 61.98em) {
  .slrs-track-timeline {
    flex-direction: column;
    gap: var(--space-base-20);
    padding-inline: 0;
    margin-block: var(--space-base-24);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-track-timeline {
    gap: var(--space-base-28);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-track-timeline {
    gap: var(--space-base-40);
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-track-timeline {
    margin-block: var(--space-base-36);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-track-timeline {
    margin-block: var(--space-base-56);
  }
}
@media (max-width: 61.98em) {
  .slrs-track-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    width: 4px;
    background: var(--clr-text-op-5);
    z-index: 0;
  }
  [data-theme=dark] .slrs-track-timeline::before {
    background: rgba(255, 255, 255, 0.05);
  }
}
@media (min-width: 62em) {
  .slrs-track-timeline::before {
    content: "";
    position: absolute;
    top: 24px;
    left: var(--space-base-48);
    right: var(--space-base-48);
    height: 4px;
    background: var(--clr-text-op-5);
    z-index: 0;
  }
  [data-theme=dark] .slrs-track-timeline::before {
    background: rgba(255, 255, 255, 0.05);
  }
}
.slrs-track-timeline__progress-bar {
  position: absolute;
  height: 4px;
  background: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-primary-light) 100%);
  top: 24px;
  left: var(--space-base-48);
  width: 50%;
  z-index: 1;
  border-radius: 2px;
  box-shadow: 0 0 10px var(--clr-primary-op-40);
}
@media (max-width: 61.98em) {
  .slrs-track-timeline__progress-bar {
    display: none;
  }
}

.slrs-track-node {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}
@media (max-width: 61.98em) {
  .slrs-track-node {
    flex-direction: row;
    text-align: left;
    gap: var(--space-base-12);
    align-items: flex-start;
  }
}
@media (max-width: 61.98em) and (min-width: 48em) {
  .slrs-track-node {
    gap: var(--space-base-16);
  }
}
@media (max-width: 61.98em) and (min-width: 75em) {
  .slrs-track-node {
    gap: var(--space-base-20);
  }
}
.slrs-track-node .node-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--clr-bg);
  border: 3px solid var(--clr-text-op-5);
  color: var(--clr-text-muted-op-50);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-lg, 18px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-track-node .node-icon {
  border-color: rgba(255, 255, 255, 0.06);
}
.slrs-track-node .node-content {
  margin-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-track-node .node-content {
    margin-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-track-node .node-content {
    margin-top: var(--space-base-16);
  }
}
@media (max-width: 61.98em) {
  .slrs-track-node .node-content {
    margin-top: 0;
    padding-top: 6px;
  }
}
.slrs-track-node .node-content .title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text-muted);
  margin-bottom: 2px;
}
.slrs-track-node .node-content .time {
  font-size: var(--ffs-3xs, 10px);
  color: var(--clr-text-muted-op-50);
  font-family: var(--ff-body);
  text-transform: uppercase;
}
.slrs-track-node.completed .node-icon {
  background-color: var(--clr-primary-op-10);
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  box-shadow: 0 0 15px var(--clr-primary-op-25);
}
.slrs-track-node.completed .node-content .title {
  color: var(--clr-text);
}
.slrs-track-node.active .node-icon {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-primary-dark) 100%);
  border-color: var(--clr-primary);
  color: #ffffff;
  animation: slrs-pulse-shadow 2s infinite;
}
.slrs-track-node.active .node-content .title {
  color: var(--clr-primary);
  font-weight: var(--fw-extra-bold, 800);
}

@keyframes slrs-pulse-shadow {
  0% {
    box-shadow: 0 0 0 0 var(--clr-primary-op-40);
  }
  70% {
    box-shadow: 0 0 0 10px var(--clr-primary-op-0);
  }
  100% {
    box-shadow: 0 0 0 0 var(--clr-primary-op-0);
  }
}
.slrs-track-details-grid {
  display: grid;
  grid-template-columns: 35% 65%;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-track-details-grid {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-track-details-grid {
    gap: var(--space-base-40);
  }
}
.slrs-track-details-grid {
  margin-top: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-track-details-grid {
    margin-top: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-track-details-grid {
    margin-top: var(--space-base-56);
  }
}
@media (max-width: 61.98em) {
  .slrs-track-details-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-track-info-card {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 20px;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-track-info-card {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-track-info-card {
    padding: var(--space-base-40);
  }
}
.slrs-track-info-card {
  height: 100%;
}
.slrs-track-info-card .info-header {
  border-bottom: 1px solid var(--clr-text-op-5);
  padding-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-info-card .info-header {
    padding-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-info-card .info-header {
    padding-bottom: var(--space-base-20);
  }
}
.slrs-track-info-card .info-header {
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-info-card .info-header {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-info-card .info-header {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-track-info-card .info-header .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: var(--clr-primary-op-10);
  color: var(--clr-primary);
  border-radius: 20px;
  font-size: var(--ffs-3xs, 10px);
  font-weight: var(--fw-bold, 700);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
}
.slrs-track-info-card .info-header .order-id {
  font-family: var(--ff-heading);
  font-size: var(--ffs-base, 16px);
  font-weight: var(--fw-bold, 700);
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-track-info-card .info-header .order-id {
    margin-top: var(--space-base-10);
  }
}
.slrs-track-info-card .info-header .order-id {
  color: var(--clr-text);
}
.slrs-track-info-card .info-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-info-card .info-list {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-info-card .info-list {
    gap: var(--space-base-20);
  }
}
.slrs-track-info-card .info-list-item {
  display: flex;
  flex-direction: column;
}
.slrs-track-info-card .info-list-item .label {
  font-size: var(--ffs-3xs, 10px);
  text-transform: uppercase;
  color: var(--clr-text-muted-op-50);
  font-weight: var(--fw-bold, 700);
  margin-bottom: 2px;
}
.slrs-track-info-card .info-list-item .value {
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text);
  font-weight: var(--fw-semibold, 600);
}

.slrs-track-map {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 20px;
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-track-map {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-track-map {
    padding: var(--space-base-20);
  }
}
.slrs-track-map {
  position: relative;
  overflow: hidden;
  height: 380px;
}
.slrs-track-map__graphic {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--clr-bg);
  border-radius: 12px;
  overflow: hidden;
}
[data-theme=dark] .slrs-track-map__graphic {
  background-color: rgba(2, 6, 12, 0.4);
}
.slrs-track-map__graphic svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-track-map .map-indicator {
  position: absolute;
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-track-map .map-indicator {
    gap: var(--space-base-10);
  }
}
.slrs-track-map .map-indicator {
  font-size: var(--ffs-3xs, 10px);
  font-weight: var(--fw-bold);
}
.slrs-track-map .map-indicator i {
  font-size: 14px;
}
.slrs-track-map .map-indicator.distribution {
  top: 15%;
  left: 10%;
  border-left: 3px solid var(--clr-text-muted);
}
.slrs-track-map .map-indicator.transit {
  top: 45%;
  left: 45%;
  border-left: 3px solid var(--clr-primary);
  animation: slrs-map-pulse 2s infinite ease-in-out;
  box-shadow: 0 0 15px var(--clr-primary-op-25);
}
.slrs-track-map .map-indicator.destination {
  bottom: 15%;
  right: 10%;
  border-left: 3px solid var(--clr-text-muted);
}

@keyframes slrs-map-pulse {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.map-grid-line {
  fill: none;
  stroke: var(--clr-text-op-5);
  stroke-width: 1px;
}

.map-route-line {
  fill: none;
  stroke: var(--clr-primary-op-15);
  stroke-width: 3px;
  stroke-dasharray: 6 6;
}

.map-route-completed {
  fill: none;
  stroke: var(--clr-primary);
  stroke-width: 3px;
}

.slrs-account-section {
  padding-block: var(--space-base-40) var(--space-base-48);
}
@media (min-width: 48em) {
  .slrs-account-section {
    padding-block: var(--space-base-64) var(--space-base-80);
  }
}
@media (min-width: 75em) {
  .slrs-account-section {
    padding-block: var(--space-base-96) var(--space-base-120);
  }
}
.slrs-account-section {
  background-color: var(--clr-bg);
  position: relative;
  overflow: hidden;
}
.slrs-account-section::before {
  content: "";
  position: absolute;
  bottom: -10%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--clr-primary-op-5) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

.slrs-account-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-inline: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-account-container {
    padding-inline: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-account-container {
    padding-inline: var(--space-base-20);
  }
}
.slrs-account-container {
  position: relative;
  z-index: 1;
}

.slrs-account-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-account-grid {
    gap: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-account-grid {
    gap: var(--space-base-56);
  }
}
.slrs-account-grid {
  align-items: start;
}
@media (max-width: 61.98em) {
  .slrs-account-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-account-sidebar {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 24px;
  padding: var(--space-base-20) var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-account-sidebar {
    padding: var(--space-base-28) var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar {
    padding: var(--space-base-40) var(--space-base-20);
  }
}
.slrs-account-sidebar {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.03);
}
.slrs-account-sidebar .profile-header {
  text-align: center;
  padding-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-account-sidebar .profile-header {
    padding-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar .profile-header {
    padding-bottom: var(--space-base-28);
  }
}
.slrs-account-sidebar .profile-header {
  border-bottom: 1px solid var(--clr-text-op-5);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-account-sidebar .profile-header {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar .profile-header {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-account-sidebar .profile-header .avatar-wrapper {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-account-sidebar .profile-header .avatar-wrapper {
    margin: 0 auto var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar .profile-header .avatar-wrapper {
    margin: 0 auto var(--space-base-16);
  }
}
.slrs-account-sidebar .profile-header .avatar-wrapper {
  border-radius: 50%;
  border: 3px solid var(--clr-bg);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.slrs-account-sidebar .profile-header .avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slrs-account-sidebar .profile-header .user-name {
  font-family: var(--ff-heading);
  font-size: var(--ffs-md, 18px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin-bottom: 4px;
}
.slrs-account-sidebar .profile-header .user-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--ffs-3xs, 10px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-primary);
  text-transform: uppercase;
  background: var(--clr-primary-op-10);
  padding: 3px 8px;
  border-radius: 12px;
}
.slrs-account-sidebar .account-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.slrs-account-sidebar .account-menu__item {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-account-sidebar .account-menu__item {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar .account-menu__item {
    gap: var(--space-base-16);
  }
}
.slrs-account-sidebar .account-menu__item {
  width: 100%;
  height: 48px;
  padding-inline: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-account-sidebar .account-menu__item {
    padding-inline: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-account-sidebar .account-menu__item {
    padding-inline: var(--space-base-20);
  }
}
.slrs-account-sidebar .account-menu__item {
  background: transparent;
  border: none;
  color: var(--clr-text-muted);
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-semibold, 600);
  border-radius: 12px;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-account-sidebar .account-menu__item i {
  font-size: 16px;
  width: 20px;
  transition: transform 0.3s ease;
}
.slrs-account-sidebar .account-menu__item:hover {
  background-color: var(--clr-text-op-5);
  color: var(--clr-text);
}
.slrs-account-sidebar .account-menu__item:hover i {
  transform: translateX(3px);
}
.slrs-account-sidebar .account-menu__item.active {
  background-color: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 8px 20px var(--clr-primary-op-25);
}
.slrs-account-sidebar .account-menu__item.active i {
  transform: none;
}

.slrs-account-content {
  background: var(--clr-surface-crystal);
  border: 1px solid var(--clr-neutral-100);
  border-radius: 24px;
  padding: var(--space-base-24) var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-account-content {
    padding: var(--space-base-36) var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-account-content {
    padding: var(--space-base-56) var(--space-base-40);
  }
}
.slrs-account-content {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.03);
  min-height: 520px;
}
@media (max-width: 47.98em) {
  .slrs-account-content {
    padding: var(--space-base-20) var(--space-base-12);
  }
}
@media (max-width: 47.98em) and (min-width: 48em) {
  .slrs-account-content {
    padding: var(--space-base-28) var(--space-base-16);
  }
}
@media (max-width: 47.98em) and (min-width: 75em) {
  .slrs-account-content {
    padding: var(--space-base-40) var(--space-base-20);
  }
}
.slrs-account-content .tab-pane {
  display: none;
}
.slrs-account-content .tab-pane.active {
  display: block;
  animation: slrs-fade-in 0.4s ease-out;
}

@keyframes slrs-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.panel-section-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg, 22px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .panel-section-title {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .panel-section-title {
    margin-bottom: var(--space-base-28);
  }
}
.panel-section-title {
  border-bottom: 1px solid var(--clr-text-op-5);
  padding-bottom: var(--space-base-8);
}
@media (min-width: 48em) {
  .panel-section-title {
    padding-bottom: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .panel-section-title {
    padding-bottom: var(--space-base-16);
  }
}

.slrs-dashboard-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-dashboard-overview-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-overview-grid {
    gap: var(--space-base-20);
  }
}
.slrs-dashboard-overview-grid {
  margin-bottom: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-dashboard-overview-grid {
    margin-bottom: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-overview-grid {
    margin-bottom: var(--space-base-56);
  }
}
@media (max-width: 47.98em) {
  .slrs-dashboard-overview-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-dashboard-metric-card {
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: 16px;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-dashboard-metric-card {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-metric-card {
    padding: var(--space-base-28);
  }
}
.slrs-dashboard-metric-card {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-dashboard-metric-card {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-metric-card {
    gap: var(--space-base-20);
  }
}
.slrs-dashboard-metric-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
}
.slrs-dashboard-metric-card .card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: var(--clr-primary-op-8);
  color: var(--clr-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.slrs-dashboard-metric-card .card-info {
  display: flex;
  flex-direction: column;
}
.slrs-dashboard-metric-card .card-info .label {
  font-size: var(--ffs-3xs, 10px);
  text-transform: uppercase;
  color: var(--clr-text-muted);
  font-weight: var(--fw-bold, 700);
  margin-bottom: 2px;
}
.slrs-dashboard-metric-card .card-info .value {
  font-size: var(--ffs-md, 18px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
}

.slrs-energy-monitor-widget {
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: 20px;
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget {
    padding: var(--space-base-40);
  }
}
.slrs-energy-monitor-widget {
  margin-top: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget {
    margin-top: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget {
    margin-top: var(--space-base-40);
  }
}
.slrs-energy-monitor-widget .widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget .widget-header {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget .widget-header {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-energy-monitor-widget .widget-header .widget-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-md, 16px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-energy-monitor-widget .widget-header .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--ffs-3xs, 10px);
  color: #22c55e;
  font-weight: var(--fw-bold, 700);
  background-color: rgba(34, 197, 94, 0.1);
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}
.slrs-energy-monitor-widget .monitor-telemetry {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    gap: var(--space-base-20);
  }
}
.slrs-energy-monitor-widget .monitor-telemetry {
  text-align: center;
  border-bottom: 1px solid var(--clr-text-op-5);
  padding-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    padding-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    padding-bottom: var(--space-base-40);
  }
}
.slrs-energy-monitor-widget .monitor-telemetry {
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    margin-bottom: var(--space-base-40);
  }
}
@media (max-width: 35.98em) {
  .slrs-energy-monitor-widget .monitor-telemetry {
    grid-template-columns: 1fr 1fr;
  }
}
.slrs-energy-monitor-widget .monitor-telemetry .telemetry-item {
  display: flex;
  flex-direction: column;
}
.slrs-energy-monitor-widget .monitor-telemetry .telemetry-item .val {
  font-family: var(--ff-heading);
  font-size: var(--ffs-lg, 22px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text);
}
.slrs-energy-monitor-widget .monitor-telemetry .telemetry-item .lbl {
  font-size: var(--ffs-3xs, 10px);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  font-weight: var(--fw-bold, 700);
  margin-top: 4px;
}
.slrs-energy-monitor-widget .simulated-chart-container {
  height: 180px;
  position: relative;
}
.slrs-energy-monitor-widget .simulated-chart-container .chart-line-path {
  fill: none;
  stroke: var(--clr-primary);
  stroke-width: 3px;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px var(--clr-primary-op-35));
}
.slrs-energy-monitor-widget .simulated-chart-container .chart-area-path {
  fill: url(#chartGlowGrad);
  stroke: none;
}
.slrs-energy-monitor-widget .simulated-chart-container .chart-grid-y {
  stroke: var(--clr-text-op-5);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}

.slrs-orders-table-wrapper {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid var(--clr-text-op-5);
}

.slrs-orders-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  background-color: var(--clr-bg);
}
.slrs-orders-table th {
  background-color: var(--clr-text-op-5);
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-orders-table th {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-orders-table th {
    padding: var(--space-base-20);
  }
}
.slrs-orders-table th {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  text-align: left;
  border-bottom: 1px solid var(--clr-text-op-10);
}
.slrs-orders-table td {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-orders-table td {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-orders-table td {
    padding: var(--space-base-20);
  }
}
.slrs-orders-table td {
  font-size: var(--ffs-sm, 14px);
  color: var(--clr-text);
  border-bottom: 1px solid var(--clr-text-op-5);
  vertical-align: middle;
}
.slrs-orders-table td .order-id-link {
  font-weight: var(--fw-bold, 700);
  color: var(--clr-primary);
  text-decoration: none;
}
.slrs-orders-table td .order-id-link:hover {
  text-decoration: underline;
}
.slrs-orders-table td .status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 12px;
}
.slrs-orders-table td .status-badge.in-transit {
  background-color: var(--clr-primary-op-10);
  color: var(--clr-primary);
}
.slrs-orders-table td .status-badge.completed {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}
.slrs-orders-table td .download-invoice-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--clr-text-op-5);
  border: none;
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slrs-orders-table td .download-invoice-btn:hover {
  background-color: var(--clr-primary-op-15);
  color: var(--clr-primary);
  transform: scale(1.06);
}

.slrs-dashboard-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-dashboard-form-grid {
    gap: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-form-grid {
    gap: var(--space-base-20);
  }
}
@media (max-width: 47.98em) {
  .slrs-dashboard-form-grid {
    grid-template-columns: 1fr;
  }
}

.slrs-dashboard-input-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-dashboard-input-group {
    margin-bottom: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-input-group {
    margin-bottom: var(--space-base-20);
  }
}
.slrs-dashboard-input-group label {
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide, 0.5px);
}
.slrs-dashboard-input-group input, .slrs-dashboard-input-group select, .slrs-dashboard-input-group textarea {
  height: 48px;
  padding-inline: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-dashboard-input-group input, .slrs-dashboard-input-group select, .slrs-dashboard-input-group textarea {
    padding-inline: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-input-group input, .slrs-dashboard-input-group select, .slrs-dashboard-input-group textarea {
    padding-inline: var(--space-base-20);
  }
}
.slrs-dashboard-input-group input, .slrs-dashboard-input-group select, .slrs-dashboard-input-group textarea {
  border: 1px solid var(--clr-text-op-10);
  background-color: var(--clr-bg);
  color: var(--clr-text);
  border-radius: 10px;
  font-size: var(--ffs-sm, 14px);
  font-family: var(--ff-body);
  transition: all 0.3s ease;
}
.slrs-dashboard-input-group input:focus, .slrs-dashboard-input-group select:focus, .slrs-dashboard-input-group textarea:focus {
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px var(--clr-primary-op-10);
  outline: none;
}
.slrs-dashboard-input-group textarea {
  height: 90px;
  padding-top: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-dashboard-input-group textarea {
    padding-top: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-dashboard-input-group textarea {
    padding-top: var(--space-base-16);
  }
}

.btn-save-details {
  height: 48px;
  padding-inline: var(--space-base-24);
}
@media (min-width: 48em) {
  .btn-save-details {
    padding-inline: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .btn-save-details {
    padding-inline: var(--space-base-56);
  }
}
.btn-save-details {
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .btn-save-details {
    gap: var(--space-base-10);
  }
}
.btn-save-details {
  cursor: pointer;
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .btn-save-details {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .btn-save-details {
    margin-top: var(--space-base-20);
  }
}

.address-box-wrapper {
  border: 1px dashed var(--clr-text-op-10);
  border-radius: 16px;
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .address-box-wrapper {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .address-box-wrapper {
    padding: var(--space-base-28);
  }
}
.address-box-wrapper {
  background-color: var(--clr-bg);
  position: relative;
}
.address-box-wrapper .box-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-sm, 14px);
  font-weight: var(--fw-bold, 700);
  margin-bottom: var(--space-base-8);
}
@media (min-width: 75em) {
  .address-box-wrapper .box-title {
    margin-bottom: var(--space-base-10);
  }
}
.address-box-wrapper .box-title {
  color: var(--clr-text);
}
.address-box-wrapper .box-text {
  font-size: var(--ffs-xs, 12px);
  color: var(--clr-text-muted);
  line-height: var(--lh-relaxed);
}
.address-box-wrapper .edit-icon-link {
  position: absolute;
  top: var(--space-base-16);
  right: var(--space-base-16);
  color: var(--clr-primary);
  cursor: pointer;
  font-size: 14px;
  transition: transform 0.3s ease;
}
.address-box-wrapper .edit-icon-link:hover {
  transform: scale(1.15);
}

.slrs-otw-section {
  position: relative;
  z-index: 5;
}

.slrs-otw-card {
  --otw-bg: none;
  position: relative;
  border-radius: 32px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
  overflow: hidden;
  min-height: 240px;
  isolation: isolate;
  text-decoration: none;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 61.98em) {
  .slrs-otw-card {
    padding: 32px 28px;
    min-height: 220px;
  }
}
@media (max-width: 47.98em) {
  .slrs-otw-card {
    flex-direction: column-reverse;
    text-align: center;
    padding: 32px 24px 40px;
    gap: 20px;
    min-height: auto;
    border-radius: 28px;
  }
}
.slrs-otw-card:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.slrs-otw-card:hover .slrs-otw-card__image img {
  transform: scale(1.05) translateY(-2px);
}
.slrs-otw-card:hover .slrs-otw-card__glow {
  opacity: 0.45;
  transform: translate(-50%, -50%) scale(1.3);
}
.slrs-otw-card--mobile {
  background-image: linear-gradient(135deg, rgba(20, 20, 22, 0.92), rgba(35, 35, 40, 0.92)), var(--otw-bg);
  background-color: #151516;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  color: #fff;
}
.slrs-otw-card--laptop {
  background-image: linear-gradient(135deg, rgba(16, 22, 28, 0.92), rgba(28, 36, 46, 0.92)), var(--otw-bg);
  background-color: #10161c;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  color: #fff;
}
.slrs-otw-card__glow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.25;
  z-index: 0;
  top: 50%;
  left: 65%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-otw-card--mobile .slrs-otw-card__glow {
  background: radial-gradient(circle, rgb(168, 85, 247), rgba(236, 72, 153, 0.5));
}
.slrs-otw-card--laptop .slrs-otw-card__glow {
  background: radial-gradient(circle, rgb(59, 130, 246), rgba(6, 182, 212, 0.5));
}
.slrs-otw-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 0;
  pointer-events: none;
  mask-image: radial-gradient(circle at center, black 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 80%);
}
.slrs-otw-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.4;
}
.slrs-otw-card--mobile::after {
  background: radial-gradient(circle at top right, rgba(168, 85, 247, 0.25), transparent 70%);
}
.slrs-otw-card--laptop::after {
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.25), transparent 70%);
}
.slrs-otw-card__content {
  flex: 1;
  z-index: 2;
  min-width: 0;
}
@media (max-width: 47.98em) {
  .slrs-otw-card__content {
    width: 100%;
  }
}
.slrs-otw-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 100px;
  font-family: var(--ff-body);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.slrs-otw-card--mobile .slrs-otw-card__tag {
  background: rgba(168, 85, 247, 0.15);
  color: #e9d5ff;
}
.slrs-otw-card--laptop .slrs-otw-card__tag {
  background: rgba(59, 130, 246, 0.15);
  color: #bfdbfe;
}
.slrs-otw-card__tag i {
  font-size: 12px;
}
.slrs-otw-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-h2);
  margin: 0 0 10px;
  color: #fff;
  letter-spacing: -0.5px;
}
@media (max-width: 61.98em) {
  .slrs-otw-card__title {
    font-size: var(--fs-xl);
  }
}
@media (max-width: 47.98em) {
  .slrs-otw-card__title {
    font-size: var(--fs-2xl);
  }
}
.slrs-otw-card__desc {
  font-family: var(--ff-body);
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
  color: rgba(255, 255, 255, 0.65);
  margin: 0 0 24px;
  max-width: 360px;
  font-weight: var(--fw-normal);
}
@media (max-width: 47.98em) {
  .slrs-otw-card__desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.slrs-otw-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border-radius: 100px;
  font-family: var(--ff-body);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.slrs-otw-card--mobile .slrs-otw-card__cta {
  background: rgba(168, 85, 247, 0.12);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.3), 0 4px 12px rgba(168, 85, 247, 0.1);
}
.slrs-otw-card--mobile:hover .slrs-otw-card__cta {
  background: rgba(168, 85, 247, 0.25);
  box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.4), 0 6px 16px rgba(168, 85, 247, 0.2);
  transform: translateY(-1px);
}
.slrs-otw-card--laptop .slrs-otw-card__cta {
  background: rgba(59, 130, 246, 0.12);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.3), 0 4px 12px rgba(59, 130, 246, 0.1);
}
.slrs-otw-card--laptop:hover .slrs-otw-card__cta {
  background: rgba(59, 130, 246, 0.25);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.4), 0 6px 16px rgba(59, 130, 246, 0.2);
  transform: translateY(-1px);
}
.slrs-otw-card__cta i {
  font-size: 14px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-otw-card:hover .slrs-otw-card__cta i {
  transform: translateX(4px);
}
.slrs-otw-card__image {
  flex: 0 0 auto;
  width: 170px;
  height: 170px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 61.98em) {
  .slrs-otw-card__image {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 47.98em) {
  .slrs-otw-card__image {
    width: 160px;
    height: 160px;
  }
}
.slrs-otw-card__image::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.2);
}
.slrs-otw-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.4));
  position: relative;
  z-index: 1;
}

.slrs-magazine-news {
  position: relative;
  z-index: 10;
}

.slrs-mn-featured {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 480px;
  border-radius: 32px;
  overflow: hidden;
  text-decoration: none !important;
  background: var(--clr-white);
  border: 1px solid var(--clr-smoke-op-5);
  box-shadow: 0 12px 32px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80), inset 0 -1px 1px var(--clr-smoke-op-2);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-mn-featured {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-5), inset 0 -1px 1px var(--clr-smoke-op-20), 0 12px 32px -12px var(--clr-smoke-op-80);
}
.slrs-mn-featured__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}
.slrs-mn-featured__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.85) 100%);
  z-index: 2;
  transition: opacity 0.5s ease;
}
.slrs-mn-featured__content {
  position: relative;
  z-index: 3;
  padding: var(--space-base-40);
  color: var(--clr-white);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-mn-featured__tag {
  display: inline-flex;
  align-items: center;
  background: var(--clr-glass-op-20);
  color: var(--clr-white);
  font-family: var(--ff-heading);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--space-base-8) var(--space-base-16);
  border-radius: 100px;
  margin-bottom: var(--space-base-24);
  border: 1px solid var(--clr-glass-op-20);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 16px var(--clr-smoke-op-20);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-mn-featured__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  color: var(--clr-white);
  margin-bottom: var(--space-base-16);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 4px 16px var(--clr-smoke-op-60);
}
.slrs-mn-featured__meta {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, 0.7);
  font-weight: var(--fw-medium);
}
.slrs-mn-featured__meta i {
  margin-right: 6px;
  font-size: 1.1rem;
}
.slrs-mn-featured:hover {
  transform: translateY(-8px);
  border-color: var(--clr-smoke-op-10);
  box-shadow: 0 40px 80px -20px var(--clr-primary-op-15), inset 0 1px 1px var(--clr-white), inset 0 -1px 1px var(--clr-smoke-op-2);
}
[data-theme=dark] .slrs-mn-featured:hover {
  border-color: var(--clr-glass-op-20);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10), 0 40px 80px -20px var(--clr-smoke-op-100);
}
.slrs-mn-featured:hover .slrs-mn-featured__img {
  transform: scale(1.08) rotate(-0.5deg);
}
.slrs-mn-featured:hover .slrs-mn-featured__content {
  transform: translateY(-8px);
}
.slrs-mn-featured:hover .slrs-mn-featured__tag {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  box-shadow: 0 8px 24px var(--clr-primary-op-40);
}
@media (max-width: 47.98em) {
  .slrs-mn-featured {
    min-height: 350px;
    margin-bottom: var(--space-base-24);
  }
  .slrs-mn-featured__content {
    padding: var(--space-base-24);
  }
}

.slrs-mn-categories {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  overflow-x: auto;
  padding-bottom: var(--space-base-12);
  margin-bottom: var(--space-base-24);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slrs-mn-categories::-webkit-scrollbar {
  display: none;
}
.slrs-mn-categories__pill {
  display: inline-flex;
  align-items: center;
  background: var(--clr-glass-op-20);
  color: var(--clr-text);
  font-family: var(--ff-heading);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  padding: var(--space-base-8) var(--space-base-16);
  border-radius: 100px;
  white-space: nowrap;
  text-decoration: none !important;
  border: 1px solid var(--clr-smoke-op-10);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  white-space: nowrap;
  padding: var(--space-base-6) var(--space-base-16);
  background: var(--clr-glass-op-20);
  border: 1px solid var(--clr-text-op-15);
  border-radius: 100px;
  font-family: var(--ff-heading);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  text-decoration: none !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
[data-theme=dark] .slrs-mn-categories__pill {
  border-color: var(--clr-glass-op-20);
  color: rgba(255, 255, 255, 0.9);
}
.slrs-mn-categories__pill:hover, .slrs-mn-categories__pill--active {
  background: var(--clr-text);
  color: var(--clr-bg);
  border-color: var(--clr-text);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--clr-smoke-op-10);
}
[data-theme=dark] .slrs-mn-categories__pill:hover, [data-theme=dark] .slrs-mn-categories__pill--active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

.slrs-mn-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.slrs-mn-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-20);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: var(--space-base-12);
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  isolation: isolate;
}
.slrs-mn-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: var(--clr-smoke-op-5);
  transition: opacity 0.3s ease;
}
.slrs-mn-item:last-child::after {
  display: none;
}
[data-theme=dark] .slrs-mn-item::after {
  background: var(--clr-glass-op-10);
}
.slrs-mn-item:hover {
  background: var(--clr-white);
  border-color: var(--clr-smoke-op-5);
  box-shadow: 0 12px 24px -8px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80);
  transform: translateX(6px);
  z-index: 2;
}
.slrs-mn-item:hover::after {
  opacity: 0;
}
[data-theme=dark] .slrs-mn-item:hover {
  background: var(--clr-surface-void);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 12px 24px -8px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-5);
}
.slrs-mn-item:hover .slrs-mn-item__title {
  color: var(--clr-primary);
}
.slrs-mn-item:hover .slrs-mn-item__title .slrs-mn-item__title-text {
  background-size: 100% 2px;
}
.slrs-mn-item:hover .slrs-mn-item__img-wrap img {
  transform: scale(1.08);
}
.slrs-mn-item__img-wrap {
  width: 140px;
  aspect-ratio: 4/3;
  flex-shrink: 0;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: var(--clr-neutral-100);
  box-shadow: inset 0 0 0 1px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-mn-item__img-wrap {
  background: var(--clr-neutral-800);
  box-shadow: inset 0 0 0 1px var(--clr-glass-op-10);
}
.slrs-mn-item__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-mn-item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.slrs-mn-item__tag {
  font-family: var(--ff-heading);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  color: var(--clr-primary);
  letter-spacing: 0.5px;
  margin-bottom: var(--space-base-8);
}
.slrs-mn-item__title {
  font-family: var(--ff-heading);
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  line-height: var(--lh-tight);
  margin-bottom: var(--space-base-8);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  font-feature-settings: "cv02", "cv11";
}
[data-theme=dark] .slrs-mn-item__title {
  color: rgba(255, 255, 255, 0.9);
}
.slrs-mn-item__title .slrs-mn-item__title-text {
  display: inline;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  transition: background-size 0.4s ease;
}
.slrs-mn-item__meta {
  font-size: var(--fs-xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-medium);
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
}
.slrs-mn-item__meta span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.slrs-mn-item__meta span i {
  font-size: 14px;
  display: flex;
}
@media (max-width: 35.98em) {
  .slrs-mn-item {
    gap: var(--space-base-12);
    padding: var(--space-base-12);
  }
  .slrs-mn-item__img-wrap {
    width: 100px;
  }
  .slrs-mn-item__title {
    font-size: var(--fs-sm);
  }
}

/* C. Deal of the Day Banner Section */
.slrs-deal-banner {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  background-origin: border-box;
  background-clip: border-box;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.slrs-deal-banner__overlay {
  position: absolute;
  inset: 0;
  opacity: 0.08;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.slrs-deal-banner__badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  background-origin: border-box;
  background-clip: padding-box;
  color: #fff;
  margin-bottom: 24px;
}
.slrs-deal-banner__title {
  font-size: 34px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .slrs-deal-banner__title {
    font-size: 26px;
  }
}
.slrs-deal-banner__desc {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 30px;
  line-height: 1.6;
}
.slrs-deal-banner {
  /* Countdown Grid */
}
.slrs-deal-banner__countdown {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
.slrs-deal-banner__time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-deal-banner__time-box {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-deal-banner__time-box {
  border-radius: 16px;
  transition: all 0.3s ease;
}
.slrs-deal-banner__time-box:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-3px);
}
.slrs-deal-banner__time-box span {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.slrs-deal-banner__time-box label {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
  margin-bottom: 0;
}
.slrs-deal-banner {
  /* Stock Level Progress Bar */
}
.slrs-deal-banner__stock {
  max-width: 400px;
  margin-bottom: 30px;
}
.slrs-deal-banner__stock-meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
}
.slrs-deal-banner__stock-meta .highlight {
  color: #f59e0b;
}
.slrs-deal-banner__stock-bar {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.slrs-deal-banner__stock-bar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, #f59e0b, #ef4444);
  background-origin: border-box;
  background-clip: padding-box;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.5);
}
.slrs-deal-banner {
  /* Premium Product Display */
}
.slrs-deal-banner__img-wrapper {
  position: relative;
  text-align: center;
  z-index: 1;
  display: inline-block;
  width: 100%;
}
.slrs-deal-banner__img {
  max-height: 380px;
  width: 100%;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.03);
  padding: 30px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-deal-banner__img {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-deal-banner__img {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
}
.slrs-deal-banner__img:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.slrs-deal-banner__badge-circle {
  position: absolute;
  top: -15px;
  right: 15px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-primary-700, #047857));
  background-origin: border-box;
  background-clip: padding-box;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.15;
  font-size: 13px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.1);
  z-index: 2;
  animation: slrsPulseBadge 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
}
.slrs-deal-banner__badge-circle span {
  display: block;
}
.slrs-deal-banner__badge-circle strong {
  font-weight: 800;
  font-size: 17px;
  text-transform: uppercase;
  display: block;
  margin-top: 2px;
  letter-spacing: 0.5px;
}

@keyframes slrsPulseBadge {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 15px rgba(22, 163, 74, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0);
  }
}
.slrs-compare-section {
  position: relative;
  overflow: hidden;
  --tag-bg: var(--clr-primary-op-10);
  --tag-color: var(--clr-primary);
  --tag-border: var(--clr-primary-op-20);
}
.slrs-compare-section::before, .slrs-compare-section::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  filter: blur(120px);
  z-index: 0;
  pointer-events: none;
  opacity: 0.15;
}
[data-theme=dark] .slrs-compare-section::before, [data-theme=dark] .slrs-compare-section::after {
  opacity: 0.25;
  mix-blend-mode: screen;
}
.slrs-compare-section::before {
  top: -200px;
  left: -150px;
  background: radial-gradient(circle, var(--clr-primary), transparent 70%);
}
.slrs-compare-section::after {
  bottom: -200px;
  right: -150px;
  background: radial-gradient(circle, var(--clr-secondary), transparent 70%);
}
.slrs-compare-section .container {
  position: relative;
  z-index: 2;
}

.slrs-gradient-heading {
  background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--ffs-4xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-tight);
  filter: drop-shadow(0 4px 10px var(--clr-primary-op-15));
}

.slrs-trending-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
}

.slrs-trending-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--clr-danger-op-10);
  color: var(--clr-danger);
  font-size: 1.2rem;
  box-shadow: 0 0 15px var(--clr-danger-op-20), inset 0 0 0 1px var(--clr-danger-op-30);
  animation: spec-winner-pulse 2s infinite alternate;
}

.slrs-compare-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  text-decoration: none;
  padding: 26px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgb(255, 255, 255), inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.6s ease;
  gap: 16px;
}
[data-theme=dark] .slrs-compare-card {
  background: rgba(20, 20, 22, 0.5);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.5);
}
@media (max-width: 47.98em) {
  .slrs-compare-card {
    padding: 28px 24px;
    gap: 20px;
    border-radius: 28px;
  }
}
.slrs-compare-card:hover {
  transform: translateY(-6px) scale(1.02);
}
.slrs-compare-card:hover .slrs-compare-card__icon {
  transform: scale(1.08) translateY(-4px) rotate(-2deg);
}
.slrs-compare-card:hover .slrs-compare-card__arrow {
  transform: translateX(6px);
  opacity: 1;
}
.slrs-compare-card:hover .slrs-compare-card__glow {
  opacity: 0.5;
  transform: translate(-30%, -30%) scale(1.4);
}
.slrs-compare-card--mobile:hover {
  box-shadow: 0 32px 64px rgba(139, 92, 246, 0.12), inset 0 1px 1px rgb(255, 255, 255);
  border-color: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] .slrs-compare-card--mobile:hover {
  box-shadow: 0 32px 64px rgba(139, 92, 246, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  border-color: rgba(139, 92, 246, 0.35);
}
.slrs-compare-card--mobile:hover .slrs-compare-card__icon {
  box-shadow: 0 16px 32px rgba(139, 92, 246, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.4);
  background: linear-gradient(135deg, #b46dff, #8b5cf6);
  color: #ffffff;
  border-color: transparent;
}
.slrs-compare-card--mobile:hover .slrs-compare-card__link {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.9), rgba(124, 58, 237, 0.9));
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-compare-card--mobile:hover .slrs-compare-card__link {
  background: linear-gradient(90deg, #9333ea, #7e22ce);
  color: #ffffff;
}
.slrs-compare-card--mobile .slrs-compare-card__glow {
  background: radial-gradient(circle, rgba(168, 85, 247, 0.5), transparent 70%);
}
.slrs-compare-card--mobile .slrs-compare-card__icon {
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(139, 92, 246, 0.2);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-compare-card--mobile .slrs-compare-card__icon {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}
.slrs-compare-card--mobile .slrs-compare-card__link {
  color: #7c3aed;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
[data-theme=dark] .slrs-compare-card--mobile .slrs-compare-card__link {
  color: #d8b4fe;
}
.slrs-compare-card--mobile .slrs-compare-card__feature-tag {
  color: #7c3aed;
}
[data-theme=dark] .slrs-compare-card--mobile .slrs-compare-card__feature-tag {
  color: #d8b4fe;
}
.slrs-compare-card--laptop:hover {
  box-shadow: 0 32px 64px rgba(14, 165, 233, 0.12), inset 0 1px 1px rgb(255, 255, 255);
  border-color: rgba(14, 165, 233, 0.3);
}
[data-theme=dark] .slrs-compare-card--laptop:hover {
  box-shadow: 0 32px 64px rgba(14, 165, 233, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  border-color: rgba(14, 165, 233, 0.35);
}
.slrs-compare-card--laptop:hover .slrs-compare-card__icon {
  box-shadow: 0 16px 32px rgba(14, 165, 233, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.4);
  background: linear-gradient(135deg, #38bdf8, #0ea5e9);
  color: #ffffff;
  border-color: transparent;
}
.slrs-compare-card--laptop:hover .slrs-compare-card__link {
  background: linear-gradient(90deg, rgba(14, 165, 233, 0.9), rgba(2, 132, 199, 0.9));
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-compare-card--laptop:hover .slrs-compare-card__link {
  background: linear-gradient(90deg, #0284c7, #0369a1);
  color: #ffffff;
}
.slrs-compare-card--laptop .slrs-compare-card__glow {
  background: radial-gradient(circle, rgba(56, 189, 248, 0.5), transparent 70%);
}
.slrs-compare-card--laptop .slrs-compare-card__icon {
  color: #0ea5e9;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.2);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-compare-card--laptop .slrs-compare-card__icon {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}
.slrs-compare-card--laptop .slrs-compare-card__link {
  color: #0284c7;
  background: rgba(14, 165, 233, 0.1);
  border: 1px solid rgba(14, 165, 233, 0.2);
}
[data-theme=dark] .slrs-compare-card--laptop .slrs-compare-card__link {
  color: #7dd3fc;
}
.slrs-compare-card--laptop .slrs-compare-card__feature-tag {
  color: #0284c7;
}
[data-theme=dark] .slrs-compare-card--laptop .slrs-compare-card__feature-tag {
  color: #bae6fd;
}
.slrs-compare-card__glow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(80px);
  top: 0;
  left: 0;
  transform: translate(-30%, -30%);
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: normal;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme=dark] .slrs-compare-card__glow {
  mix-blend-mode: screen;
}
.slrs-compare-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.015) 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 0;
  pointer-events: none;
  mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
}
[data-theme=dark] .slrs-compare-card::before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
}
.slrs-compare-card::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 140px;
  height: 140px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.4;
}
.slrs-compare-card__icon {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: var(--fs-2xl);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .slrs-compare-card__icon {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}
.slrs-compare-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 2;
  width: 100%;
}
.slrs-compare-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-semibold);
  margin: 0;
  color: var(--clr-text);
  letter-spacing: -0.4px;
}
.slrs-compare-card__features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 6px;
  column-gap: 8px;
  margin-bottom: -4px;
}
.slrs-compare-card__feature-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ff-body);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  letter-spacing: 0.2px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-compare-card__feature-tag i {
  font-size: var(--fs-base);
}
.slrs-compare-card__feature-tag:not(:last-child)::after {
  content: "•";
  margin-left: 8px;
  opacity: 0.4;
  color: var(--clr-text-muted);
}
.slrs-compare-card__desc {
  font-family: var(--ff-body);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--clr-text-muted);
  margin: 0 0 8px 0;
  font-weight: 400;
}
.slrs-compare-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--ff-body);
  font-size: 14px;
  font-weight: 600;
  margin-top: auto;
  padding: 14px 28px;
  border-radius: 16px;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .slrs-compare-card__link {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08);
}
@media (max-width: 47.98em) {
  .slrs-compare-card__link {
    margin-left: auto;
    margin-right: auto;
    border-radius: 14px;
    padding: 12px 24px;
  }
}
.slrs-compare-card__arrow {
  font-size: 16px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slrs-compare-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes spec-winner-pulse {
  from {
    opacity: 0.3;
    transform: scale(0.98);
  }
  to {
    opacity: 0.8;
    transform: scale(1);
  }
}
@keyframes slrs-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.slrs-compare-tools {
  padding: 80px 0;
  background: var(--clr-bg, #f8f9fa);
}
.slrs-compare-tools__header {
  position: relative;
  padding-bottom: var(--space-base-24);
  margin-bottom: var(--space-base-40);
  border-bottom: 1px solid var(--clr-text-op-10);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-compare-tools__header {
    flex-direction: row;
  }
}
.slrs-compare-tools__header .slrs-compare-tools__header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-base-16);
  flex-wrap: wrap;
  justify-content: center;
}
.slrs-compare-tools__header::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100px;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary));
  border-radius: 3px;
}
@media (max-width: 47.98em) {
  .slrs-compare-tools__header::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.slrs-compare-tools__header .title, .slrs-compare-tools__header .slrs-compare-tools__title {
  font-family: var(--ff-heading);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: var(--fw-black);
  margin-bottom: var(--space-base-8);
  background: linear-gradient(135deg, var(--clr-text), var(--clr-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  letter-spacing: -1px;
}
.slrs-compare-tools__header .desc, .slrs-compare-tools__header .slrs-compare-tools__desc {
  font-size: var(--ffs-lg);
  color: var(--clr-text-muted);
  max-width: 650px;
  margin: 0;
  line-height: var(--lh-relaxed);
}
@media (max-width: 47.98em) {
  .slrs-compare-tools__header .desc, .slrs-compare-tools__header .slrs-compare-tools__desc {
    margin: 0 auto;
  }
}
.slrs-compare-tools .slrs-diff-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-base-8);
  cursor: pointer;
  user-select: none;
  padding: var(--space-base-8) var(--space-base-12);
  border-radius: 30px;
  background: var(--clr-smoke-op-10);
  border: 1px solid var(--clr-text-op-10);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 2px 4px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-compare-tools .slrs-diff-toggle {
  background: var(--clr-smoke-op-20);
  border-color: var(--clr-smoke-op-30);
}
.slrs-compare-tools .slrs-diff-toggle:hover {
  background: var(--clr-smoke-op-20);
  transform: translateY(-1px);
}
.slrs-compare-tools .slrs-diff-toggle input {
  display: none;
}
.slrs-compare-tools .slrs-diff-toggle__track {
  width: 36px;
  height: 20px;
  background: var(--clr-text-op-20);
  border-radius: 20px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 2px 4px var(--clr-smoke-op-20);
}
.slrs-compare-tools .slrs-diff-toggle__thumb {
  width: 14px;
  height: 14px;
  background: var(--clr-white, #fff);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 3px;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 2px 5px var(--clr-smoke-op-20);
}
.slrs-compare-tools .slrs-diff-toggle__label {
  font-family: var(--ff-heading);
  font-size: 12px;
  font-weight: var(--fw-medium);
  color: var(--clr-text-muted);
  transition: all 0.3s ease;
  white-space: normal;
  line-height: 1.2;
}
.slrs-compare-tools .slrs-diff-toggle:has(input:checked) {
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-30);
  box-shadow: inset 0 2px 10px var(--clr-primary-op-10), 0 4px 15px var(--clr-primary-op-10);
}
.slrs-compare-tools .slrs-diff-toggle:has(input:checked) .slrs-diff-toggle__track {
  background: var(--clr-primary);
  box-shadow: inset 0 2px 4px var(--clr-smoke-op-40);
}
.slrs-compare-tools .slrs-diff-toggle:has(input:checked) .slrs-diff-toggle__thumb {
  transform: translateX(16px);
}
.slrs-compare-tools .slrs-diff-toggle:has(input:checked) .slrs-diff-toggle__label {
  color: var(--clr-primary);
}
.slrs-compare-tools__header-text {
  text-align: center;
}
@media (min-width: 48em) {
  .slrs-compare-tools__header-text {
    text-align: left;
  }
}
.slrs-compare-tools__share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-success-op-10);
  color: var(--clr-success);
  border: 1px solid var(--clr-success-op-30);
  padding: 8px 20px;
  border-radius: 30px;
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  font-size: var(--ffs-xs);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.slrs-compare-tools__share-btn i {
  font-size: var(--ffs-xl);
}
.slrs-compare-tools__share-btn:hover {
  background: var(--clr-success);
  color: #ffffff;
  border-color: var(--clr-success);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px var(--clr-success-op-30);
}
.slrs-compare-tools__chart-row {
  justify-content: center;
  margin-bottom: var(--space-base-48);
}
.slrs-compare-tools__chart-col {
  margin: 0 auto;
}
.slrs-compare-tools__chart-card {
  background: var(--clr-glass-op-20);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--clr-glass-op-50);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 20px 40px var(--clr-smoke-op-5), inset 0 1px 0 var(--clr-glass-op-80);
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.slrs-compare-tools__chart-card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, var(--clr-primary-op-15) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.slrs-compare-tools__chart-card:hover::before {
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, var(--clr-primary-op-25) 0%, transparent 70%);
}
.slrs-compare-tools__chart-card .chart-title {
  position: relative;
  z-index: 1;
  display: inline-block;
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-10);
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .slrs-compare-tools__chart-card .chart-title {
  background: var(--clr-smoke-op-20);
  border-color: var(--clr-glass-op-10);
}
.slrs-compare-tools__chart-card .canvas-wrapper {
  position: relative;
  z-index: 1;
  height: 250px;
  width: 100%;
}
.slrs-compare-tools__table-wrapper {
  background: var(--clr-bg);
  border-radius: 24px;
  box-shadow: 0 30px 60px var(--clr-smoke-op-5);
  overflow: auto;
  max-height: 70vh;
  border: 1px solid var(--clr-text-op-10);
  position: relative;
}
.slrs-compare-tools__table-wrapper::-webkit-scrollbar {
  height: 8px;
}
.slrs-compare-tools__table-wrapper::-webkit-scrollbar-thumb {
  background: var(--clr-smoke-op-10);
  border-radius: 10px;
}
.slrs-compare-tools__table {
  display: grid;
  width: 100%;
  min-width: calc(140px + var(--data-cols, 4) * 160px);
  grid-template-columns: minmax(140px, 200px) repeat(var(--data-cols, 4), minmax(160px, 1fr));
  background: var(--clr-bg);
  border-collapse: collapse;
  border-spacing: 0;
  gap: 0;
}
.slrs-compare-tools__table .compare-thead, .slrs-compare-tools__table .compare-tbody, .slrs-compare-tools__table .compare-row {
  display: contents;
}
.slrs-compare-tools__table .compare-cell {
  background: transparent;
  padding: var(--space-base-12) var(--space-base-12);
  border-bottom: 1px solid var(--clr-text-op-5);
  border-right: none;
  border-left: none;
  border-top: none;
  text-align: center;
  vertical-align: middle;
  color: var(--clr-text);
  font-family: var(--ff-body);
  font-size: 13px;
  font-weight: var(--fw-regular);
  line-height: var(--lh-relaxed);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slrs-compare-tools__table.hide-identical .is-identical .compare-cell {
  display: none !important;
}
.slrs-compare-tools__table .spec-section-head .compare-cell {
  border-right: none;
}
.slrs-compare-tools__table .compare-tbody .compare-row:last-child .compare-cell {
  border-bottom: none;
}
.slrs-compare-tools__table .compare-row:has(+ .spec-section-head) .compare-cell {
  border-bottom: none;
}
.slrs-compare-tools__table .compare-thead .compare-cell {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: var(--space-base-16) var(--space-base-12) var(--space-base-12);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-compare-tools__table .compare-thead .compare-cell {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-compare-tools__table .compare-thead .compare-cell {
  background: linear-gradient(180deg, var(--clr-glass-op-90) 0%, var(--clr-glass-op-60) 100%);
  border-bottom: 1px solid var(--clr-text-op-5);
  border-top: 1px solid var(--clr-text-op-5);
  box-shadow: 0 20px 40px -20px var(--clr-smoke-op-10), inset 0 1px 0 0 var(--clr-glass-op-40);
  text-align: center;
  transition: all 0.3s ease;
}
.slrs-compare-tools__table .compare-thead .compare-cell:first-child {
  border-radius: 20px 0 0 20px;
  border-left: 1px solid var(--clr-text-op-5);
}
.slrs-compare-tools__table .compare-thead .compare-cell:last-child {
  border-radius: 0 20px 20px 0;
  border-right: 1px solid var(--clr-text-op-5);
}
[data-theme=dark] .slrs-compare-tools__table .compare-thead .compare-cell {
  background: linear-gradient(180deg, var(--clr-smoke-op-90) 0%, var(--clr-smoke-op-60) 100%);
  box-shadow: 0 20px 40px -20px var(--clr-smoke-op-30), inset 0 1px 0 0 var(--clr-glass-op-10);
}
.slrs-compare-tools__table .compare-thead .compare-cell .slrs-compare-remove-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--clr-glass-op-50);
  color: var(--clr-text-muted);
  border: 1px solid var(--clr-text-op-10);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 20;
}
.slrs-compare-tools__table .compare-thead .compare-cell .slrs-compare-remove-btn:hover {
  background: var(--clr-danger);
  color: #ffffff;
  border-color: var(--clr-danger);
  transform: scale(1.1);
  box-shadow: 0 4px 12px var(--clr-danger-op-40);
}
.slrs-compare-tools__table .compare-thead .compare-cell:hover .slrs-compare-remove-btn {
  opacity: 1;
  transform: scale(1);
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-base-12);
  height: 90px;
  width: 100%;
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-img-wrap::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  background: radial-gradient(circle, var(--clr-primary-op-15) 0%, transparent 60%);
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: scale(0.8) translateY(10px);
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: drop-shadow(0 10px 20px var(--clr-smoke-op-5));
  position: relative;
  z-index: 1;
}
.slrs-compare-tools__table .compare-thead .compare-cell:hover .device-img-wrap::before {
  opacity: 1;
  transform: scale(1.2) translateY(0);
}
.slrs-compare-tools__table .compare-thead .compare-cell:hover .device-img-wrap img {
  transform: scale(1.08) translateY(-6px);
  filter: drop-shadow(0 15px 30px var(--clr-smoke-op-15));
}
.slrs-compare-tools__table .compare-thead .compare-cell .brand {
  font-family: var(--ff-heading);
  font-size: 10px;
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--space-base-4);
  opacity: 0.9;
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-title {
  font-family: var(--ff-heading);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  line-height: var(--lh-tight);
  letter-spacing: -0.2px;
  margin-bottom: var(--space-base-12);
  text-decoration: none;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-title:hover {
  color: var(--clr-primary);
}
.slrs-compare-tools__table .compare-thead .compare-cell .device-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  background: linear-gradient(145deg, var(--clr-text-op-2), var(--clr-text-op-5));
  border-radius: 12px;
  font-family: var(--ff-heading);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  border: 1px solid var(--clr-text-op-5);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-50);
}
.slrs-compare-tools__table .compare-label-th {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 50 !important;
  background: var(--clr-bg) !important;
  border-right: 1px solid var(--clr-text-op-5);
  border-bottom: 1px solid var(--clr-text-op-5);
  box-shadow: 10px 10px 20px -10px var(--clr-smoke-op-5);
  padding: var(--space-base-12);
}
.slrs-compare-tools__table .compare-label-th__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-base-12);
  height: 100%;
}
.slrs-compare-tools__table .compare-label-th__title {
  font-family: var(--ff-heading);
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--clr-text);
  line-height: var(--lh-tight);
  text-transform: uppercase;
  letter-spacing: 1px;
}
[data-theme=dark] .slrs-compare-tools__table .compare-label-th {
  box-shadow: 10px 10px 20px -10px var(--clr-smoke-op-40);
}
.slrs-compare-tools__table .compare-row:not(.spec-section-head) .compare-cell {
  border-bottom: 1px solid var(--clr-text-op-5);
}
.slrs-compare-tools__table .compare-row:not(.spec-section-head):nth-child(even) .compare-cell {
  background: var(--clr-smoke-op-5);
}
.slrs-compare-tools__table .compare-row:hover .compare-cell:not(.spec-section-head .compare-cell):not(.spec-label) {
  background: var(--clr-glass-op-80) !important;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-compare-tools__table .compare-row:hover .compare-cell:not(.spec-section-head .compare-cell):not(.spec-label) {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-compare-tools__table .compare-row:hover .compare-cell:not(.spec-section-head .compare-cell):not(.spec-label) {
  box-shadow: inset 0 2px 10px var(--clr-primary-op-5), 0 4px 15px -5px var(--clr-smoke-op-10);
  color: var(--clr-primary);
  z-index: 2;
  position: relative;
}
.slrs-compare-tools__table .spec-section-head .compare-cell {
  grid-column: 1/-1;
  margin-top: var(--space-base-48);
  margin-bottom: var(--space-base-16);
  background: linear-gradient(135deg, var(--clr-glass-op-60), var(--clr-glass-op-20));
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  color: var(--clr-primary);
  text-align: center;
  padding: var(--space-base-12) var(--space-base-32);
  border-radius: 100px;
  border: 1px solid var(--clr-primary-op-15);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-80), 0 15px 35px -10px var(--clr-smoke-op-10);
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-compare-tools__table .spec-section-head .compare-cell {
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-compare-tools__table .spec-section-head .compare-cell {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  justify-self: center;
  transition: all 0.4s ease;
}
.slrs-compare-tools__table .spec-section-head .compare-cell::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-primary);
  margin-right: 12px;
  box-shadow: 0 0 10px var(--clr-primary-op-50), 0 0 20px var(--clr-primary-op-30);
}
.slrs-compare-tools__table .spec-section-head .compare-cell:hover {
  transform: translateY(-2px);
  background: var(--clr-primary-op-5);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-80), 0 20px 40px -10px var(--clr-primary-op-20);
  border-color: var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-compare-tools__table .spec-section-head .compare-cell {
  background: linear-gradient(135deg, var(--clr-smoke-op-80), var(--clr-smoke-op-40));
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10), 0 15px 35px -10px var(--clr-smoke-op-30);
}
.slrs-compare-tools__table .spec-label {
  position: sticky;
  left: 0;
  z-index: 5;
  background: var(--clr-glass-op-80) !important;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-compare-tools__table .spec-label {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-compare-tools__table .spec-label {
  font-family: var(--ff-heading);
  font-weight: var(--fw-regular);
  font-size: 13px;
  color: var(--clr-text-muted);
  text-align: left;
  border-right: 1px solid var(--clr-text-op-5);
  box-shadow: 15px 0 25px -15px var(--clr-smoke-op-20);
}
[data-theme=dark] .slrs-compare-tools__table .spec-label {
  background: var(--clr-smoke-op-80) !important;
  box-shadow: 10px 0 20px -10px var(--clr-smoke-op-40);
}
.slrs-compare-tools__table .spec-winner {
  background: linear-gradient(135deg, var(--clr-primary-op-5), var(--clr-primary-op-10)) !important;
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary) !important;
  position: relative;
  box-shadow: inset 0 0 0 1px var(--clr-primary-op-20), 0 0 20px -5px var(--clr-primary-op-10);
  transition: all 0.3s ease;
}
.slrs-compare-tools__table .spec-winner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, var(--clr-primary-op-10) 0%, transparent 70%);
  opacity: 0.8;
  animation: spec-winner-pulse 3s infinite alternate;
  pointer-events: none;
}
.slrs-compare-tools__table .spec-winner::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--space-base-12);
  width: 16px;
  height: 16px;
  background-color: var(--clr-primary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  filter: drop-shadow(0 0 6px var(--clr-primary-op-40));
}
.slrs-compare-tools__table .spec-winner:hover {
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-primary-op-20)) !important;
  box-shadow: inset 0 0 0 1px var(--clr-primary-op-30), 0 0 24px -5px var(--clr-primary-op-20);
}
.slrs-compare-tools__table .bento-pro, .slrs-compare-tools__table .bento-con {
  padding: var(--space-base-16);
  border-radius: 20px;
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  @supports not (-moz-appearance: none) {
    .slrs-compare-tools__table .bento-pro, .slrs-compare-tools__table .bento-con {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transform: translateZ(0);
      will-change: backdrop-filter, transform;
    }
  }
}
.slrs-compare-tools__table .bento-pro, .slrs-compare-tools__table .bento-con {
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 47.98em) {
  .slrs-compare-tools__table .bento-pro, .slrs-compare-tools__table .bento-con {
    padding: var(--space-base-12);
    border-radius: 16px;
  }
}
.slrs-compare-tools__table .bento-pro::before, .slrs-compare-tools__table .bento-con::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle at center, var(--clr-glass-op-20) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
  transition: transform 0.6s ease, opacity 0.4s ease;
  opacity: 0.5;
}
.slrs-compare-tools__table .bento-pro:hover, .slrs-compare-tools__table .bento-con:hover {
  transform: translateY(-4px);
}
.slrs-compare-tools__table .bento-pro:hover::before, .slrs-compare-tools__table .bento-con:hover::before {
  opacity: 1;
  transform: scale(1.1);
}
.slrs-compare-tools__table .bento-pro ul, .slrs-compare-tools__table .bento-con ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
  position: relative;
  z-index: 1;
}
.slrs-compare-tools__table .bento-pro li, .slrs-compare-tools__table .bento-con li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-base-12);
  font-size: 13px;
  color: var(--clr-text);
  font-weight: var(--fw-medium);
  line-height: var(--lh-relaxed);
  padding-bottom: var(--space-base-12);
  border-bottom: 1px solid var(--clr-text-op-5);
  transition: transform 0.3s ease;
}
@media (max-width: 47.98em) {
  .slrs-compare-tools__table .bento-pro li, .slrs-compare-tools__table .bento-con li {
    font-size: 12px;
    gap: var(--space-base-8);
    padding-bottom: var(--space-base-8);
  }
}
.slrs-compare-tools__table .bento-pro li:hover, .slrs-compare-tools__table .bento-con li:hover {
  transform: translateX(4px);
}
.slrs-compare-tools__table .bento-pro li:last-child, .slrs-compare-tools__table .bento-con li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.slrs-compare-tools__table .bento-pro li i, .slrs-compare-tools__table .bento-con li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: -2px;
}
@media (max-width: 47.98em) {
  .slrs-compare-tools__table .bento-pro li i, .slrs-compare-tools__table .bento-con li i {
    width: 20px;
    height: 20px;
    font-size: 12px;
    margin-top: 0;
  }
}
.slrs-compare-tools__table .bento-pro {
  background: linear-gradient(145deg, var(--clr-success-op-10), var(--clr-success-op-2));
  box-shadow: inset 0 1px 1px 0 var(--clr-glass-op-20), inset 0 0 0 1px var(--clr-success-op-10), 0 10px 20px -10px var(--clr-success-op-5);
}
.slrs-compare-tools__table .bento-pro::before {
  background: radial-gradient(circle at center, var(--clr-success-op-10) 0%, transparent 60%);
}
.slrs-compare-tools__table .bento-pro:hover {
  box-shadow: inset 0 1px 1px 0 var(--clr-glass-op-30), inset 0 0 0 1px var(--clr-success-op-20), 0 15px 30px -10px var(--clr-success-op-10);
}
.slrs-compare-tools__table .bento-pro li i {
  background: linear-gradient(135deg, var(--clr-success-op-20), var(--clr-success-op-5));
  color: var(--clr-success);
  box-shadow: inset 0 0 0 1px var(--clr-success-op-20);
}
.slrs-compare-tools__table .bento-con {
  background: linear-gradient(145deg, var(--clr-danger-op-10), var(--clr-danger-op-2));
  box-shadow: inset 0 1px 1px 0 var(--clr-glass-op-20), inset 0 0 0 1px var(--clr-danger-op-10), 0 10px 20px -10px var(--clr-danger-op-5);
}
.slrs-compare-tools__table .bento-con::before {
  background: radial-gradient(circle at center, var(--clr-danger-op-10) 0%, transparent 60%);
}
.slrs-compare-tools__table .bento-con:hover {
  box-shadow: inset 0 1px 1px 0 var(--clr-glass-op-30), inset 0 0 0 1px var(--clr-danger-op-20), 0 15px 30px -10px var(--clr-danger-op-10);
}
.slrs-compare-tools__table .bento-con li i {
  background: linear-gradient(135deg, var(--clr-danger-op-20), var(--clr-danger-op-5));
  color: var(--clr-danger);
  box-shadow: inset 0 0 0 1px var(--clr-danger-op-20);
}
.slrs-compare-tools__add-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  border-radius: 20px;
  color: var(--clr-primary);
  background: var(--clr-primary-op-5);
  border: 1px solid var(--clr-primary-op-10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 20px var(--clr-smoke-op-5);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.slrs-compare-tools__add-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, var(--clr-primary-op-10) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
[data-theme=dark] .slrs-compare-tools__add-btn {
  background: var(--clr-glass-op-5);
  border-color: var(--clr-primary-op-20);
}
.slrs-compare-tools__add-btn i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--clr-primary-op-10);
  box-shadow: inset 0 0 0 1px var(--clr-primary-op-20);
  font-size: 20px;
  color: var(--clr-primary);
  margin-bottom: var(--space-base-8);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
}
.slrs-compare-tools__add-btn span {
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  font-size: 13px;
  letter-spacing: 0.5px;
  color: var(--clr-primary);
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.slrs-compare-tools__add-btn:hover {
  background: var(--clr-primary-op-10);
  border-color: var(--clr-primary-op-30);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -5px var(--clr-primary-op-20);
}
.slrs-compare-tools__add-btn:hover::before {
  opacity: 1;
}
.slrs-compare-tools__add-btn:hover i {
  transform: scale(1.1) rotate(90deg);
  background: var(--clr-primary);
  color: #ffffff;
  box-shadow: 0 4px 15px var(--clr-primary-op-40);
}
.slrs-compare-tools__empty-state {
  text-align: center;
  padding: var(--space-base-64) var(--space-base-48);
  max-width: 600px;
  margin: var(--space-base-48) auto;
  background: var(--clr-glass-op-20);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid var(--clr-glass-op-60);
  border-radius: 32px;
  box-shadow: 0 24px 48px var(--clr-smoke-op-5), inset 0 1px 0 var(--clr-glass-op-100), inset 0 0 40px var(--clr-primary-op-5);
  position: relative;
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;
}
.slrs-compare-tools__empty-state::before {
  content: "";
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, var(--clr-primary-op-20) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
  opacity: 0.6;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.slrs-compare-tools__empty-state::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--clr-text-op-10) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
[data-theme=dark] .slrs-compare-tools__empty-state {
  background: var(--clr-smoke-op-30);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 24px 48px var(--clr-smoke-op-40), inset 0 1px 0 var(--clr-glass-op-20), inset 0 0 40px var(--clr-primary-op-10);
}
[data-theme=dark] .slrs-compare-tools__empty-state::after {
  opacity: 0.2;
}
.slrs-compare-tools__empty-state:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 64px var(--clr-smoke-op-10), inset 0 1px 0 var(--clr-glass-op-100), inset 0 0 60px var(--clr-primary-op-10);
}
.slrs-compare-tools__empty-state:hover::before {
  opacity: 1;
  transform: translateX(-50%) scale(1.1);
}
.slrs-compare-tools__empty-state > * {
  position: relative;
  z-index: 1;
}
.slrs-compare-tools__empty-state .icon, .slrs-compare-tools__empty-state .slrs-compare-tools__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--clr-primary-op-10), var(--clr-bg));
  border: 1px solid var(--clr-primary-op-20);
  box-shadow: 0 16px 32px var(--clr-primary-op-15), inset 0 2px 0 var(--clr-glass-op-80);
  font-size: 48px;
  color: var(--clr-primary);
  margin-bottom: var(--space-base-24);
  animation: slrs-float 6s ease-in-out infinite;
}
.slrs-compare-tools__empty-state h3, .slrs-compare-tools__empty-state .slrs-compare-tools__empty-title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-3xl);
  font-weight: var(--fw-extrabold);
  color: var(--clr-text);
  margin-bottom: var(--space-base-12);
  letter-spacing: -0.5px;
}
.slrs-compare-tools__empty-state .desc, .slrs-compare-tools__empty-state .slrs-compare-tools__empty-desc {
  color: var(--clr-text-muted);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: var(--space-base-32);
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.slrs-compare-tools__empty-state .slrs-btn {
  font-weight: var(--fw-bold);
  padding: 12px 32px;
  box-shadow: 0 8px 24px var(--clr-primary-op-30);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slrs-compare-tools__empty-state .slrs-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px var(--clr-primary-op-40);
}
.slrs-compare-tools__empty-state .slrs-compare-tools__btn-icon {
  margin-right: var(--space-base-8);
}

.slrs-popular-comparisons {
  margin-top: var(--space-base-48);
}
.slrs-popular-comparisons__title {
  text-align: center;
  margin-bottom: var(--space-base-24);
}
.slrs-popular-comparisons__row {
  --bs-gutter-y: var(--space-base-24);
  --bs-gutter-x: var(--space-base-24);
}

.slrs-compare-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 1050;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.slrs-compare-modal-overlay.show {
  display: flex;
  opacity: 1;
}
.slrs-compare-modal-overlay.show .slrs-compare-modal {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.slrs-compare-modal {
  background: var(--clr-bg);
  width: 90%;
  max-width: 580px;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 40px 80px var(--clr-smoke-op-20), 0 0 0 1px var(--clr-smoke-op-5), inset 0 1px 0 var(--clr-glass-op-80);
  border: none;
  transform: scale(0.95) translateY(30px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.1);
  position: relative;
  overflow: hidden;
}
.slrs-compare-modal::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 50% 0%, rgba(var(--clr-primary-rgb), 0.05) 0%, transparent 50%);
  z-index: 0;
  pointer-events: none;
}
[data-theme=dark] .slrs-compare-modal {
  background: linear-gradient(145deg, #1e293b, #0f172a);
  box-shadow: 0 40px 80px var(--clr-smoke-op-50), 0 0 0 1px var(--clr-glass-op-5), inset 0 1px 0 var(--clr-glass-op-5);
}
[data-theme=dark] .slrs-compare-modal::before {
  background: radial-gradient(circle at 50% 0%, rgba(var(--clr-primary-rgb), 0.1) 0%, transparent 50%);
}
.slrs-compare-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.slrs-compare-modal__header h5 {
  font-size: var(--ffs-2xl);
  margin-bottom: var(--space-base-8);
  font-weight: var(--fw-extrabold);
  margin: 0;
  color: var(--clr-text);
  letter-spacing: -0.5px;
}
.slrs-compare-modal__header .modal-close-btn {
  background-color: var(--clr-text-op-5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: none;
  color: var(--clr-text-muted);
  font-size: 16px;
}
.slrs-compare-modal__header .modal-close-btn:hover {
  background-color: var(--clr-text-op-10);
  color: var(--clr-text);
  transform: scale(1.1) rotate(90deg);
}
.slrs-compare-modal__search-box {
  position: relative;
  z-index: 1;
}
.slrs-compare-modal__search-box i {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--clr-text-muted);
  font-size: 18px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}
.slrs-compare-modal__search-box:focus-within i {
  color: var(--clr-primary);
  transform: translateY(-50%) scale(1.15);
}
.slrs-compare-modal__search-box input {
  width: 100%;
  padding: 14px 20px 14px 48px;
  border: 1px solid var(--clr-text-op-10);
  border-radius: 100px;
  font-size: 15px;
  font-weight: var(--fw-medium);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: rgba(var(--clr-text-rgb), 0.02);
  color: var(--clr-text);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-compare-modal__search-box input {
  background: rgba(255, 255, 255, 0.03);
}
.slrs-compare-modal__search-box input::placeholder {
  color: var(--clr-text-muted);
  opacity: 0.6;
}
.slrs-compare-modal__search-box input:focus {
  outline: none;
  background: var(--clr-bg);
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px var(--clr-primary-op-10), 0 10px 20px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}
[data-theme=dark] .slrs-compare-modal__search-box input:focus {
  background: #1e293b;
  box-shadow: 0 0 0 4px var(--clr-primary-op-15), 0 10px 20px rgba(0, 0, 0, 0.2);
}
.slrs-compare-modal__results {
  max-height: 380px;
  overflow-y: auto;
  margin-top: 25px;
  padding-right: 5px;
}
.slrs-compare-modal__results::-webkit-scrollbar {
  width: 6px;
}
.slrs-compare-modal__results::-webkit-scrollbar-thumb {
  background: var(--clr-text-op-10);
  border-radius: 10px;
}
.slrs-compare-modal__results .slrs-compare-modal__msg {
  text-align: center;
  color: var(--clr-text-muted);
  padding: var(--space-base-16);
  font-size: var(--ffs-sm);
}
.slrs-compare-modal__results .slrs-compare-modal__msg--error {
  color: var(--clr-danger);
}
.slrs-compare-modal__results .search-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid transparent;
  margin-bottom: 8px;
  background: transparent;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.slrs-compare-modal__results .search-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: var(--clr-text-op-2);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slrs-compare-modal__results .search-item:last-child {
  margin-bottom: 0;
}
.slrs-compare-modal__results .search-item:hover {
  border-color: var(--clr-primary-op-15);
  transform: scale(1.01);
  background: var(--clr-bg);
  box-shadow: 0 10px 25px -5px var(--clr-smoke-op-10), inset 0 1px 0 var(--clr-glass-op-50);
}
.slrs-compare-modal__results .search-item:hover::after {
  opacity: 1;
}
.slrs-compare-modal__results .search-item:hover .add-icon {
  background: var(--clr-primary);
  color: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px var(--clr-primary-op-30);
}
.slrs-compare-modal__results .search-item:hover img {
  transform: scale(1.05) translateY(-2px);
}
.slrs-compare-modal__results .search-item img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  background: #ffffff;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid var(--clr-text-op-10);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: transform 0.4s ease;
}
.slrs-compare-modal__results .search-item .details {
  flex-grow: 1;
}
.slrs-compare-modal__results .search-item .details .title {
  display: block;
  font-family: var(--ff-heading);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  margin-bottom: 2px;
  line-height: var(--lh-tight);
}
.slrs-compare-modal__results .search-item .details .brand {
  display: block;
  font-size: 12px;
  color: var(--clr-text-muted);
  font-family: var(--ff-body);
}
.slrs-compare-modal__results .search-item .add-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--clr-text-op-5);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all 0.3s ease;
}

.slrs-browse-budget {
  position: relative;
  overflow: hidden;
  padding: var(--space-base-64) 0;
}
@media (max-width: 61.98em) {
  .slrs-browse-budget {
    padding: var(--space-base-48) 0;
  }
}
.slrs-browse-budget::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 40% 50%, var(--clr-primary-op-5) 0%, transparent 40%), radial-gradient(circle at 60% 40%, var(--clr-secondary-op-5) 0%, transparent 40%);
  z-index: 0;
  pointer-events: none;
}
[data-theme=dark] .slrs-browse-budget::before {
  mix-blend-mode: screen;
  background: radial-gradient(circle at 40% 50%, var(--clr-primary-op-10) 0%, transparent 40%), radial-gradient(circle at 60% 40%, var(--clr-secondary-op-10) 0%, transparent 40%);
}
.slrs-browse-budget .container {
  position: relative;
  z-index: 1;
}
.slrs-browse-budget .slrs-budget-card {
  background: linear-gradient(145deg, var(--clr-glass-op-40) 0%, var(--clr-glass-op-10) 100%);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid var(--clr-glass-op-30);
  border-radius: 32px;
  box-shadow: 0 24px 48px -12px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-60), inset 0 -1px 1px var(--clr-glass-op-20);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-theme=dark] .slrs-browse-budget .slrs-budget-card {
  background: linear-gradient(145deg, var(--clr-smoke-op-40) 0%, var(--clr-smoke-op-20) 100%);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 24px 48px -12px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-10), inset 0 -1px 1px var(--clr-smoke-op-60);
}
.slrs-browse-budget .slrs-budget-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top right, var(--clr-glass-op-20), transparent 60%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.slrs-browse-budget .slrs-budget-card:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-glass-op-100), inset 0 -1px 1px var(--clr-glass-op-40);
}
[data-theme=dark] .slrs-browse-budget .slrs-budget-card:hover {
  box-shadow: 0 32px 64px -16px var(--clr-smoke-op-100), inset 0 1px 1px var(--clr-glass-op-30), inset 0 -1px 1px var(--clr-smoke-op-80);
}
.slrs-browse-budget .slrs-budget-card:hover::after {
  opacity: 1;
}
.slrs-browse-budget .slrs-budget-card--mobile .slrs-budget-card__title {
  color: #8b5cf6;
}
.slrs-browse-budget .slrs-budget-card--mobile .slrs-budget-card__title i {
  color: #8b5cf6;
}
.slrs-browse-budget .slrs-budget-card--mobile:hover {
  border-color: rgba(139, 92, 246, 0.3);
}
.slrs-browse-budget .slrs-budget-card--laptop .slrs-budget-card__title {
  color: #0ea5e9;
}
.slrs-browse-budget .slrs-budget-card--laptop .slrs-budget-card__title i {
  color: #0ea5e9;
}
.slrs-browse-budget .slrs-budget-card--laptop:hover {
  border-color: rgba(14, 165, 233, 0.3);
}
.slrs-browse-budget .slrs-budget-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-semibold);
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  gap: 12px;
}
.slrs-browse-budget .slrs-budget-card__title i {
  font-size: var(--fs-3xl);
}
.slrs-browse-budget .slrs-budget-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.slrs-browse-budget .slrs-budget-tags .slrs-btn {
  font-family: var(--ff-body);
  font-weight: var(--fw-medium);
  letter-spacing: 0.2px;
  font-size: var(--fs-sm);
  padding: 8px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--clr-smoke-op-2) 0%, var(--clr-smoke-op-5) 100%);
  border: 1px solid var(--clr-text-op-10);
  color: var(--clr-text) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 6px -2px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-browse-budget .slrs-budget-tags .slrs-btn {
  background: linear-gradient(180deg, var(--clr-smoke-op-15) 0%, var(--clr-smoke-op-25) 100%);
  border-color: var(--clr-glass-op-10);
  color: var(--clr-glass-op-90) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 2px 6px -2px rgba(0, 0, 0, 0.4);
}
.slrs-browse-budget .slrs-budget-tags .slrs-btn:hover {
  transform: translateY(-2px) scale(1.02);
  background: var(--clr-text);
  color: var(--clr-bg) !important;
  border-color: var(--clr-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 20px -4px var(--clr-smoke-op-15);
}
[data-theme=dark] .slrs-browse-budget .slrs-budget-tags .slrs-btn:hover {
  background: var(--clr-glass-op-100);
  color: #000000 !important;
  border-color: var(--clr-glass-op-100);
  box-shadow: 0 8px 20px -4px var(--clr-smoke-op-80);
}

.slrs-vs-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  background: var(--clr-glass-op-60);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--clr-glass-op-40);
  border-radius: 24px;
  padding: 24px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none !important;
  height: 100%;
  box-shadow: 0 15px 35px var(--clr-smoke-op-5), inset 0 1px 1px var(--clr-glass-op-80);
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-vs-card {
  background: var(--clr-smoke-op-40);
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 15px 35px var(--clr-smoke-op-80), inset 0 1px 1px var(--clr-glass-op-20);
}
.slrs-vs-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--clr-primary-op-5) 0%, transparent 40%, transparent 60%, var(--clr-accent-op-5) 100%);
  z-index: -1;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
[data-theme=dark] .slrs-vs-card::before {
  mix-blend-mode: screen;
  background: linear-gradient(135deg, var(--clr-primary-op-10) 0%, transparent 40%, transparent 60%, var(--clr-accent-op-10) 100%);
}
.slrs-vs-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px var(--clr-smoke-op-10), inset 0 1px 1px var(--clr-glass-op-100);
  border-color: var(--clr-glass-op-60);
}
[data-theme=dark] .slrs-vs-card:hover {
  box-shadow: 0 25px 50px var(--clr-smoke-op-100), inset 0 1px 1px var(--clr-glass-op-30);
  border-color: var(--clr-glass-op-20);
}
.slrs-vs-card:hover::before {
  opacity: 1;
}
.slrs-vs-card:hover .slrs-vs-card__img img {
  transform: scale(1.1) translateY(-4px);
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.15));
}
.slrs-vs-card:hover .slrs-vs-badge {
  background: var(--clr-primary);
  color: #ffffff !important;
  border-color: var(--clr-primary);
  transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
  box-shadow: 0 8px 20px var(--clr-primary-op-30);
}
[data-theme=dark] .slrs-vs-card:hover .slrs-vs-badge {
  background: var(--clr-primary);
  color: #ffffff !important;
  border-color: var(--clr-primary);
  box-shadow: 0 8px 20px var(--clr-primary-op-40);
}
.slrs-vs-card:hover .slrs-vs-card__name {
  color: var(--clr-primary);
}
.slrs-vs-card__devices {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--clr-smoke-op-10);
  z-index: 2;
}
[data-theme=dark] .slrs-vs-card__devices {
  border-bottom-color: var(--clr-glass-op-10);
}
.slrs-vs-card__img {
  width: 45%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.slrs-vs-card__img img {
  max-width: 90%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
  filter: drop-shadow(0 4px 8px var(--clr-smoke-op-5));
}
.slrs-vs-card .slrs-vs-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
  height: 38px;
  background: var(--clr-smoke-op-5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--clr-smoke-op-10);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  font-size: var(--fs-xs);
  font-style: italic;
  color: var(--clr-text-muted);
  z-index: 10;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px var(--clr-smoke-op-5);
}
[data-theme=dark] .slrs-vs-card .slrs-vs-badge {
  background: var(--clr-glass-op-5);
  border-color: var(--clr-glass-op-10);
  color: var(--clr-glass-op-90);
  box-shadow: 0 4px 12px var(--clr-smoke-op-80);
}
.slrs-vs-card__names {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  position: relative;
  z-index: 10;
}
.slrs-vs-card__name {
  flex: 1;
  width: 45%;
  font-family: var(--ff-heading);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--clr-text);
  line-height: var(--lh-h6);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em;
  transition: color 0.4s ease;
}
.slrs-vs-card__name:first-child {
  text-align: left;
}
.slrs-vs-card__name:last-child {
  text-align: right;
}

.slrs-spec-bar {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  align-items: center;
}
.slrs-spec-bar .spec-block {
  width: 24px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--clr-border, #e0e0e0);
  transition: all 0.3s ease;
  transform-origin: left;
  display: block;
}
.slrs-spec-bar .spec-block.filled {
  background: var(--clr-primary);
  background-image: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
  box-shadow: 0 0 10px var(--clr-primary-op-40);
  animation: fillBarAnimation 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes fillBarAnimation {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
[data-theme=dark] .slrs-spec-bar .spec-block:not(.filled) {
  background-color: rgba(255, 255, 255, 0.15);
}

.slrs-spotlight-card {
  display: flex;
  flex-direction: column;
  background: var(--clr-bg);
  border-radius: 24px;
  border: 1px solid var(--clr-text-op-5);
  margin-bottom: var(--space-base-28);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--clr-glass-op-20);
  position: relative;
  z-index: 1;
}
@media (min-width: 48em) {
  .slrs-spotlight-card {
    flex-direction: row;
    align-items: stretch;
  }
}
[data-theme=dark] .slrs-spotlight-card {
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: var(--clr-text-muted-op-6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 30px -10px rgba(0, 0, 0, 0.4);
}
.slrs-spotlight-card:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 24px 48px -12px var(--clr-primary-op-15), inset 0 0 0 1px var(--clr-glass-op-60);
}
[data-theme=dark] .slrs-spotlight-card:hover {
  border-color: var(--clr-primary-light-op-20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 48px -12px rgba(0, 0, 0, 0.6);
}
.slrs-spotlight-card:hover .slrs-spotlight-card__img {
  transform: scale(1.08) rotate(-2deg);
}
.slrs-spotlight-card__image-col {
  position: relative;
  padding: var(--space-base-24);
  background: var(--clr-text-op-3);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (min-width: 48em) {
  .slrs-spotlight-card__image-col {
    width: 28%;
    border-right: 1px solid var(--clr-text-op-5);
  }
  [data-theme=dark] .slrs-spotlight-card__image-col {
    border-right-color: var(--clr-text-muted-op-6);
  }
}
.slrs-spotlight-card__image-col::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  background: var(--clr-primary-op-10);
  border-radius: 50%;
  filter: blur(40px);
  z-index: 1;
}
.slrs-spotlight-card__badge-rank {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--clr-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ffs-lg);
  font-weight: var(--fw-bold);
  font-family: var(--ff-heading);
  box-shadow: 0 8px 24px var(--clr-primary-op-35);
  z-index: 2;
  border: 4px solid var(--clr-bg);
}
[data-theme=dark] .slrs-spotlight-card__badge-rank {
  border-color: rgba(15, 23, 42, 0.8);
}
.slrs-spotlight-card__badge-upcoming {
  position: absolute;
  top: 20px;
  left: 20px;
  background: linear-gradient(135deg, var(--clr-accent), #f59e0b);
  color: #fff;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: var(--ffs-xs);
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.slrs-spotlight-card__badge-upcoming i {
  font-size: var(--ffs-sm);
}
.slrs-spotlight-card__img {
  max-height: 160px;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 2;
  position: relative;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
.slrs-spotlight-card__content-col {
  padding: var(--space-base-20);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 48em) {
  .slrs-spotlight-card__content-col {
    width: 47%;
  }
}
.slrs-spotlight-card__brand {
  display: inline-block;
  background: var(--clr-neutral-100);
  color: var(--clr-text-muted);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: var(--ffs-3xs);
  font-weight: var(--fw-bold);
  margin-bottom: var(--space-base-8);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
[data-theme=dark] .slrs-spotlight-card__brand {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.slrs-spotlight-card__title {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  margin-bottom: var(--space-base-8);
  line-height: 1.2;
}
.slrs-spotlight-card__title a {
  color: var(--clr-text);
  text-decoration: none;
  transition: color 0.2s ease;
}
.slrs-spotlight-card__title a:hover {
  color: var(--clr-primary);
}
.slrs-spotlight-card__meta {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-base-16);
}
.slrs-spotlight-card__meta i {
  color: var(--clr-primary);
  font-size: var(--ffs-lg);
}
.slrs-spotlight-card__specs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-12);
  width: 100%;
}
.slrs-spotlight-card__spec-item {
  font-size: var(--ffs-xs);
  color: var(--clr-text-muted);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: var(--clr-text-op-3);
  padding: var(--space-base-8) var(--space-base-12);
  border-radius: 12px;
  border: 1px solid var(--clr-text-op-5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
[data-theme=dark] .slrs-spotlight-card__spec-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
.slrs-spotlight-card__spec-item i {
  color: var(--clr-primary);
  font-size: var(--ffs-base);
  margin-top: 2px;
}
.slrs-spotlight-card__spec-item .spec-text {
  display: flex;
  flex-direction: column;
}
.slrs-spotlight-card__spec-item .spec-text strong {
  color: var(--clr-text);
  font-size: var(--ffs-3xs);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  opacity: 0.8;
}
.slrs-spotlight-card__spec-item .spec-text span {
  font-weight: var(--fw-medium);
  color: var(--clr-text);
}
.slrs-spotlight-card__action-col {
  padding: var(--space-base-20);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
}
@media (min-width: 48em) {
  .slrs-spotlight-card__action-col {
    width: 25%;
    border-left: 1px solid var(--clr-text-op-5);
  }
  [data-theme=dark] .slrs-spotlight-card__action-col {
    border-left-color: var(--clr-text-muted-op-6);
  }
}
.slrs-spotlight-card__price-box {
  margin-bottom: var(--space-base-16);
  text-align: center;
}
@media (min-width: 48em) {
  .slrs-spotlight-card__price-box {
    text-align: left;
  }
}
.slrs-spotlight-card__price-label {
  display: block;
  font-size: var(--ffs-3xs);
  color: var(--clr-text-muted);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--space-base-8);
}
.slrs-spotlight-card__price {
  font-family: var(--ff-heading);
  font-size: var(--ffs-2xl);
  font-weight: var(--fw-bold);
  color: #10b981;
  margin: 0;
  line-height: 1.1;
}
.slrs-spotlight-card__price-est {
  font-family: var(--ff-heading);
  font-size: var(--ffs-xl);
  font-weight: var(--fw-bold);
  color: #10b981;
  margin: 0;
  line-height: 1.2;
}
.slrs-spotlight-card__btn-view {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--clr-primary-op-10);
  color: var(--clr-primary);
  padding: 12px 20px;
  border-radius: 30px;
  font-weight: var(--fw-bold);
  font-size: var(--ffs-sm);
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: var(--space-base-12);
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slrs-spotlight-card__btn-view:hover {
  background: var(--clr-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px var(--clr-primary-op-25);
}
.slrs-spotlight-card__btn-buy, .slrs-spotlight-card__btn-notify {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: linear-gradient(135deg, #ea580c, #f97316);
  color: #fff;
  padding: 12px 20px;
  border-radius: 30px;
  font-weight: var(--fw-bold);
  font-size: var(--ffs-sm);
  text-decoration: none;
  border: none;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=dark] .slrs-spotlight-card__btn-buy, [data-theme=dark] .slrs-spotlight-card__btn-notify {
  background: linear-gradient(135deg, #c2410c, #ea580c);
}
.slrs-spotlight-card__btn-buy i, .slrs-spotlight-card__btn-notify i {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}
.slrs-spotlight-card__btn-buy:hover, .slrs-spotlight-card__btn-notify:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.35);
}
[data-theme=dark] .slrs-spotlight-card__btn-buy:hover, [data-theme=dark] .slrs-spotlight-card__btn-notify:hover {
  box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45);
}
.slrs-spotlight-card__btn-buy:hover i, .slrs-spotlight-card__btn-notify:hover i {
  transform: translateX(4px) scale(1.1);
}

.slrs-discovery-hub {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.slrs-bento-widget {
  position: relative;
  background: var(--clr-glass-op-3);
  backdrop-filter: blur(24px);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--clr-glass-op-10);
  border-top-color: var(--clr-glass-op-40);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-10), inset 0 0 20px var(--clr-primary-op-5), 0 8px 32px var(--clr-smoke-op-5);
  padding: var(--space-base-24);
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  overflow: hidden;
}
.slrs-bento-widget::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, var(--clr-primary-op-20) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
  opacity: 0.5;
}
.slrs-bento-widget:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-20), inset 0 0 30px var(--clr-primary-op-10), 0 16px 48px var(--clr-smoke-op-10);
}
.slrs-bento-widget:hover::before {
  transform: scale(1.3);
  opacity: 1;
}
.slrs-bento-widget:hover .slrs-bento-widget__title i {
  transform: scale(1.1) rotate(-5deg);
}
.slrs-bento-widget__title {
  font-size: 1.0625rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-bento-widget__title {
    font-size: clamp(1rem, 0.9891rem + 0.0543vw, 1.125rem);
  }
}
.slrs-bento-widget__title {
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-heading-color);
  margin: 0 0 var(--space-base-20);
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  position: relative;
  z-index: 1;
}
.slrs-bento-widget__title i {
  font-size: 20px;
  color: var(--clr-primary);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-bento-widget__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.slrs-bento-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-12);
}
.slrs-bento-pills .slrs-glass-pill {
  font-size: 0.84375rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-bento-pills .slrs-glass-pill {
    font-size: clamp(0.8125rem, 0.8071rem + 0.0272vw, 0.875rem);
  }
}
.slrs-bento-pills .slrs-glass-pill {
  font-weight: var(--fw-medium);
  padding: 8px 16px;
  border-radius: var(--radius-full);
  background: var(--clr-smoke-op-5);
  color: var(--clr-body-color);
  border: 1px solid var(--clr-glass-op-10);
  transition: all 0.3s ease;
}
.slrs-bento-pills .slrs-glass-pill:hover {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
  transform: translateY(-2px);
}

.slrs-bento-brands {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-base-12);
}
.slrs-bento-brands .slrs-bento-brand-logo {
  aspect-ratio: 1;
  background: var(--clr-white);
  border-radius: var(--radius-12);
  border: 1px solid var(--clr-smoke-op-5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  transition: all 0.3s ease;
}
.slrs-bento-brands .slrs-bento-brand-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.slrs-bento-brands .slrs-bento-brand-logo span {
  font-size: 0.71875rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-bento-brands .slrs-bento-brand-logo span {
    font-size: clamp(0.6875rem, 0.6821rem + 0.0272vw, 0.75rem);
  }
}
.slrs-bento-brands .slrs-bento-brand-logo span {
  font-weight: var(--fw-bold);
  color: var(--clr-body-color);
  text-align: center;
}
.slrs-bento-brands .slrs-bento-brand-logo:hover {
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 4px 12px var(--clr-smoke-op-5);
  transform: scale(1.05);
}

.slrs-latest-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
.slrs-latest-list .slrs-latest-item {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  padding: 8px;
  border-radius: var(--radius-xl);
  transition: background 0.3s ease;
}
.slrs-latest-list .slrs-latest-item:hover {
  background: var(--clr-smoke-op-5);
}
.slrs-latest-list .slrs-latest-item:hover .slrs-latest-item__media {
  transform: scale(1.05);
}
.slrs-latest-list .slrs-latest-item:hover .slrs-latest-item__title {
  color: var(--clr-primary);
}
.slrs-latest-list .slrs-latest-item__media {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  box-shadow: 0 2px 8px var(--clr-smoke-op-5);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.slrs-latest-list .slrs-latest-item__media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.slrs-latest-list .slrs-latest-item__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.slrs-latest-list .slrs-latest-item__title {
  font-size: 0.890625rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-latest-list .slrs-latest-item__title {
    font-size: clamp(0.84375rem, 0.8356rem + 0.0408vw, 0.9375rem);
  }
}
.slrs-latest-list .slrs-latest-item__title {
  font-family: var(--ff-heading);
  font-weight: var(--fw-medium);
  color: var(--clr-heading-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.slrs-latest-list .slrs-latest-item__price {
  font-size: 0.78125rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-latest-list .slrs-latest-item__price {
    font-size: clamp(0.75rem, 0.7446rem + 0.0272vw, 0.8125rem);
  }
}
.slrs-latest-list .slrs-latest-item__price {
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
}

[data-theme=dark] .slrs-bento-brands .slrs-bento-brand-logo {
  background: var(--clr-glass-op-5);
  border-color: var(--clr-glass-op-10);
}
[data-theme=dark] .slrs-latest-list .slrs-latest-item__media {
  background: var(--clr-glass-op-5);
}

.slrs-sidebar-ad {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
[data-theme=dark] .slrs-sidebar-ad {
  background: transparent;
  border: none;
  box-shadow: none;
}
.slrs-sidebar-ad__dummy {
  text-align: center;
  margin: var(--space-base-16) 0;
}
.slrs-sidebar-ad__dummy a {
  display: inline-block;
}
.slrs-sidebar-ad__dummy img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-border-op-20);
  box-shadow: 0 4px 12px var(--clr-smoke-op-5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
[data-theme=dark] .slrs-sidebar-ad__dummy img {
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 4px 12px var(--clr-smoke-op-40);
}
.slrs-sidebar-ad__dummy img:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px var(--clr-smoke-op-10);
}

.slrs-ad-banner {
  text-align: center;
  width: 100%;
  margin: var(--space-base-24) 0;
  display: flex;
  justify-content: center;
}
.slrs-ad-banner a {
  display: inline-block;
  max-width: 100%;
}
.slrs-ad-banner img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid var(--clr-smoke-op-10);
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
[data-theme=dark] .slrs-ad-banner img {
  border-color: var(--clr-glass-op-10);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4);
}
.slrs-ad-banner img:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .slrs-ad-banner img:hover {
  box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.6);
}

.slrs-empty-state {
  text-align: center;
  padding: var(--space-base-48);
  border-radius: var(--radius-2xl);
  background: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
[data-theme=dark] .slrs-empty-state {
  background: var(--clr-text-op-5);
  border-color: var(--clr-text-muted-op-6);
}
.slrs-empty-state--info {
  background: var(--clr-primary-op-5);
  border-color: var(--clr-primary-op-10);
}
.slrs-empty-state--warning {
  background: rgba(245, 158, 11, 0.05);
  border-color: rgba(245, 158, 11, 0.1);
}
.slrs-empty-state__icon {
  font-size: 4rem;
  color: var(--clr-text-muted);
}
.slrs-empty-state__icon--info {
  color: var(--clr-primary);
}
.slrs-empty-state__icon--warning {
  color: #f59e0b;
}
.slrs-empty-state__title {
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  font-size: var(--ffs-xl);
  margin-bottom: var(--space-base-8);
}
.slrs-empty-state__desc {
  color: var(--clr-text-muted);
  margin-bottom: 0;
}

.slrs-faq-section {
  padding: var(--space-base-64) 0;
  position: relative;
  background: var(--clr-bg);
}

.slrs-faq-header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto var(--space-base-48);
}
.slrs-faq-header__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  background: var(--clr-glass-op-3);
  border: 1px solid var(--clr-border-light);
  border-radius: 100px;
  font-family: var(--ff-body);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--clr-primary);
  margin-bottom: var(--space-base-16);
  box-shadow: 0 4px 12px var(--clr-smoke-op-2);
}
.slrs-faq-header__badge i {
  font-size: 1.1rem;
}
.slrs-faq-header__title {
  font-size: 2.3125pxrem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-faq-header__title {
    font-size: clamp(2pxrem, 1.9457pxrem + 0.2717pxvw, 2.625pxrem);
  }
}
.slrs-faq-header__title {
  font-family: var(--ff-heading);
  font-weight: 700;
  color: var(--clr-text);
  margin-bottom: var(--space-base-16);
  letter-spacing: -0.5px;
}
.slrs-faq-header__desc {
  font-family: var(--ff-body);
  font-size: 1.1rem;
  color: var(--clr-text-muted);
  line-height: 1.6;
  margin: 0;
}

.slrs-faq-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-16);
}

.slrs-faq-card {
  background: var(--clr-glass-op-2);
  border: 1px solid var(--clr-border-light);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.slrs-faq-card:hover {
  background: var(--clr-glass-op-3);
  border-color: var(--clr-primary-op-20);
  box-shadow: 0 8px 24px var(--clr-smoke-op-3);
  transform: translateY(-2px);
}
.slrs-faq-card.is-active {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
  box-shadow: 0 12px 32px var(--clr-smoke-op-4);
}
.slrs-faq-card.is-active .slrs-faq-card__trigger {
  color: var(--clr-primary);
}
.slrs-faq-card.is-active .slrs-faq-card__icon {
  transform: rotate(180deg);
  background: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
}
.slrs-faq-card__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-24);
  background: transparent;
  border: none;
  text-align: left;
  font-family: var(--ff-heading);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--clr-text);
  cursor: pointer;
  transition: color 0.3s ease;
}
@media (max-width: 47.98em) {
  .slrs-faq-card__trigger {
    font-size: 1.05rem;
    padding: var(--space-base-20);
  }
}
.slrs-faq-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--clr-bg);
  border: 1px solid var(--clr-border);
  color: var(--clr-text-muted);
  font-size: 1.2rem;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-faq-card__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.slrs-faq-card.is-active .slrs-faq-card__content-wrapper {
  grid-template-rows: 1fr;
}
.slrs-faq-card__content {
  overflow: hidden;
}
.slrs-faq-card__body {
  padding: 0 var(--space-base-24) var(--space-base-24);
  font-family: var(--ff-body);
  font-size: 1.05rem;
  color: var(--clr-text-muted);
  line-height: 1.7;
}
@media (max-width: 47.98em) {
  .slrs-faq-card__body {
    font-size: 0.95rem;
    padding: 0 var(--space-base-20) var(--space-base-20);
  }
}
.slrs-faq-card__body p:last-child {
  margin-bottom: 0;
}
.slrs-faq-card__body a {
  color: var(--clr-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.slrs-faq-card__body a:hover {
  color: var(--clr-primary-dark);
}

.slrs-trending-card {
  position: relative;
  border-radius: var(--radius-2xl);
  background: var(--clr-glass-op-3);
  backdrop-filter: blur(24px);
  border: 1px solid var(--clr-glass-op-10);
  border-top-color: var(--clr-glass-op-40);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-10), inset 0 0 20px var(--clr-primary-op-5), 0 8px 32px var(--clr-smoke-op-5);
  padding: var(--space-base-24);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.slrs-trending-card::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, var(--clr-primary-op-20) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
  opacity: 0.5;
}
.slrs-trending-card:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 2px 4px var(--clr-glass-op-20), inset 0 0 30px var(--clr-primary-op-10), 0 16px 48px var(--clr-smoke-op-10);
}
.slrs-trending-card:hover::before {
  transform: scale(1.3);
  opacity: 1;
}
.slrs-trending-card:hover .slrs-trending-card__header i {
  transform: scale(1.1) rotate(-5deg);
}
.slrs-trending-card__header {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
  margin-bottom: var(--space-base-20);
  position: relative;
  z-index: 1;
}
.slrs-trending-card__header i {
  font-size: 20px;
  color: var(--clr-primary);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slrs-trending-card__header h3 {
  font-size: 1.0625rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-trending-card__header h3 {
    font-size: clamp(1rem, 0.9891rem + 0.0543vw, 1.125rem);
  }
}
.slrs-trending-card__header h3 {
  font-family: var(--ff-heading);
  font-weight: var(--fw-semibold);
  color: var(--clr-body-color);
  margin: 0;
}
.slrs-trending-card__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-12);
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  position: relative;
  z-index: 1;
}
.slrs-trending-card__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-base-8);
  border-radius: var(--radius-xl);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  text-decoration: none !important;
  gap: var(--space-base-12);
}
.slrs-trending-card__item:hover {
  background: var(--clr-primary-op-5);
  transform: translateX(4px);
}
.slrs-trending-card__item:hover .slrs-trending-card__title {
  color: var(--clr-primary);
}
.slrs-trending-card__left {
  display: flex;
  align-items: center;
  gap: var(--space-base-12);
  min-width: 0;
}
.slrs-trending-card__rank {
  font-size: 0.8125rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-trending-card__rank {
    font-size: clamp(0.75rem, 0.7391rem + 0.0543vw, 0.875rem);
  }
}
.slrs-trending-card__rank {
  font-weight: var(--fw-bold);
  color: var(--clr-primary-op-50);
  width: 20px;
  text-align: center;
}
.slrs-trending-card__thumb {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  box-shadow: 0 2px 8px var(--clr-smoke-op-5);
  flex-shrink: 0;
}
.slrs-trending-card__thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.slrs-trending-card__title {
  font-size: 0.890625rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-trending-card__title {
    font-size: clamp(0.84375rem, 0.8356rem + 0.0408vw, 0.9375rem);
  }
}
.slrs-trending-card__title {
  font-weight: var(--fw-medium);
  color: var(--clr-body-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.slrs-trending-card__price {
  font-size: 0.796875rem;
}
@supports (font-size: clamp(1rem, 1vw, 2rem)) {
  .slrs-trending-card__price {
    font-size: clamp(0.75rem, 0.7418rem + 0.0408vw, 0.84375rem);
  }
}
.slrs-trending-card__price {
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  background: var(--clr-primary-op-10);
  padding: 4px 10px;
  border-radius: 100px;
  white-space: nowrap;
  flex-shrink: 0;
}
[data-bs-theme=dark] .slrs-trending-card {
  background: var(--clr-smoke-op-40);
  border-color: var(--clr-glass-op-5);
  box-shadow: inset 0 1px 1px var(--clr-glass-op-10), 0 4px 24px var(--clr-smoke-op-20);
}
[data-bs-theme=dark] .slrs-trending-card__thumb {
  background: var(--clr-smoke-op-50);
}

@keyframes slrs-highlight-pulse {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.04);
  }
  50% {
    box-shadow: 0 12px 36px rgba(34, 197, 94, 0.1);
  }
}
@keyframes slrs-thumb-breathe {
  0%, 100% {
    box-shadow: 0 0 12px rgba(var(--clr-primary-rgb)/0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(var(--clr-primary-rgb)/0.7);
  }
}
/* ─── Shop EMI Widget (Sidebar Card) ─── */
.slrs-shop-emi-widget {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-2xl, 20px);
  padding: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget {
    padding: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget {
    padding: var(--space-base-40);
  }
}
.slrs-shop-emi-widget {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.03);
  margin-bottom: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget {
    margin-bottom: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget {
    margin-bottom: var(--space-base-40);
  }
}
.slrs-shop-emi-widget {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.slrs-shop-emi-widget:hover {
  border-color: rgba(var(--clr-primary-rgb)/0.25);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1.5px rgba(255, 255, 255, 0.05);
}
.slrs-shop-emi-widget__title {
  font-size: var(--ffs-md, 18px);
  font-weight: var(--fw-bold, 700);
  color: var(--clr-white);
  margin-bottom: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget__title {
    margin-bottom: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__title {
    margin-bottom: var(--space-base-28);
  }
}
.slrs-shop-emi-widget__title {
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__title {
    gap: var(--space-base-10);
  }
}
.slrs-shop-emi-widget__title i {
  color: var(--clr-accent);
  font-size: 1.1rem;
}
.slrs-shop-emi-widget__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget__body {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__body {
    gap: var(--space-base-16);
  }
}
.slrs-shop-emi-widget__body label {
  font-size: var(--ffs-xs, 12px);
  font-weight: var(--fw-semibold, 600);
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.slrs-shop-emi-widget__body .form-control, .slrs-shop-emi-widget__body .form-select {
  background: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--clr-white) !important;
  border-radius: var(--radius-lg, 12px) !important;
  padding: var(--space-base-8) var(--space-base-12) !important;
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget__body .form-control, .slrs-shop-emi-widget__body .form-select {
    padding: var(--space-base-12) var(--space-base-16) !important;
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__body .form-control, .slrs-shop-emi-widget__body .form-select {
    padding: var(--space-base-16) var(--space-base-20) !important;
  }
}
.slrs-shop-emi-widget__body .form-control, .slrs-shop-emi-widget__body .form-select {
  font-size: var(--ffs-sm, 14px) !important;
  outline: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.slrs-shop-emi-widget__body .form-control:focus, .slrs-shop-emi-widget__body .form-select:focus {
  border-color: var(--clr-primary) !important;
  box-shadow: 0 0 10px rgba(var(--clr-primary-rgb)/0.15) !important;
}
.slrs-shop-emi-widget__output {
  margin-top: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget__output {
    margin-top: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__output {
    margin-top: var(--space-base-20);
  }
}
.slrs-shop-emi-widget__output {
  padding: var(--space-base-12);
}
@media (min-width: 48em) {
  .slrs-shop-emi-widget__output {
    padding: var(--space-base-16);
  }
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__output {
    padding: var(--space-base-20);
  }
}
.slrs-shop-emi-widget__output {
  background: rgba(var(--clr-primary-rgb)/0.08);
  border: 1px solid rgba(var(--clr-primary-rgb)/0.15);
  border-radius: var(--radius-xl, 14px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-shop-emi-widget__output {
    gap: var(--space-base-6);
  }
}
.slrs-shop-emi-widget__output {
  text-align: center;
}
.slrs-shop-emi-widget__output span {
  font-size: var(--ffs-2xs, 11px);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.5);
}
.slrs-shop-emi-widget__output strong {
  font-size: var(--ffs-2xl, 24px);
  font-weight: var(--fw-black, 900);
  color: var(--clr-accent);
  letter-spacing: -0.02em;
}

/* ─── Product Card EMI Badge ─── */
.slrs-product-card__emi-tag {
  font-size: var(--ffs-2xs, 11px);
  font-weight: var(--fw-semibold, 600);
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  border: 1px solid var(--clr-primary-op-15);
  padding: 3px 10px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  transition: transform 0.2s ease, background 0.2s ease;
}
.slrs-product-card__emi-tag:hover {
  transform: translateY(-1px);
  background: var(--clr-primary-op-12);
}

/* ─── [ROI-PREMIUM] Corporate Solar ROI Calculator (Bento Grid) ─── */
.slrs-roi-calculator {
  position: relative;
  padding: var(--space-base-20) 0;
}
@media (min-width: 48em) {
  .slrs-roi-calculator {
    padding: var(--space-base-28) 0;
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator {
    padding: var(--space-base-40) 0;
  }
}
.slrs-roi-calculator {
  overflow: hidden;
}
.slrs-roi-calculator::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb)/0.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.slrs-roi-calculator::after {
  content: "";
  position: absolute;
  bottom: -15%;
  left: -8%;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.04) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}
.slrs-roi-calculator__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__grid {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__grid {
    gap: var(--space-base-40);
  }
}
.slrs-roi-calculator__grid {
  position: relative;
  z-index: 1;
}
.slrs-roi-calculator__card {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-2xl, 24px);
  padding: var(--space-base-24);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__card {
    padding: var(--space-base-36);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__card {
    padding: var(--space-base-56);
  }
}
.slrs-roi-calculator__card {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: border-color 0.4s ease, box-shadow 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.slrs-roi-calculator__card:hover {
  border-color: rgba(var(--clr-primary-rgb)/0.18);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2), inset 0 1px 1.5px rgba(255, 255, 255, 0.04);
}
.slrs-roi-calculator__card--inputs {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  gap: var(--space-base-20);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__card--inputs {
    gap: var(--space-base-28);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__card--inputs {
    gap: var(--space-base-40);
  }
}
.slrs-roi-calculator__card--inputs {
  position: relative;
}
.slrs-roi-calculator__card--inputs::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-base-36);
  right: var(--space-base-36);
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--clr-primary) 30%, var(--clr-accent) 70%, transparent 100%);
  opacity: 0.5;
}
@media (max-width: 61.98em) {
  .slrs-roi-calculator__card--inputs {
    grid-column: span 12;
  }
}
.slrs-roi-calculator__card--outputs {
  grid-column: span 7;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__card--outputs {
    gap: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__card--outputs {
    gap: var(--space-base-28);
  }
}
.slrs-roi-calculator__card--outputs {
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-color: rgba(var(--clr-primary-rgb)/0.08);
}
@media (max-width: 61.98em) {
  .slrs-roi-calculator__card--outputs {
    grid-column: span 12;
  }
}
@media (max-width: 35.98em) {
  .slrs-roi-calculator__card--outputs {
    grid-template-columns: 1fr;
  }
}
.slrs-roi-calculator__input-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-8);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__input-group {
    gap: var(--space-base-12);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__input-group {
    gap: var(--space-base-16);
  }
}
.slrs-roi-calculator__input-group label {
  font-size: var(--ffs-xs, 13px);
  font-weight: var(--fw-bold, 700);
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slrs-roi-calculator__input-group label span.value-badge {
  font-size: var(--ffs-md, 18px);
  font-weight: var(--fw-black, 900);
  color: var(--clr-primary);
  background: var(--clr-primary-op-8);
  padding: 4px 12px;
  border-radius: var(--radius-md, 8px);
  font-variant-numeric: tabular-nums;
}
.slrs-roi-calculator__input-group .slrs-range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.08);
  outline: none;
  margin: 12px 0;
  transition: background 0.3s ease;
}
.slrs-roi-calculator__input-group .slrs-range-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  border-radius: 100px;
}
.slrs-roi-calculator__input-group .slrs-range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: var(--clr-primary);
  cursor: pointer;
  margin-top: -8px;
  border: 2.5px solid var(--clr-white);
  box-shadow: 0 0 12px rgba(var(--clr-primary-rgb)/0.5);
  animation: slrs-thumb-breathe 3s ease-in-out infinite;
  transition: transform 0.15s ease, background 0.15s ease;
}
.slrs-roi-calculator__input-group .slrs-range-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.slrs-roi-calculator__input-group .slrs-range-slider::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--clr-primary);
  cursor: pointer;
  border: 2.5px solid var(--clr-white);
  box-shadow: 0 0 12px rgba(var(--clr-primary-rgb)/0.5);
  animation: slrs-thumb-breathe 3s ease-in-out infinite;
  transition: transform 0.15s ease, background 0.15s ease;
}
.slrs-roi-calculator__input-group .slrs-range-slider::-moz-range-thumb:hover {
  transform: scale(1.15);
}
.slrs-roi-calculator__input-group .form-select {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--clr-white) !important;
  padding: var(--space-base-8) var(--space-base-12) !important;
}
@media (min-width: 48em) {
  .slrs-roi-calculator__input-group .form-select {
    padding: var(--space-base-12) var(--space-base-16) !important;
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__input-group .form-select {
    padding: var(--space-base-16) var(--space-base-20) !important;
  }
}
.slrs-roi-calculator__input-group .form-select {
  border-radius: var(--radius-lg, 12px) !important;
  font-size: var(--ffs-sm, 14px) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.slrs-roi-calculator__input-group .form-select:focus {
  border-color: var(--clr-primary) !important;
  box-shadow: 0 0 10px rgba(var(--clr-primary-rgb)/0.15) !important;
}
.slrs-roi-calculator__input-group .form-select option {
  background: var(--clr-neutral-900);
  color: var(--clr-white);
}
.slrs-roi-calculator__output-block {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-xl, 18px);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-roi-calculator__output-block {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-roi-calculator__output-block {
    padding: var(--space-base-28);
  }
}
.slrs-roi-calculator__output-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-base-4);
}
@media (min-width: 75em) {
  .slrs-roi-calculator__output-block {
    gap: var(--space-base-6);
  }
}
.slrs-roi-calculator__output-block {
  transition: transform 0.3s ease, background 0.3s ease;
  transform: translate3d(0, 0, 0);
}
.slrs-roi-calculator__output-block:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.015);
}
.slrs-roi-calculator__output-block--full {
  grid-column: span 2;
}
@media (max-width: 35.98em) {
  .slrs-roi-calculator__output-block--full {
    grid-column: span 1;
  }
}
.slrs-roi-calculator__output-block span.label {
  font-size: var(--ffs-2xs, 11px);
  font-weight: var(--fw-semibold, 600);
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.slrs-roi-calculator__output-block strong.value {
  font-size: var(--ffs-xl, 22px);
  font-weight: var(--fw-bold, 800);
  color: var(--clr-white);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.slrs-roi-calculator__output-block.highlight-green {
  background: rgba(34, 197, 94, 0.04);
  border-color: rgba(34, 197, 94, 0.18);
  animation: slrs-highlight-pulse 4s ease-in-out infinite;
}
.slrs-roi-calculator__output-block.highlight-green strong.value {
  color: #4ADE80;
  font-size: var(--ffs-3xl, 30px);
  font-weight: var(--fw-black, 900);
  letter-spacing: -0.03em;
}
.slrs-roi-calculator__powered {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: var(--space-base-8);
}
@media (min-width: 75em) {
  .slrs-roi-calculator__powered {
    margin-top: var(--space-base-10);
  }
}
.slrs-roi-calculator__powered i {
  color: var(--clr-accent);
  font-size: 10px;
}

[data-theme=light] .slrs-shop-emi-widget {
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(22, 101, 52, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
[data-theme=light] .slrs-shop-emi-widget__title {
  color: var(--clr-text);
}
[data-theme=light] .slrs-shop-emi-widget__body label {
  color: rgba(17, 24, 39, 0.6);
}
[data-theme=light] .slrs-shop-emi-widget__body .form-control, [data-theme=light] .slrs-shop-emi-widget__body .form-select {
  background: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: var(--clr-text) !important;
}
[data-theme=light] .slrs-shop-emi-widget__body .form-control:focus, [data-theme=light] .slrs-shop-emi-widget__body .form-select:focus {
  border-color: var(--clr-primary) !important;
}
[data-theme=light] .slrs-shop-emi-widget__output {
  background: rgba(22, 163, 74, 0.05);
  border-color: rgba(22, 163, 74, 0.12);
}
[data-theme=light] .slrs-shop-emi-widget__output span {
  color: rgba(17, 24, 39, 0.5);
}
[data-theme=light] .slrs-roi-calculator::before {
  background: radial-gradient(circle, rgba(22, 163, 74, 0.04) 0%, transparent 70%);
}
[data-theme=light] .slrs-roi-calculator::after {
  background: radial-gradient(circle, rgba(245, 158, 11, 0.03) 0%, transparent 65%);
}
[data-theme=light] .slrs-roi-calculator__card {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(22, 101, 52, 0.06);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
[data-theme=light] .slrs-roi-calculator__card--inputs::before {
  opacity: 0.35;
}
[data-theme=light] .slrs-roi-calculator__card--outputs {
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.03) 0%, rgba(255, 255, 255, 0.4) 100%);
}
[data-theme=light] .slrs-roi-calculator__input-group label {
  color: var(--clr-text);
}
[data-theme=light] .slrs-roi-calculator__input-group .slrs-range-slider {
  background: rgba(0, 0, 0, 0.06);
}
[data-theme=light] .slrs-roi-calculator__input-group .slrs-range-slider::-webkit-slider-thumb {
  border-color: var(--clr-white);
  box-shadow: 0 0 10px rgba(var(--clr-primary-rgb)/0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
}
[data-theme=light] .slrs-roi-calculator__input-group .form-select {
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: var(--clr-text) !important;
}
[data-theme=light] .slrs-roi-calculator__input-group .form-select option {
  background: #fff;
  color: var(--clr-text);
}
[data-theme=light] .slrs-roi-calculator__output-block {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(0, 0, 0, 0.04);
}
[data-theme=light] .slrs-roi-calculator__output-block span.label {
  color: rgba(17, 24, 39, 0.5);
}
[data-theme=light] .slrs-roi-calculator__output-block strong.value {
  color: var(--clr-text);
}
[data-theme=light] .slrs-roi-calculator__output-block.highlight-green {
  background: rgba(34, 197, 94, 0.06);
  border-color: rgba(34, 197, 94, 0.18);
}
[data-theme=light] .slrs-roi-calculator__output-block.highlight-green strong.value {
  color: #166534;
}
[data-theme=light] .slrs-roi-calculator__powered {
  color: rgba(17, 24, 39, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  .slrs-roi-calculator__output-block.highlight-green,
  .slrs-range-slider::-webkit-slider-thumb,
  .slrs-range-slider::-moz-range-thumb {
    animation: none !important;
  }
}
.slrs-floating-form {
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-text-op-5);
  border-radius: var(--radius-xl);
  padding: var(--space-base-16);
}
@media (min-width: 48em) {
  .slrs-floating-form {
    padding: var(--space-base-20);
  }
}
@media (min-width: 75em) {
  .slrs-floating-form {
    padding: var(--space-base-28);
  }
}
.slrs-floating-form {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px var(--clr-text-op-6);
  transition: box-shadow 0.4s ease;
}
.slrs-floating-form:hover {
  box-shadow: 0 8px 36px var(--clr-text-op-8);
}
[data-theme=dark] .slrs-floating-form {
  border-color: var(--clr-text-muted-op-15);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  background-color: var(--clr-bg-alt);
}
[data-theme=dark] .slrs-floating-form:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}
.slrs-floating-form .slrs-floating-group {
  margin-bottom: var(--space-base-12);
  position: relative;
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-input,
.slrs-floating-form .slrs-floating-group > .slrs-floating-select,
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea {
  height: var(--size-base-56);
  border: 1px solid var(--clr-text-op-10);
  border-radius: var(--radius-md);
  font-size: var(--ffs-sm);
  font-family: var(--ff-body);
  color: var(--clr-text);
  background-color: transparent;
  transition: all 0.3s ease;
  padding: var(--space-base-16) var(--space-base-12) var(--space-base-4);
  width: 100%;
  display: block;
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-input:focus,
.slrs-floating-form .slrs-floating-group > .slrs-floating-select:focus,
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:focus {
  border-color: var(--clr-primary-op-40);
  box-shadow: 0 0 0 3px var(--clr-primary-op-8);
  background-color: transparent;
  outline: none;
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-input::placeholder,
.slrs-floating-form .slrs-floating-group > .slrs-floating-select::placeholder,
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea::placeholder {
  color: transparent !important;
}
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-input,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-select,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-textarea {
  border-color: var(--clr-text-muted-op-15);
  color: #ffffff;
}
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-input:focus,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-select:focus,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:focus {
  border-color: var(--clr-primary-light-op-30);
  box-shadow: 0 0 0 3px var(--clr-primary-light-op-8);
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea {
  height: var(--size-base-120);
  resize: none;
  padding-top: var(--space-base-24);
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-select {
  padding-top: var(--space-base-20);
  padding-bottom: var(--space-base-4);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--space-base-12) center;
  background-size: 16px 12px;
}
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-label {
  padding: var(--space-base-16) var(--space-base-12);
  font-family: var(--ff-body);
  color: var(--clr-text-muted);
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  pointer-events: none;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  z-index: 5;
}
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-label {
  color: var(--clr-text-muted-op-60);
}
.slrs-floating-form .slrs-floating-group > .slrs-floating-input:focus ~ .slrs-floating-label,
.slrs-floating-form .slrs-floating-group > .slrs-floating-input:not(:placeholder-shown) ~ .slrs-floating-label,
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:focus ~ .slrs-floating-label,
.slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:not(:placeholder-shown) ~ .slrs-floating-label,
.slrs-floating-form .slrs-floating-group > .slrs-floating-select:focus ~ .slrs-floating-label,
.slrs-floating-form .slrs-floating-group > .slrs-floating-select:valid ~ .slrs-floating-label {
  color: var(--clr-primary);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  background-color: var(--clr-bg) !important;
  padding: 0 var(--space-base-4);
  height: auto;
}
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-input:focus ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-input:not(:placeholder-shown) ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:focus ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-textarea:not(:placeholder-shown) ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-select:focus ~ .slrs-floating-label,
[data-theme=dark] .slrs-floating-form .slrs-floating-group > .slrs-floating-select:valid ~ .slrs-floating-label {
  color: var(--clr-primary-light);
  background-color: var(--clr-bg-alt) !important;
}
.slrs-floating-form__header {
  margin-bottom: var(--space-base-20);
}
.slrs-floating-form__title {
  font-size: var(--ffs-xl);
  font-weight: var(--fw-semibold);
  margin-bottom: var(--space-base-4);
}
.slrs-floating-form__header-desc {
  font-size: var(--ffs-sm);
  color: var(--clr-text-muted);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: var(--space-base-8);
}
.slrs-floating-form__security-mini {
  margin-top: var(--space-base-16);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
  color: var(--clr-text-muted);
  font-size: var(--ffs-sm);
  text-align: center;
}
.slrs-floating-form .slrs-contact-form__error {
  color: var(--clr-danger);
  font-size: var(--ffs-xs);
  margin-top: var(--space-base-4);
  display: none;
}

.slrs-donate-card {
  background-color: var(--clr-white);
  border-radius: var(--radius-3xl);
  box-shadow: var(--shadow-2xl);
  padding: var(--space-base-64);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
[data-theme=dark] .slrs-donate-card {
  background-color: var(--clr-bg-alt);
  border: 1px solid var(--clr-text-muted-op-10);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.slrs-donate-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 200px;
  background: radial-gradient(circle, rgba(var(--clr-primary-rgb)/0.15) 0%, transparent 70%);
  z-index: -1;
  pointer-events: none;
}
.slrs-donate-card__header {
  text-align: center;
  margin-bottom: var(--space-base-48);
}
.slrs-donate-card__icon {
  font-size: var(--ffs-3xl);
  color: var(--clr-primary);
  margin-bottom: var(--space-base-16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-base-72);
  height: var(--size-base-72);
  background: rgba(var(--clr-primary-rgb)/0.08);
  border-radius: var(--radius-full);
  box-shadow: inset 0 0 0 1px rgba(var(--clr-primary-rgb)/0.1);
}
[data-theme=dark] .slrs-donate-card__icon {
  background: rgba(var(--clr-primary-rgb)/0.15);
  box-shadow: inset 0 0 0 1px rgba(var(--clr-primary-rgb)/0.2);
  color: var(--clr-primary-light);
}
.slrs-donate-card__title {
  color: var(--clr-neutral-900);
  font-weight: var(--fw-bold);
  font-size: var(--ffs-4xl);
  margin-bottom: var(--space-base-8);
  letter-spacing: var(--ls-tight);
}
[data-theme=dark] .slrs-donate-card__title {
  color: var(--clr-white);
}
.slrs-donate-card__subtitle {
  color: var(--clr-neutral-500);
  font-size: var(--ffs-base);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
}
[data-theme=dark] .slrs-donate-card__subtitle {
  color: var(--clr-neutral-400);
}
.slrs-donate-card__security-dot {
  width: 8px;
  height: 8px;
  background-color: var(--clr-success);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(var(--clr-success-rgb)/0.15);
  animation: pulse-success 2s infinite;
}
.slrs-donate-card__amount-section {
  margin-bottom: var(--space-base-40);
}
.slrs-donate-card__label {
  display: block;
  color: var(--clr-neutral-800);
  font-weight: var(--fw-semibold);
  font-size: var(--ffs-sm);
  margin-bottom: var(--space-base-16);
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
}
[data-theme=dark] .slrs-donate-card__label {
  color: var(--clr-neutral-300);
}
.slrs-donate-card__pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-base-12);
}
.slrs-donate-card__pill-input {
  display: none;
}
.slrs-donate-card__pill-input:checked + .slrs-donate-card__pill-label {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-primary);
  box-shadow: 0 8px 20px -6px rgba(var(--clr-primary-rgb)/0.4);
  transform: translateY(-2px);
}
.slrs-donate-card__pill-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-base-12) var(--space-base-28);
  background-color: var(--clr-white);
  border: 2px solid var(--clr-neutral-200);
  color: var(--clr-neutral-700);
  font-weight: var(--fw-semibold);
  font-size: var(--ffs-base);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: var(--transition-default);
  user-select: none;
}
[data-theme=dark] .slrs-donate-card__pill-label {
  background-color: transparent;
  border-color: var(--clr-text-muted-op-15);
  color: var(--clr-neutral-300);
}
.slrs-donate-card__pill-label:hover {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
  background-color: rgba(var(--clr-primary-rgb)/0.04);
}
[data-theme=dark] .slrs-donate-card__pill-label:hover {
  background-color: rgba(var(--clr-primary-rgb)/0.1);
}
.slrs-donate-card__custom-group {
  margin-top: var(--space-base-24);
  animation: fade-in-down 0.3s ease forwards;
  display: none;
}
.slrs-donate-card__custom-group.is-active {
  display: block;
}
.slrs-donate-card__form-group {
  position: relative;
  margin-bottom: var(--space-base-24);
}
.slrs-donate-card__form-row {
  margin-bottom: var(--space-base-16);
}
.slrs-donate-card__footer {
  margin-top: var(--space-base-48);
  padding-top: var(--space-base-40);
  border-top: 1px dashed var(--clr-neutral-200);
}
[data-theme=dark] .slrs-donate-card__footer {
  border-top-color: var(--clr-text-muted-op-20);
}
.slrs-donate-card__footer .slrs-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-base-12);
  padding: var(--space-base-16) var(--space-base-28);
}
.slrs-donate-card__trust-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base-8);
  margin-top: var(--space-base-24);
  color: var(--clr-neutral-500);
  font-size: var(--ffs-sm);
  font-weight: var(--fw-medium);
}
[data-theme=dark] .slrs-donate-card__trust-badge {
  color: var(--clr-neutral-400);
}
.slrs-donate-card__trust-badge i {
  color: var(--clr-success);
  font-size: 1.2em;
}

@keyframes pulse-success {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--clr-success-rgb)/0.4);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(var(--clr-success-rgb)/0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--clr-success-rgb)/0);
  }
}
@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .slrs-donate-card {
    padding: var(--space-base-40);
  }
  .slrs-donate-card__pills {
    gap: var(--space-base-8);
    justify-content: center;
  }
  .slrs-donate-card__pill-label {
    padding: var(--space-base-12) var(--space-base-24);
    font-size: var(--ffs-sm);
    flex: 1 1 30%;
  }
}