/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
/* ===== Prevent FOUC (panel flashes on load) ===== */
#ae-widget{ 
  opacity: 0; 
  visibility: hidden; 
}

html.ae-ready #ae-widget{
  opacity: 1;
  visibility: visible;
}


/* Optional: Inter like AccessEZ */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");

/* Dyslexia font (your Shopify-hosted files) */
@font-face{
  font-family:"OpenDyslexic";
  src:url("https://cdn.shopify.com/s/files/1/0969/6421/5126/files/OpenDyslexic-Regular.otf?v=1768945125") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("https://cdn.shopify.com/s/files/1/0969/6421/5126/files/OpenDyslexic-Italic.otf?v=1768945125") format("opentype");
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("https://cdn.shopify.com/s/files/1/0969/6421/5126/files/OpenDyslexic-Bold.otf?v=1768945125") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("https://cdn.shopify.com/s/files/1/0969/6421/5126/files/OpenDyslexic-BoldItalic.otf?v=1768945125") format("opentype");
  font-weight:700;
  font-style:italic;
  font-display:swap;
}

:root{
  --ae-accent:#2E9E7B;
  --ae-yellow:#FFD400;
  --ae-panel-w:360px;
  --ae-shadow:0 12px 30px rgba(0,0,0,.22);
  --ae-bg:#ffffff;
  --ae-text:#111827;
  --ae-border:#e5e7eb;

  --ae-zoom: 1;
  --ae-filter: none;
  --ae-letter-spacing: normal;
  --ae-line-height: normal;
  --ae-text-align: initial;

  /* for mobile vh fix */
  --ae-vh: 1vh;
}

/* prevent horizontal scrollbars */
html, body{ overflow-x: clip !important; }

/* Zoom (Chrome). We'll compensate scroll in JS via padding-bottom. */
#ae-content{ 
  zoom: var(--ae-zoom);
}

/* Apply filters to page content (exclude widget root) */
/* Apply filters ONLY to content wrapper */
#ae-content{
  filter: var(--ae-filter);
}

/* Apply spacing/alignment only inside content wrapper */
#ae-content *{
  letter-spacing: var(--ae-letter-spacing) !important;
  line-height: var(--ae-line-height) !important;
}

/* Text align should NOT change unless user explicitly selects it */
html.ae-ta-left  #ae-content,
html.ae-ta-left  #ae-content *{ text-align:left !important; }

html.ae-ta-center #ae-content,
html.ae-ta-center #ae-content *{ text-align:center !important; }

html.ae-ta-right #ae-content,
html.ae-ta-right #ae-content *{ text-align:right !important; }



/* Force headings too (themes often override) */
body > :not(#ae-widget) h1,
body > :not(#ae-widget) h2,
body > :not(#ae-widget) h3,
body > :not(#ae-widget) h4,
body > :not(#ae-widget) h5,
body > :not(#ae-widget) h6{
  line-height: var(--ae-line-height) !important;
}

/* Dyslexia font globally */
html.ae-dyslexia-font body,
html.ae-dyslexia-font body *{
  font-family:"OpenDyslexic", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Pause animations */
html.ae-pause-anim *, html.ae-pause-anim *::before, html.ae-pause-anim *::after{
  animation-play-state: paused !important;
}

/* Hide images */
html.ae-hide-images img,
html.ae-hide-images picture,
html.ae-hide-images svg,
html.ae-hide-images video{
  visibility:hidden !important;
}

/* Highlight links */
html.ae-highlight-links a{
  outline:3px solid var(--ae-yellow) !important;
  outline-offset:2px !important;
  border-radius:6px !important;
}

/* Highlight headings */
html.ae-highlight-headings h1,
html.ae-highlight-headings h2,
html.ae-highlight-headings h3,
html.ae-highlight-headings h4,
html.ae-highlight-headings h5,
html.ae-highlight-headings h6{
  background:var(--ae-yellow) !important;
  color:#111 !important;
  border-radius:8px !important;
  padding:2px 6px !important;
}

/* Big cursor */
html.ae-big-cursor, html.ae-big-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M10 6 L10 52 L20 42 L26 58 L34 54 L28 38 L44 38 Z' fill='%232E9E7B' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") 10 6, auto !important;
}

/* =========================================================
   WIDGET ROOT (fixed to viewport ALWAYS)
   ========================================================= */
#ae-widget{
  position:fixed !important;
  inset:0 !important;
  pointer-events:none;
  z-index:2147483000;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* 4) Slightly bigger base font inside widget */
  font-size:14px;
}

/* hide FAB when panel open */
#ae-widget.is-open #ae-fab{
  opacity:0;
  pointer-events:none;
  transform: scale(.92);
}

/* FAB */
.ae-fab{
  pointer-events:auto;
  position:fixed;
  right:18px; bottom:18px;
  width:54px;height:54px;border-radius:999px;border:2px solid var(--ae-accent);
  background:var(--ae-accent);
  box-shadow: var(--ae-shadow);
  display:grid; place-items:center; cursor:pointer;
  z-index:2147483006;
  transition: opacity .15s ease, transform .15s ease;
}

.ae-fab__icon{
  width:26px;height:26px; display:block;
  background:#fff;
  -webkit-mask: radial-gradient(circle at 50% 28%, transparent 9px, #000 9px) top/100% 100% no-repeat;
  mask: radial-gradient(circle at 50% 28%, transparent 9px, #000 9px) top/100% 100% no-repeat;
  position:relative;
}
.ae-fab__icon::before{
  content:"";
  position:absolute; inset:0;
  background:#fff;
  -webkit-mask:
    radial-gradient(circle at 50% 23%, #000 7px, transparent 7px) 0 0/100% 100%,
    radial-gradient(circle at 50% 55%, #000 11px, transparent 11px) 0 0/100% 100%;
  mask:
    radial-gradient(circle at 50% 23%, #000 7px, transparent 7px) 0 0/100% 100%,
    radial-gradient(circle at 50% 55%, #000 11px, transparent 11px) 0 0/100% 100%;
}

/* Panel */
.ae-panel{
  pointer-events:auto;
  position:fixed;
  top:0; right:0;

  /* 3) Correct viewport height for panel (mobile safe) */
  height: calc((var(--ae-vh, 1vh) * 100) / var(--ae-widget-zoom, 1));

  width:min(var(--ae-panel-w), 92vw);
  background:var(--ae-bg);
  color:var(--ae-text);
  box-shadow:-10px 0 30px rgba(0,0,0,.22);
  transform: translateX(105%);
  transition: transform .22s ease;
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--ae-border);
  z-index:2147483004;
  overflow:hidden;
}
.ae-panel.is-open{ transform: translateX(0); }

.ae-panel__header{
  background:var(--ae-accent);
  color:#fff;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
}
.ae-panel__title{ font-weight:800; font-size:18px; }

/* Close button: white circle + black X, hover rotate + green X */
.ae-icon-btn{
  width:38px;height:38px;
  border-radius:999px;
  border:0;
  background:#fff;
  color:#111;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
  transition: transform .18s ease, color .18s ease;
}
.ae-icon-btn:hover{
  color:var(--ae-accent);
  transform: rotate(360deg) scale(1.06);
}

/* body scroll inside panel */
.ae-panel__body{
  flex:1 1 auto;
  overflow:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}

/* Rows/sections */
.ae-row{ padding:12px 14px; border-bottom:1px solid var(--ae-border); position:relative; }
.ae-row--lang{ display:flex; align-items:center; gap:10px; }
.ae-label{ font-size:15px; color:#111827; flex:1; }

.ae-pill{
  border:0;
  background:rgba(0,0,0,.06);
  color:#111827;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}
.ae-caret{ font-size:18px; line-height:1; transform: translateY(-1px); }

.ae-lang-menu{
  position:absolute; right:14px; top:54px;
  background:#fff;
  border:1px solid var(--ae-border);
  border-radius:12px;
  box-shadow: var(--ae-shadow);
  padding:6px;
  display:none;
  min-width:180px;
  z-index:10;
}
.ae-lang-menu.is-open{ display:block; }
.ae-lang-opt{
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  padding:10px 10px;
  border-radius:10px;
  cursor:pointer;
  font-size:14px;
}
.ae-lang-opt:hover{ background:rgba(46,158,123,.10); }

.ae-section{ padding:12px 14px; border-bottom:1px solid var(--ae-border); }
.ae-section__title{ font-weight:800; font-size:15px; margin-bottom:10px; color:#111827; }

.ae-grid{ display:grid; gap:10px; }
.ae-grid--2{ grid-template-columns:1fr 1fr; }
.ae-grid--3{ grid-template-columns:1fr 1fr 1fr; }

.ae-tile{
  position:relative;
  border:1px solid var(--ae-border);
  background:#fff;
  border-radius:12px;
  padding:12px 10px;
  min-height:76px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.ae-tile:hover{
  border-color: var(--ae-accent);
  box-shadow: 0 0 0 3px rgba(46,158,123,.22);
  transform: translateY(-1px);
}

.ae-tile__icon{ font-size:18px; line-height:1; }
.ae-tile__text{
  font-size:13px;
  text-align:center;
  color:#111827;
  word-break: break-word;
  overflow-wrap:anywhere;
}

.ae-tile.is-active{
  border-color: var(--ae-accent);
  box-shadow: 0 0 0 3px rgba(46,158,123,.22);
}
.ae-tile.is-active::after{
  content:"✓";
  position:absolute; top:8px; right:8px;
  width:20px; height:20px;
  border-radius:999px;
  background:var(--ae-accent);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  line-height:1;
}

/* Bars */
.ae-bars{ display:flex; gap:4px; margin-top:2px; }
.ae-bars span{
  width:12px; height:3px; border-radius:99px;
  background:#cbd5e1;
}
.ae-bars span.is-on{ background: var(--ae-accent); }

/* Sticky footer */
.ae-footer{
  position:sticky;
  bottom:0;
  padding:12px 14px;
  background:var(--ae-bg);
  border-top:1px solid var(--ae-border);
  flex:0 0 auto;
  z-index:1;
}
.ae-reset{
  width:100%;
  border:0;
  background: var(--ae-accent);
  color:#fff;
  padding:12px 14px;
  border-radius:12px;
  cursor:pointer;
  font-weight:800;
  text-align:center;
  font-size:14px;
}
.ae-reset:hover{ filter:brightness(.95); }

.ae-dim{
  pointer-events:auto;
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.25);
  z-index:2147483003;
}

/* Tooltip */
.ae-tooltip{
  position:fixed;
  z-index:2147483007;
  background:#fff;
  color:#111;
  padding:12px 12px;
  border-radius:12px;
  max-width:320px;
  box-shadow: var(--ae-shadow);
  pointer-events:none;
  font-size:13px;
  line-height:1.35;
  border:1px solid rgba(0,0,0,.12);
}
.ae-tooltip .ae-tt-title{ font-weight:900; margin-bottom:6px; }
.ae-tooltip .ae-tt-sub{ opacity:.9; }

/* Modal */
.ae-modal{
  pointer-events:auto;
  position:fixed;
  inset:0;
  z-index:2147483008;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.35);
}
.ae-modal__box{
  width:min(720px, 92vw);
  max-height:82vh;
  overflow:hidden;
  background:#fff;
  border-radius:16px;
  box-shadow: var(--ae-shadow);
}
.ae-modal__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 14px; border-bottom:1px solid var(--ae-border);
}
.ae-modal__title{ font-weight:900; color:#111; }

.ae-tabs{
  display:flex; gap:10px; padding:10px 14px;
  border-bottom:1px solid var(--ae-border);
  flex-wrap:wrap;
}
.ae-tab{
  border:1px solid var(--ae-border);
  background:#fff; color:#111;
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.ae-tab:hover,
.ae-tab.is-active{
  background: var(--ae-accent);
  color:#fff;
  border-color: var(--ae-accent);
}
.ae-count{ opacity:.85; margin-left:6px; }

.ae-modal__list{
  padding:12px 14px;
  overflow:auto;
  max-height: calc(82vh - 120px);
}

.ae-item{
  display:flex; gap:10px; align-items:center;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--ae-border);
  margin-bottom:10px;
  cursor:pointer;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.ae-item:hover{
  background: var(--ae-accent);
  color:#fff;
  border-color: var(--ae-accent);
}

/* 1) Page Structure hover text must be white */
.ae-item__tag,
.ae-item__text{
  color: inherit;
}
.ae-item:hover .ae-item__tag,
.ae-item:hover .ae-item__text{
  color:#fff !important;
}

.ae-item__tag{ min-width:44px; font-weight:900; }
.ae-item__text{ flex:1; }

/* Hide */
#ae-modal[hidden],
#ae-tooltip[hidden],
#ae-dim[hidden]{ display:none !important; }

/* Apply filters ALSO to widget parts (so widget follows settings) */
#ae-widget .ae-panel,
#ae-widget .ae-fab,
#ae-widget .ae-tooltip,
#ae-widget .ae-modal__box{
  filter: var(--ae-filter);
}

/* Mobile full screen panel */
@media (max-width: 749px){
  .ae-panel{ width:100vw; max-width:100vw; border-left:0; }
}

/* ===== Custom PNG icons (Shopify Files URLs) ===== */

/* PROFILES */
.ae-tile[data-profile="vision"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/vision.png?v=1769004201");
}
.ae-tile[data-profile="seizure"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/seizure.png?v=1769004201");
}
.ae-tile[data-profile="dyslexia"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/dyslexia.png?v=1769004202");
}
.ae-tile[data-profile="adhd"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/ADHD.png?v=1769004201");
}
.ae-tile[data-profile="cognitive"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Cognitive.png?v=1769004202");
}

/* ACTIONS */
.ae-tile[data-action="contrast"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Contrast.png?v=1769004202");
}
.ae-tile[data-action="grayscale"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Grayscale.png?v=1769004202");
}
.ae-tile[data-action="invert"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Inverted_colors.png?v=1769004202");
}
.ae-tile[data-action="brightness"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Brightness.png?v=1769004202");
}
.ae-tile[data-action="saturation"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Saturation.png?v=1769004202");
}
.ae-tile[data-action="highlightLinks"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Links.png?v=1769004202");
}
.ae-tile[data-action="pauseAnimations"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Pause.png?v=1769004202");
}
.ae-tile[data-action="hideImages"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Hide_images.png?v=1769004202");
}
.ae-tile[data-action="muteSounds"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Mute.png?v=1769004202");
}
.ae-tile[data-action="biggerText"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Bigger_text.png?v=1769004201");
}
.ae-tile[data-action="textSpacing"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Text_spacing.png?v=1769004202");
}
.ae-tile[data-action="lineSpacing"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Line_spacing.png?v=1769004201");
}
.ae-tile[data-action="textAlign"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Text_alignment.png?v=1769004200");
}
.ae-tile[data-action="dyslexiaFont"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/dyslexia.png?v=1769004202");
}
.ae-tile[data-action="bionicReading"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Bionic_reading.png?v=1769004202");
}
.ae-tile[data-action="highlightHeadings"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/Highlight_headings.png?v=1769004201");
}
.ae-tile[data-action="pageStructure"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/page_structure.png?v=1769004201");
}
.ae-tile[data-action="bigCursor"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/big_cursor.png?v=1769004202");
}
.ae-tile[data-action="tooltips"] .ae-tile__icon{
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/tooltip.png?v=1769004202");
}

/* ===== FIX: make PNG icons visible ===== */
.ae-tile__icon{
  display:block;
  width:28px;
  height:28px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain; /* или cover, если нужно */
  flex:0 0 auto;
}

/* Если хочешь чуть крупнее на мобилке */
@media (max-width: 749px){
  .ae-tile__icon{
    width:30px;
    height:30px;
  }
}

/* ===== FAB: custom PNG icon (no white fill) ===== */
.ae-fab__icon{
  width:28px;
  height:28px;

  /* полностью отключаем старую маску/иконку */
  -webkit-mask:none !important;
  mask:none !important;
  background:none !important;          /* ВАЖНО: убрали белую заливку */
  background-color:transparent !important;

  /* твой PNG */
  background-image:url("https://cdn.shopify.com/s/files/1/0985/1286/3569/files/human.png?v=1769004201") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

.ae-fab__icon::before{
  content:none !important;
}