/* fonts.css */

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/eb-garamond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/eb-garamond-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/inter-tight-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/inter-tight-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+02B0-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+02B0-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/onest-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/onest-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* directions.css */

:root[data-a3-direction="a"] {
--a3-dir-bg:             #F7F2E9;
  --a3-dir-bg-raised:      #FFFDF8;
  --a3-dir-bg-sunken:      #EFE7D8;
  --a3-dir-bg-inverse:     #0D2537;
  --a3-dir-border:         #DFD5C4;
  --a3-dir-border-strong:  #857A6B;
  --a3-dir-text:           #0D2537;
  --a3-dir-text-secondary: #2C4657;
  --a3-dir-text-muted:     #6F665C;
  --a3-dir-text-inverse:   #FFFDF8;
--a3-dir-primary-700:    #084C58;
  --a3-dir-primary-600:    #0B6270;
  --a3-dir-primary-100:    #E4EFF1;
  --a3-dir-link:           #0B6270;
  --a3-dir-focus:          #0B6270;
--a3-dir-text-on-action: #FFFDF8;
--a3-dir-identity:       #B33420;
--a3-dir-rating-mark:    #C9922E;
--a3-dir-accent-merchant: #4a6b2f;
  --a3-dir-accent-control:  #6b3f7a;
--a3-dir-success-600:    #1D7A4A;
  --a3-dir-success-100:    #E5F2EA;
  --a3-dir-settled-600:    #3F4448;
  --a3-dir-settled-100:    #EDEAE4;
  --a3-dir-verified-600:   #4A5FA8;
  --a3-dir-verified-100:   #EAECF7;
  --a3-dir-pending-600:    #8A6216;
  --a3-dir-pending-100:    #F8F0DD;
  --a3-dir-warning-600:    #A35A12;
  --a3-dir-warning-100:    #FAEDDF;
  --a3-dir-danger-600:     #A32020;
  --a3-dir-danger-100:     #F8E7E5;
  --a3-dir-denied-600:     #5F4470;
  --a3-dir-denied-100:     #F0ECF3;
--a3-dir-font-body:      "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-display:   "EB Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --a3-dir-font-numeric:   "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
--a3-dir-radius-sm:      2px;
  --a3-dir-radius-md:      2px;
  --a3-dir-radius-lg:      3px;
--a3-dir-material-cocoa:    linear-gradient(155deg, #8A5029, #3D2110);
  --a3-dir-material-kente:    linear-gradient(150deg, #D2A02C 8%, #A8471F 55%, #5E1F16);
  --a3-dir-material-shea:     linear-gradient(155deg, #E8CF9A, #AB7C36);
  --a3-dir-material-pepper:   linear-gradient(155deg, #9E6238, #38200F);
  --a3-dir-material-wood:     linear-gradient(155deg, #B5813F, #4D2F16);
  --a3-dir-material-market:   linear-gradient(150deg, #D07B34 5%, #9A3F21 48%, #2C1A10);
  --a3-dir-material-hands:    linear-gradient(150deg, #C08347, #4D2A14);
  --a3-dir-material-greenery: linear-gradient(155deg, #61895A, #1F3320);
--a3-dir-text-on-material: #FFFDF8;
--a3-dir-dark-bg: #0b1319;
  --a3-dir-dark-bg-raised: #131f27;
  --a3-dir-dark-bg-sunken: #091015;
  --a3-dir-dark-border: #24343f;
  --a3-dir-dark-border-strong: #5A7382;
  --a3-dir-dark-text: #e8edf0;
  --a3-dir-dark-text-secondary: #a9b6c0;
  --a3-dir-dark-text-muted: #7e8d99;
  --a3-dir-dark-link: #63b8cc;
  --a3-dir-dark-focus: #4fc3e0;
  --a3-dir-dark-primary-600: #2b93ab;
  --a3-dir-dark-primary-100: #10303a;
  --a3-dir-dark-success-600: #46b07a;
  --a3-dir-dark-success-100: #0f2b1f;
  --a3-dir-dark-settled-600: #4aa7c4;
  --a3-dir-dark-settled-100: #0d2731;
  --a3-dir-dark-verified-600: #8f9fd9;
  --a3-dir-dark-verified-100: #1a1f38;
  --a3-dir-dark-pending-600: #d0a047;
  --a3-dir-dark-pending-100: #2c2313;
  --a3-dir-dark-warning-600: #d38a45;
  --a3-dir-dark-warning-100: #2e1e11;
  --a3-dir-dark-danger-600: #e06666;
  --a3-dir-dark-danger-100: #2e1414;
  --a3-dir-dark-denied-600: #a48cb8;
  --a3-dir-dark-denied-100: #221a29;
  --a3-dir-dark-identity: #D9694F;
  --a3-dir-dark-accent-merchant: #6d9648;
  --a3-dir-dark-accent-control: #AC80BD;
}
:root[data-a3-direction="b"] {
  --a3-dir-bg:             #FBFAF7;
  --a3-dir-bg-raised:      #FFFFFF;
  --a3-dir-bg-sunken:      #EFEDE6;
  --a3-dir-bg-inverse:     #111111;
  --a3-dir-border:         #C9C7BE;
  --a3-dir-border-strong:  #111111;
  --a3-dir-text:           #111111;
  --a3-dir-text-secondary: #3D3C37;
  --a3-dir-text-muted:     #5C5B55;
  --a3-dir-text-inverse:   #FFFFFF;
--a3-dir-primary-700:    #132a52;
  --a3-dir-primary-600:    #1D3A6B;
  --a3-dir-primary-100:    #E9EDF4;
  --a3-dir-link:           #1D3A6B;
  --a3-dir-focus:          #1D3A6B;
--a3-dir-text-on-action: #FFFFFF;
--a3-dir-identity:       #8A3B12;
--a3-dir-rating-mark:    #C9922E;
--a3-dir-accent-merchant: #4a6b2f;
  --a3-dir-accent-control:  #6b3f7a;
--a3-dir-success-600:    #186a41;
  --a3-dir-success-100:    #E4F1EA;
  --a3-dir-settled-600:    #3F4448;
  --a3-dir-settled-100:    #EDEDEA;
  --a3-dir-verified-600:   #3f5296;
  --a3-dir-verified-100:   #E9ECF8;
  --a3-dir-pending-600:    #7c5713;
  --a3-dir-pending-100:    #F8F1DE;
  --a3-dir-warning-600:    #94500f;
  --a3-dir-warning-100:    #F9EDE1;
  --a3-dir-danger-600:     #98191a;
  --a3-dir-danger-100:     #F9E7E7;
  --a3-dir-denied-600:     #553c66;
  --a3-dir-denied-100:     #F0ECF4;
--a3-dir-font-body:      "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-display:   "Inter Tight", "Inter", "Segoe UI", system-ui, sans-serif;
  --a3-dir-font-numeric:   "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
--a3-dir-radius-sm:      0;
  --a3-dir-radius-md:      0;
  --a3-dir-radius-lg:      0;
--a3-dir-material-cocoa:    linear-gradient(160deg, #7A5433, #2E1C10);
  --a3-dir-material-kente:    linear-gradient(160deg, #C9A33F 10%, #8E4B25 60%, #3A1B14);
  --a3-dir-material-shea:     linear-gradient(160deg, #E3CFA6, #9A7743);
  --a3-dir-material-pepper:   linear-gradient(160deg, #8E5F3D, #2C1B10);
  --a3-dir-material-wood:     linear-gradient(160deg, #A67C46, #402C17);
  --a3-dir-material-market:   linear-gradient(160deg, #BE7639, #7E3A20 50%, #241610);
  --a3-dir-material-hands:    linear-gradient(160deg, #AF7A4A, #402516);
  --a3-dir-material-greenery: linear-gradient(160deg, #557A52, #1B2C1D);
--a3-dir-text-on-material: #FFFFFF;
--a3-dir-dark-bg: #0b1319;
  --a3-dir-dark-bg-raised: #131f27;
  --a3-dir-dark-bg-sunken: #091015;
  --a3-dir-dark-border: #24343f;
  --a3-dir-dark-border-strong: #5A7382;
  --a3-dir-dark-text: #e8edf0;
  --a3-dir-dark-text-secondary: #a9b6c0;
  --a3-dir-dark-text-muted: #7e8d99;
  --a3-dir-dark-link: #63b8cc;
  --a3-dir-dark-focus: #4fc3e0;
  --a3-dir-dark-primary-600: #2b93ab;
  --a3-dir-dark-primary-100: #10303a;
  --a3-dir-dark-success-600: #46b07a;
  --a3-dir-dark-success-100: #0f2b1f;
  --a3-dir-dark-settled-600: #4aa7c4;
  --a3-dir-dark-settled-100: #0d2731;
  --a3-dir-dark-verified-600: #8f9fd9;
  --a3-dir-dark-verified-100: #1a1f38;
  --a3-dir-dark-pending-600: #d0a047;
  --a3-dir-dark-pending-100: #2c2313;
  --a3-dir-dark-warning-600: #d38a45;
  --a3-dir-dark-warning-100: #2e1e11;
  --a3-dir-dark-danger-600: #e06666;
  --a3-dir-dark-danger-100: #2e1414;
  --a3-dir-dark-denied-600: #a48cb8;
  --a3-dir-dark-denied-100: #221a29;
  --a3-dir-dark-identity: #D9694F;
  --a3-dir-dark-accent-merchant: #6d9648;
  --a3-dir-dark-accent-control: #AC80BD;
}
:root[data-a3-direction="c"] {
--a3-dir-bg:             #F8F1E3;
  --a3-dir-bg-raised:      #FFFBF4;
  --a3-dir-bg-sunken:      #EDE3CE;
  --a3-dir-bg-inverse:     #2A0F30;
  --a3-dir-border:         #DFD2C0;
  --a3-dir-border-strong:  #8A7481;
  --a3-dir-text:           #321239;
  --a3-dir-text-secondary: #4E2A54;
  --a3-dir-text-muted:     #6B5570;
  --a3-dir-text-inverse:   #FFFBF4;
--a3-dir-primary-700:    #005C3B;
  --a3-dir-primary-600:    #00734B;
  --a3-dir-primary-100:    #DCEEE4;
  --a3-dir-link:           #006944;
  --a3-dir-focus:          #006944;
  --a3-dir-text-on-action: #FFFBF4;
--a3-dir-identity:       #C4327F;
--a3-dir-rating-mark:    #C98A2E;
--a3-dir-accent-merchant: #4a6b2f;
  --a3-dir-accent-control:  #6b3f7a;
--a3-dir-success-600:    #0C5F86;
  --a3-dir-success-100:    #E0EDF6;
  --a3-dir-settled-600:    #514D4A;
  --a3-dir-settled-100:    #EDEAE3;
  --a3-dir-verified-600:   #2F57A6;
  --a3-dir-verified-100:   #E6ECF8;
  --a3-dir-pending-600:    #8A5A0A;
  --a3-dir-pending-100:    #F8EEDA;
  --a3-dir-warning-600:    #A8500F;
  --a3-dir-warning-100:    #FAE9DC;
  --a3-dir-danger-600:     #A81F2E;
  --a3-dir-danger-100:     #F9E6E6;
  --a3-dir-denied-600:     #6B4788;
  --a3-dir-denied-100:     #F0EAF6;
--a3-dir-font-body:      "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-display:   "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-numeric:   "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
--a3-dir-radius-sm:      8px;
  --a3-dir-radius-md:      12px;
  --a3-dir-radius-lg:      16px;
--a3-dir-material-cocoa:    linear-gradient(155deg, #A7694C, #4E2413);
  --a3-dir-material-kente:    linear-gradient(150deg, #C4327F 10%, #B07A2A 55%, #00734B);
  --a3-dir-material-shea:     linear-gradient(155deg, #E9D8B4, #B08F55);
  --a3-dir-material-pepper:   linear-gradient(155deg, #C05340, #571712);
  --a3-dir-material-wood:     linear-gradient(155deg, #B08355, #4F3320);
  --a3-dir-material-market:   linear-gradient(150deg, #D18E35 6%, #A2492A 50%, #331D17);
  --a3-dir-material-hands:    linear-gradient(150deg, #B47E5C, #56301F);
  --a3-dir-material-greenery: linear-gradient(155deg, #5A8C5F, #1B3A24);
  --a3-dir-text-on-material: #FFFBF4;
--a3-dir-dark-bg: #150A18;
  --a3-dir-dark-bg-raised: #231029;
  --a3-dir-dark-bg-sunken: #0D050F;
  --a3-dir-dark-border: #3A2142;
  --a3-dir-dark-border-strong: #8C6E95;
  --a3-dir-dark-text: #F3E7EE;
  --a3-dir-dark-text-secondary: #CDB6D4;
  --a3-dir-dark-text-muted: #A88FB0;
  --a3-dir-dark-link: #4FD69C;
  --a3-dir-dark-focus: #4FD69C;
  --a3-dir-dark-primary-600: #3FC98F;
  --a3-dir-dark-primary-100: #0E2E22;
  --a3-dir-dark-success-600: #5CBCDC;
  --a3-dir-dark-success-100: #0B2733;
  --a3-dir-dark-settled-600: #B3A7B0;
  --a3-dir-dark-settled-100: #241F23;
  --a3-dir-dark-verified-600: #93A6EA;
  --a3-dir-dark-verified-100: #161B33;
  --a3-dir-dark-pending-600: #D6A64E;
  --a3-dir-dark-pending-100: #2C2213;
  --a3-dir-dark-warning-600: #E0904F;
  --a3-dir-dark-warning-100: #2F1E12;
  --a3-dir-dark-danger-600: #EE6F7E;
  --a3-dir-dark-danger-100: #31151A;
  --a3-dir-dark-denied-600: #BC9ED3;
  --a3-dir-dark-denied-100: #241B2B;
  --a3-dir-dark-identity: #EE7ACB;
--a3-dir-dark-accent-merchant: #8FBF6E;
  --a3-dir-dark-accent-control:  #C79BD8;
}
:root[data-a3-direction="d"] {
--a3-dir-bg:#FFFFFF;
  --a3-dir-bg-raised:#FFFFFF;
  --a3-dir-bg-sunken:#F4F4F2;
  --a3-dir-bg-inverse:#0E2A1C;
  --a3-dir-border:#E6E6E4;
  --a3-dir-border-strong:#6E7A72;
  --a3-dir-text:#131612;
  --a3-dir-text-secondary:#3E4A43;
  --a3-dir-text-muted:#6B766F;
  --a3-dir-text-inverse:   #FFFFFF;
--a3-dir-primary-700:#01502B;
  --a3-dir-primary-600:#046738;
  --a3-dir-primary-100:#E8F2EB;
  --a3-dir-link:#046738;
  --a3-dir-focus:#046738;
  --a3-dir-text-on-action: #FFFFFF;
--a3-dir-identity:#A90E50;
--a3-dir-accent-merchant:#046738;
  --a3-dir-accent-control:  #6B3F7A;
--a3-dir-success-600:    #0B6E8C;
  --a3-dir-success-100:    #E1EFF5;
  --a3-dir-settled-600:    #4E524F;
  --a3-dir-settled-100:    #EBEBE7;
  --a3-dir-verified-600:   #2A4FA8;
  --a3-dir-verified-100:   #E7EBF8;
  --a3-dir-pending-600:#A15C08;
  --a3-dir-pending-100:#FFF1CB;
  --a3-dir-warning-600:#9C4709;
  --a3-dir-warning-100:#FBE9D8;
  --a3-dir-danger-600:#8E1B12;
  --a3-dir-danger-100:#F7E4E1;
  --a3-dir-denied-600:     #6B4788;
  --a3-dir-denied-100:     #F0EAF6;
--a3-dir-font-body:      "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
--a3-dir-font-display:   "EB Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --a3-dir-font-numeric:   "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
--a3-dir-radius-sm:      10px;
  --a3-dir-radius-md:      16px;
  --a3-dir-radius-lg:      24px;
--a3-dir-material-cocoa:    linear-gradient(155deg, #A9694A, #4A2211);
  --a3-dir-material-kente:    linear-gradient(150deg, #A31E86 10%, #C8912F 55%, #0C6238);
  --a3-dir-material-shea:     linear-gradient(155deg, #EBDCBA, #B3925A);
  --a3-dir-material-pepper:   linear-gradient(155deg, #C4553F, #551611);
  --a3-dir-material-wood:     linear-gradient(155deg, #B48757, #4E3220);
  --a3-dir-material-market:   linear-gradient(150deg, #D6923A 6%, #A54C2B 50%, #2F1C16);
  --a3-dir-material-hands:    linear-gradient(150deg, #B8815E, #543020);
  --a3-dir-material-greenery: linear-gradient(155deg, #5C9061, #1A3A23);
  --a3-dir-text-on-material:  #FFFFFF;
--a3-dir-dark-bg:             #0E1512;
  --a3-dir-dark-bg-raised:      #16211B;
  --a3-dir-dark-bg-sunken:      #080D0A;
  --a3-dir-dark-border:         #263329;
  --a3-dir-dark-border-strong:  #7A9084;
  --a3-dir-dark-text:           #E9F1EB;
  --a3-dir-dark-text-secondary: #BCCCC1;
  --a3-dir-dark-text-muted:     #93A69B;
  --a3-dir-dark-link:           #4FD69C;
  --a3-dir-dark-focus:          #4FD69C;
  --a3-dir-dark-primary-600:    #3FC98F;
  --a3-dir-dark-primary-100:    #0C2A1E;
  --a3-dir-dark-success-600:    #5CBCDC;
  --a3-dir-dark-success-100:    #0B2733;
  --a3-dir-dark-settled-600:    #B0B5B1;
  --a3-dir-dark-settled-100:    #1F2320;
  --a3-dir-dark-verified-600:   #93A6EA;
  --a3-dir-dark-verified-100:   #161B33;
  --a3-dir-dark-pending-600:    #D6A64E;
  --a3-dir-dark-pending-100:    #2C2213;
  --a3-dir-dark-warning-600:    #E0904F;
  --a3-dir-dark-warning-100:    #2F1E12;
  --a3-dir-dark-danger-600:     #EE7A70;
  --a3-dir-dark-danger-100:     #311714;
  --a3-dir-dark-denied-600:     #BC9ED3;
  --a3-dir-dark-denied-100:     #241B2B;
  --a3-dir-dark-identity:       #F286CD;
--a3-dir-dark-accent-merchant: #3FC98F;
  --a3-dir-dark-accent-control:  #C79BD8;
--a3-dir-rating-mark:    #FDCB5C;
}
:root[data-a3-direction="e"] {
--a3-dir-bg:              #FFFFFF;
  --a3-dir-bg-raised:       #FFFFFF;
  --a3-dir-bg-sunken:       #F9FAFB;
  --a3-dir-bg-inverse:      #0B0F14;
--a3-dir-border:          #E5E7EB;
  --a3-dir-border-strong:   #6B7280;
--a3-dir-text:            #111827;
  --a3-dir-text-secondary:  #374151;
  --a3-dir-text-muted:      #6B7280;
  --a3-dir-text-inverse:    #FFFFFF;
--a3-dir-primary-600:     #0A7B4F;
  --a3-dir-primary-700:     #076039;
  --a3-dir-primary-100:     #E8F5ED;
  --a3-dir-text-on-action:  #FFFFFF;
--a3-dir-link:            #2563EB;
  --a3-dir-focus:           #0A7B4F;
--a3-dir-identity:        #0A7B4F;
--a3-dir-accent-merchant: #0A7B4F;
  --a3-dir-accent-control:  #4338CA;
--a3-dir-success-600:     #0A7B4F;
  --a3-dir-success-100:     #DCF7EA;
--a3-dir-settled-600:     #4B5563;
  --a3-dir-settled-100:     #F3F4F6;
--a3-dir-verified-600:    #1D4ED8;
  --a3-dir-verified-100:    #DBEAFE;
--a3-dir-pending-600:     #92400E;
  --a3-dir-pending-100:     #FEF3C7;
--a3-dir-warning-600:     #9A3412;
  --a3-dir-warning-100:     #FFEDD5;
--a3-dir-danger-600:      #B91C1C;
  --a3-dir-danger-100:      #FEE2E2;
--a3-dir-denied-600:      #7C3AED;
  --a3-dir-denied-100:      #EDE9FE;
--a3-dir-font-body:       "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-display:    "Onest", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --a3-dir-font-numeric:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
--a3-dir-radius-sm:       8px;
  --a3-dir-radius-md:       12px;
  --a3-dir-radius-lg:       16px;
--a3-dir-material-cocoa:    linear-gradient(155deg, #F1E7E0, #DCC9BC);
  --a3-dir-material-kente:    linear-gradient(150deg, #EDE9FE 10%, #FEF3C7 55%, #DCF7EA);
  --a3-dir-material-shea:     linear-gradient(155deg, #FBF6EA, #EFE2C6);
  --a3-dir-material-pepper:   linear-gradient(155deg, #FBE7E3, #F3CFC7);
  --a3-dir-material-wood:     linear-gradient(155deg, #F3EAE0, #E0CDB6);
  --a3-dir-material-market:   linear-gradient(150deg, #FEF3C7 6%, #FBE7E3 50%, #E8F5ED);
  --a3-dir-material-hands:    linear-gradient(150deg, #F4EAE4, #E3CDC0);
  --a3-dir-material-greenery: linear-gradient(155deg, #E8F5ED, #C9E9D6);
  --a3-dir-text-on-material:  #111827;
--a3-dir-rating-mark:     #F59E0B;
--a3-dir-dark-bg:             #0B0F14;
  --a3-dir-dark-bg-raised:      #111827;
  --a3-dir-dark-bg-sunken:      #0F172A;
  --a3-dir-dark-border:         #1F2937;
  --a3-dir-dark-border-strong:  #4B5563;
  --a3-dir-dark-text:           #F9FAFB;
  --a3-dir-dark-text-secondary: #D1D5DB;
  --a3-dir-dark-text-muted:     #94A3B8;
  --a3-dir-dark-link:           #38BDF8;
  --a3-dir-dark-focus:          #10B981;
  --a3-dir-dark-primary-600:    #10B981;
  --a3-dir-dark-primary-100:    #064E3B;
  --a3-dir-dark-success-600:    #34D399;
  --a3-dir-dark-success-100:    #065F46;
  --a3-dir-dark-settled-600:    #9CA3AF;
  --a3-dir-dark-settled-100:    #374151;
  --a3-dir-dark-verified-600:   #60A5FA;
  --a3-dir-dark-verified-100:   #1E3A8A;
  --a3-dir-dark-pending-600:    #FBBF24;
  --a3-dir-dark-pending-100:    #78350F;
  --a3-dir-dark-warning-600:    #FB923C;
  --a3-dir-dark-warning-100:    #92400E;
  --a3-dir-dark-danger-600:     #F87171;
  --a3-dir-dark-danger-100:     #7F1D1D;
  --a3-dir-dark-denied-600:     #A78BFA;
  --a3-dir-dark-denied-100:     #4C1D95;
  --a3-dir-dark-identity:       #10B981;
  --a3-dir-dark-accent-merchant: #10B981;
  --a3-dir-dark-accent-control:  #818CF8;
}

/* tokens.css */

:root {
--a3-ink-900: #0e1a24;
  --a3-ink-800: #16242f;
  --a3-ink-700: #26333d;
  --a3-ink-600: #43525e;
  --a3-ink-500: #64737f;
  --a3-ink-400: #8e9aa4;
  --a3-ink-300: #b9c2c9;
  --a3-ink-200: #dbe1e5;
  --a3-ink-100: #eef1f3;
  --a3-ink-050: #f7f9fa;
  --a3-white:   #ffffff;
--a3-primary-700: var(--a3-dir-primary-700, #0a4f5c);
  --a3-primary-600: var(--a3-dir-primary-600, #0d6274);
  --a3-primary-500: #10788d;
  --a3-primary-300: #7fb9c5;
  --a3-primary-100: var(--a3-dir-primary-100, #e0eff2);
--a3-success-600: var(--a3-dir-success-600, #1d7a4a);   
  --a3-success-100: var(--a3-dir-success-100, #e3f4ea);
  --a3-settled-600: var(--a3-dir-settled-600, #145c73);   
  --a3-settled-100: var(--a3-dir-settled-100, #e2eff4);
  --a3-verified-600: var(--a3-dir-verified-600, #4a5fa8);  
  --a3-verified-100: var(--a3-dir-verified-100, #e9ecf8);
  --a3-pending-600: var(--a3-dir-pending-600, #8a6216);   
  --a3-pending-100: var(--a3-dir-pending-100, #fbf1dc);
  --a3-warning-600: var(--a3-dir-warning-600, #a35a12);
  --a3-warning-100: var(--a3-dir-warning-100, #fdeee0);
  --a3-danger-600:  var(--a3-dir-danger-600, #a32020);   
  --a3-danger-100:  var(--a3-dir-danger-100, #fbe6e6);
  --a3-denied-600:  var(--a3-dir-denied-600, #5f4470);   
  --a3-denied-100:  var(--a3-dir-denied-100, #f1ecf5);
--a3-bg:              var(--a3-dir-bg, var(--a3-ink-050));
  --a3-bg-raised:       var(--a3-dir-bg-raised, var(--a3-white));
  --a3-bg-sunken:       var(--a3-dir-bg-sunken, var(--a3-ink-100));
  --a3-bg-inverse:      var(--a3-dir-bg-inverse, var(--a3-ink-900));
  --a3-border:          var(--a3-dir-border, var(--a3-ink-200));
  --a3-border-strong:   var(--a3-dir-border-strong, var(--a3-ink-300));
  --a3-text:            var(--a3-dir-text, var(--a3-ink-900));
  --a3-text-secondary:  var(--a3-dir-text-secondary, var(--a3-ink-600));
  --a3-text-muted:      var(--a3-dir-text-muted, var(--a3-ink-500));
  --a3-text-inverse:    var(--a3-dir-text-inverse, var(--a3-white));
  --a3-link:            var(--a3-dir-link, var(--a3-primary-600));
  --a3-focus:           var(--a3-dir-focus, #1a8fb0);
--a3-text-on-action:  var(--a3-dir-text-on-action, var(--a3-white));
--a3-text-on-material: var(--a3-dir-text-on-material, var(--a3-white));
--a3-identity:        var(--a3-dir-identity, var(--a3-primary-600));
--a3-rating-mark:     var(--a3-dir-rating-mark, #C9922E);
  --a3-accent-merchant: var(--a3-dir-accent-merchant, #4a6b2f);
  --a3-accent-control:  var(--a3-dir-accent-control, #6b3f7a);
--a3-font-body: var(--a3-dir-font-body, "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);
  --a3-font-display: var(--a3-dir-font-display, "Inter Tight", "Inter", "Segoe UI", system-ui, sans-serif);
  --a3-font-numeric: var(--a3-dir-font-numeric, "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace);
--a3-text-2xs: 0.6875rem; 
  --a3-text-xs:  0.75rem;
  --a3-text-sm:  0.8125rem;
  --a3-text-md:  0.9375rem; 
  --a3-text-lg:  1.0625rem;
  --a3-text-xl:  1.3125rem;
  --a3-text-2xl: 1.625rem;
  --a3-text-3xl: 2.125rem;
--a3-weight-regular: 400;
  --a3-weight-medium: 500;
  --a3-weight-semibold: 600;
--a3-leading-tight: 1.25;
  --a3-leading-normal: 1.5;
  --a3-leading-relaxed: 1.65;
--a3-measure: 68ch;
--a3-space-1: 0.25rem;
  --a3-space-2: 0.5rem;
  --a3-space-3: 0.75rem;
  --a3-space-4: 1rem;
  --a3-space-5: 1.5rem;
  --a3-space-6: 2rem;
  --a3-space-7: 3rem;
  --a3-space-8: 4rem;
--a3-density-row: 2.75rem;        
  --a3-density-row-compact: 2.125rem;
--a3-radius-sm: var(--a3-dir-radius-sm, 3px);
  --a3-radius-md: var(--a3-dir-radius-md, 5px);
  --a3-radius-lg: var(--a3-dir-radius-lg, 8px);
--a3-material-cocoa:    var(--a3-dir-material-cocoa, var(--a3-bg-sunken));
  --a3-material-kente:    var(--a3-dir-material-kente, var(--a3-bg-sunken));
  --a3-material-shea:     var(--a3-dir-material-shea, var(--a3-bg-sunken));
  --a3-material-pepper:   var(--a3-dir-material-pepper, var(--a3-bg-sunken));
  --a3-material-wood:     var(--a3-dir-material-wood, var(--a3-bg-sunken));
  --a3-material-market:   var(--a3-dir-material-market, var(--a3-bg-sunken));
  --a3-material-hands:    var(--a3-dir-material-hands, var(--a3-bg-sunken));
  --a3-material-greenery: var(--a3-dir-material-greenery, var(--a3-bg-sunken));
--a3-scrim-strong: rgba(14, 26, 36, 0.62);
  --a3-scrim-soft:   rgba(14, 26, 36, 0.28);
  --a3-scrim-clear:  rgba(14, 26, 36, 0);
--a3-shadow-raised: 0 1px 2px rgba(14, 26, 36, 0.06), 0 1px 3px rgba(14, 26, 36, 0.08);
  --a3-shadow-overlay: 0 8px 24px rgba(14, 26, 36, 0.16), 0 2px 6px rgba(14, 26, 36, 0.08);
--a3-focus-ring: 0 0 0 2px var(--a3-bg-raised), 0 0 0 4px var(--a3-focus);
--a3-touch-min: 44px;
  --a3-target-inline-min: 24px;
--a3-duration-fast: 120ms;
  --a3-duration-normal: 200ms;
  --a3-ease: cubic-bezier(0.2, 0, 0.2, 1);
--a3-z-sticky: 100;
  --a3-z-overlay: 500;
  --a3-z-toast: 900;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-a3-theme="light"]) {
    --a3-bg:             var(--a3-dir-dark-bg, #0b1319);
    --a3-bg-raised:      var(--a3-dir-dark-bg-raised, #131f27);
    --a3-bg-sunken:      var(--a3-dir-dark-bg-sunken, #091015);
    --a3-bg-inverse:     var(--a3-ink-100);
    --a3-border:         var(--a3-dir-dark-border, #24343f);
    --a3-border-strong:  var(--a3-dir-dark-border-strong, #5A7382);
    --a3-text:           var(--a3-dir-dark-text, #e8edf0);
    --a3-text-secondary: var(--a3-dir-dark-text-secondary, #a9b6c0);
    --a3-text-muted:     var(--a3-dir-dark-text-muted, #7e8d99);
    --a3-text-inverse:   var(--a3-ink-900);
    --a3-link:           var(--a3-dir-dark-link, #63b8cc);
    --a3-focus:          var(--a3-dir-dark-focus, #4fc3e0);
--a3-primary-600: var(--a3-dir-dark-primary-600, #2b93ab);
--a3-text-on-action: var(--a3-ink-900);
    --a3-primary-100: var(--a3-dir-dark-primary-100, #10303a);
    --a3-success-600: var(--a3-dir-dark-success-600, #46b07a); --a3-success-100: var(--a3-dir-dark-success-100, #0f2b1f);
    --a3-settled-600: var(--a3-dir-dark-settled-600, #4aa7c4); --a3-settled-100: var(--a3-dir-dark-settled-100, #0d2731);
    --a3-verified-600: var(--a3-dir-dark-verified-600, #8f9fd9); --a3-verified-100: var(--a3-dir-dark-verified-100, #1a1f38);
    --a3-pending-600: var(--a3-dir-dark-pending-600, #d0a047); --a3-pending-100: var(--a3-dir-dark-pending-100, #2c2313);
    --a3-warning-600: var(--a3-dir-dark-warning-600, #d38a45); --a3-warning-100: var(--a3-dir-dark-warning-100, #2e1e11);
    --a3-danger-600:  var(--a3-dir-dark-danger-600, #e06666); --a3-danger-100:  var(--a3-dir-dark-danger-100, #2e1414);
    --a3-denied-600:  var(--a3-dir-dark-denied-600, #a48cb8); --a3-denied-100:  var(--a3-dir-dark-denied-100, #221a29);
--a3-identity: var(--a3-dir-dark-identity, #D9694F);
    --a3-accent-merchant: var(--a3-dir-dark-accent-merchant, #6d9648);
    --a3-accent-control: var(--a3-dir-dark-accent-control, #AC80BD);
  }
}
:root[data-a3-theme="dark"] {
  --a3-bg:             var(--a3-dir-dark-bg, #0b1319);
  --a3-bg-raised:      var(--a3-dir-dark-bg-raised, #131f27);
  --a3-bg-sunken:      var(--a3-dir-dark-bg-sunken, #091015);
  --a3-bg-inverse:     var(--a3-ink-100);
  --a3-border:         var(--a3-dir-dark-border, #24343f);
  --a3-border-strong:  var(--a3-dir-dark-border-strong, #5A7382);
  --a3-text:           var(--a3-dir-dark-text, #e8edf0);
  --a3-text-secondary: var(--a3-dir-dark-text-secondary, #a9b6c0);
  --a3-text-muted:     var(--a3-dir-dark-text-muted, #7e8d99);
  --a3-text-inverse:   var(--a3-ink-900);
  --a3-link:           var(--a3-dir-dark-link, #63b8cc);
  --a3-focus:          var(--a3-dir-dark-focus, #4fc3e0);
--a3-primary-600: var(--a3-dir-dark-primary-600, #2b93ab);
--a3-text-on-action: var(--a3-ink-900);
  --a3-primary-100: var(--a3-dir-dark-primary-100, #10303a);
  --a3-success-600: var(--a3-dir-dark-success-600, #46b07a); --a3-success-100: var(--a3-dir-dark-success-100, #0f2b1f);
  --a3-settled-600: var(--a3-dir-dark-settled-600, #4aa7c4); --a3-settled-100: var(--a3-dir-dark-settled-100, #0d2731);
  --a3-verified-600: var(--a3-dir-dark-verified-600, #8f9fd9); --a3-verified-100: var(--a3-dir-dark-verified-100, #1a1f38);
  --a3-pending-600: var(--a3-dir-dark-pending-600, #d0a047); --a3-pending-100: var(--a3-dir-dark-pending-100, #2c2313);
  --a3-warning-600: var(--a3-dir-dark-warning-600, #d38a45); --a3-warning-100: var(--a3-dir-dark-warning-100, #2e1e11);
  --a3-danger-600:  var(--a3-dir-dark-danger-600, #e06666); --a3-danger-100:  var(--a3-dir-dark-danger-100, #2e1414);
  --a3-denied-600:  var(--a3-dir-dark-denied-600, #a48cb8); --a3-denied-100:  var(--a3-dir-dark-denied-100, #221a29);
--a3-identity: var(--a3-dir-dark-identity, #D9694F);
  --a3-accent-merchant: var(--a3-dir-dark-accent-merchant, #6d9648);
  --a3-accent-control: var(--a3-dir-dark-accent-control, #AC80BD);
}
[data-a3-surface="customer"] { --a3-surface-accent: var(--a3-primary-600); }
[data-a3-surface="merchant"] { --a3-surface-accent: var(--a3-accent-merchant, #4a6b2f); }
[data-a3-surface="control"]  { --a3-surface-accent: var(--a3-accent-control, #6b3f7a); }
@media (prefers-reduced-motion: reduce) {
  :root {
    --a3-duration-fast: 1ms;
    --a3-duration-normal: 1ms;
  }
}
:root {
  --a3-icon-sm: 1rem;
  --a3-icon-md: 1.25rem;
  --a3-icon-lg: 1.5rem;
}

/* components.css */

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
body.a3 {
  margin: 0;
  background: var(--a3-bg);
  color: var(--a3-text);
  font-family: var(--a3-font-body);
  font-size: var(--a3-text-md);
  line-height: var(--a3-leading-normal);
  -webkit-text-size-adjust: 100%;
}
@media (pointer: coarse) {
  body.a3 { font-size: 1rem; }
}
.a3-prose { max-width: var(--a3-measure); }
.a3-prose > a:only-child {
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-target-inline-min);
}
:where(a) { color: var(--a3-link); text-underline-offset: 0.2em; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--a3-focus-ring);
  border-radius: var(--a3-radius-sm);
}
.a3-skip-link {
  position: absolute; left: var(--a3-space-2); top: -100vh;
  z-index: var(--a3-z-toast);
  background: var(--a3-bg-raised); color: var(--a3-text);
  padding: var(--a3-space-2) var(--a3-space-4);
  border: 1px solid var(--a3-border-strong); border-radius: var(--a3-radius-md);
}
.a3-skip-link:focus { top: var(--a3-space-2); }
.a3-skip-link { min-height: var(--a3-touch-min); display: inline-flex; align-items: center; }
.a3-visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.a3-authority {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--a3-space-3);
  padding: var(--a3-space-2) var(--a3-space-4);
  background: var(--a3-bg-raised);
  border-bottom: 1px solid var(--a3-border);
  border-top: 3px solid var(--a3-surface-accent, var(--a3-primary-600));
  font-size: var(--a3-text-sm);
  position: sticky; top: 0; z-index: var(--a3-z-sticky);
}
[id^="section-"],
[id^="notification-"],
[id^="basket-line-"],
#where-it-was { scroll-margin-top: 8rem; }
.a3-authority__surface {
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-surface-accent, var(--a3-primary-600));
  text-transform: uppercase; letter-spacing: 0.06em;
  font-size: var(--a3-text-2xs);
}
.a3-authority__scope {
  color: var(--a3-text); font-weight: var(--a3-weight-medium);
min-width: 0; overflow-wrap: anywhere;
}
.a3-authority__basis { color: var(--a3-text-muted); }
[data-a3-surface="merchant"].a3-authority {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "mark  surface"
    "title basis";
  row-gap: var(--a3-space-1);
  column-gap: var(--a3-space-3);
  align-items: center;
}
[data-a3-surface="merchant"] .a3-brand { grid-row: 1; grid-column: 1; }
[data-a3-surface="merchant"] .a3-authority__surface { grid-row: 1; grid-column: 2; justify-self: start; }
[data-a3-surface="merchant"] .a3-authority__scope { grid-row: 2; grid-column: 1; justify-self: start; }
[data-a3-surface="merchant"] .a3-authority__basis { grid-row: 2; grid-column: 2; justify-self: end; }
[data-a3-surface="merchant"] .a3-authority__viewer {
  grid-row: 1;
  grid-column: 2;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-2xs);
  letter-spacing: 0.02em;
}
[data-a3-surface="merchant"] .a3-authority__basis::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: var(--a3-space-2);
  border-radius: 999px;
  background: var(--a3-primary-600);
  vertical-align: baseline;
}
.a3-authority--borrowed {
  background: var(--a3-denied-100);
  border-top-color: var(--a3-denied-600);
}
.a3-authority--borrowed .a3-authority__basis { color: var(--a3-denied-600); font-weight: var(--a3-weight-medium); }
:root {
  --a3-brand-height: 28px;
  --a3-brand-height-compact: 24px;
  --a3-brand-max-width: 160px;
}
.a3-brand {
  display: inline-flex; align-items: center;
min-height: var(--a3-brand-height);
  max-width: var(--a3-brand-max-width);
  flex: 0 0 auto;
}
.a3-brand > * { max-height: 100%; max-width: 100%; }
@media (max-width: 640px) {
  .a3-brand { min-height: var(--a3-brand-height-compact); }
}
.a3-brand[data-a3-brand="pending"] {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-lg);
  letter-spacing: -0.01em;
  color: var(--a3-text);
  align-items: center;
  gap: var(--a3-space-2);
}
[data-a3-context="marketplace"] .a3-brand[data-a3-brand="pending"] {
  color: var(--a3-identity);
}
.a3-brand[data-a3-brand="pending"]::after {
  content: "";
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--a3-border-strong);
  flex: 0 0 auto;
}
.a3-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--a3-space-2);
  min-height: var(--a3-touch-min);
  padding: 0 var(--a3-space-4);
  font: inherit; font-weight: var(--a3-weight-medium);
  border-radius: var(--a3-radius-md);
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--a3-duration-fast) var(--a3-ease);
}
.a3-btn--primary { background: var(--a3-primary-600); color: var(--a3-text-on-action); }
.a3-btn--primary:hover:not(:disabled) { background: var(--a3-primary-700); }
.a3-btn--secondary {
  background: var(--a3-bg-raised); color: var(--a3-text);
  border-color: var(--a3-border-strong);
}
.a3-btn--secondary:hover:not(:disabled) { background: var(--a3-bg-sunken); }
.a3-btn--quiet { background: transparent; color: var(--a3-link); }
.a3-btn--destructive {
  background: var(--a3-bg-raised); color: var(--a3-danger-600);
  border-color: var(--a3-danger-600);
}
.a3-btn--destructive:hover:not(:disabled) { background: var(--a3-danger-100); }
.a3-btn:active:not(:disabled) {
  transform: translateY(1px);
  filter: brightness(0.94);
}
@media (prefers-reduced-motion: reduce) {
.a3-btn:active:not(:disabled) { transform: none; }
}
.a3-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.a3-btn[aria-busy="true"] { cursor: progress; }
.a3-btn[aria-busy="true"]::before {
  content: ""; width: 0.85em; height: 0.85em; border-radius: 50%;
  border: 2px solid currentColor; border-top-color: transparent;
  animation: a3-spin 0.7s linear infinite;
}
@keyframes a3-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .a3-btn[aria-busy="true"]::before { animation-duration: 2s; }
}
.a3-status {
  display: inline-flex; align-items: center; gap: var(--a3-space-2);
  padding: var(--a3-space-1) var(--a3-space-3);
  border-radius: 999px;
  font-size: var(--a3-text-xs); font-weight: var(--a3-weight-medium);
  border: 1px solid transparent; white-space: nowrap;
}
.a3-status::before { content: attr(data-a3-mark); font-weight: var(--a3-weight-semibold); }
.a3-status--success  { background: var(--a3-success-100);  color: var(--a3-success-600);  border-color: var(--a3-success-600); }
.a3-status--settled  { background: var(--a3-settled-100);  color: var(--a3-settled-600);  border-color: var(--a3-settled-600); }
.a3-status--verified { background: var(--a3-verified-100); color: var(--a3-verified-600); border-color: var(--a3-verified-600); }
.a3-status--pending  { background: var(--a3-pending-100);  color: var(--a3-pending-600);  border-color: var(--a3-pending-600); }
.a3-status--warning  { background: var(--a3-warning-100);  color: var(--a3-warning-600);  border-color: var(--a3-warning-600); }
.a3-status--danger   { background: var(--a3-danger-100);   color: var(--a3-danger-600);   border-color: var(--a3-danger-600); }
.a3-status--denied   { background: var(--a3-denied-100);   color: var(--a3-denied-600);   border-color: var(--a3-denied-600); }
.a3-status--neutral  { background: var(--a3-bg-sunken);    color: var(--a3-text-secondary); border-color: var(--a3-border-strong); }
.a3-status__scope { color: var(--a3-text-muted); font-weight: var(--a3-weight-regular); font-size: var(--a3-text-2xs); }
.a3-money {
  font-family: var(--a3-font-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.a3-money__currency { margin-right: 0.3em; }
.a3-money--negative { color: var(--a3-danger-600); }
td.a3-money, th.a3-money { text-align: right; }
.a3-formhead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--a3-space-3);
  align-items: center;
}
.a3-formhead__title {
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-md);
  margin: 0;
}
.a3-formhead__text { margin: 0; color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-openness {
  padding: var(--a3-space-3) var(--a3-space-4);
  background: var(--a3-primary-100);
  color: var(--a3-text);
  border-bottom: 1px solid var(--a3-border);
  display: grid;
  gap: 2px;
}
.a3-openness__title { margin: 0; font-weight: var(--a3-weight-semibold); font-size: var(--a3-text-sm); }
.a3-openness__text { margin: 0; font-size: var(--a3-text-sm); color: var(--a3-text-secondary); max-width: 70ch; }
.a3-formnote {
  margin: 0;
font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
  text-wrap: balance;
}
.a3-card {
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-5);
}
.a3-stack > * + * { margin-top: var(--a3-space-4); }
.a3-row { display: flex; flex-wrap: wrap; gap: var(--a3-space-3); align-items: center; }
.a3-page {
  --a3-page-gutter: var(--a3-space-5);
  padding: var(--a3-page-gutter);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .a3-page {
    --a3-page-gutter: var(--a3-space-3);
    padding: var(--a3-space-4) var(--a3-page-gutter);
  }
}
.a3-field { display: block; }
.a3-field__label {
  display: block; margin-bottom: var(--a3-space-1);
  font-size: var(--a3-text-sm); font-weight: var(--a3-weight-medium);
}
.a3-field__hint {
  display: block;
  font-size: var(--a3-text-xs); color: var(--a3-text-muted); margin-bottom: var(--a3-space-1);
}
.a3-input, .a3-select, .a3-textarea {
  width: 100%; min-height: var(--a3-touch-min);
  padding: var(--a3-space-2) var(--a3-space-3);
  font: inherit; color: var(--a3-text);
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border-strong);
  border-radius: var(--a3-radius-md);
}
.a3-textarea { min-height: 6rem; resize: vertical; }
.a3-input[aria-invalid="true"], .a3-select[aria-invalid="true"], .a3-textarea[aria-invalid="true"] {
  border-color: var(--a3-danger-600); border-width: 2px;
}
.a3-field__error {
  display: flex; gap: var(--a3-space-2); align-items: flex-start;
  margin-top: var(--a3-space-1);
  font-size: var(--a3-text-sm); color: var(--a3-danger-600);
}
.a3-field__error::before { content: "!"; font-weight: var(--a3-weight-semibold); }
.a3-input:disabled, .a3-select:disabled, .a3-textarea:disabled {
  background: var(--a3-bg-sunken); color: var(--a3-text-muted); cursor: not-allowed;
}
.a3-notice {
  display: flex; gap: var(--a3-space-3);
  padding: var(--a3-space-4);
  border-radius: var(--a3-radius-md);
  border: 1px solid;
  border-left-width: 4px;
}
.a3-notice__body { flex: 1; }
.a3-notice__actions { margin: var(--a3-space-3) 0 0; }
.a3-notice__title { font-weight: var(--a3-weight-semibold); margin: 0 0 var(--a3-space-1); font-size: var(--a3-text-md); }
.a3-notice__text  { margin: 0; font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-notice__kind {
  margin: 0 0 var(--a3-space-1);
  font-family: var(--a3-font-numeric);
  font-size: var(--a3-text-2xs);
  font-weight: var(--a3-weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.a3-notice__mark {
  flex: 0 0 auto;
  font-weight: var(--a3-weight-semibold);
  line-height: var(--a3-leading-tight);
}
.a3-notice--error    { background: var(--a3-danger-100);  border-color: var(--a3-danger-600); }
.a3-notice--error .a3-notice__kind, .a3-notice--error .a3-notice__mark { color: var(--a3-danger-600); }
.a3-notice--denied   { background: var(--a3-denied-100);  border-color: var(--a3-denied-600); }
.a3-notice--denied .a3-notice__kind, .a3-notice--denied .a3-notice__mark { color: var(--a3-denied-600); }
.a3-notice--conflict {
  background: var(--a3-pending-100); border-color: var(--a3-pending-600);
  border-left-style: dashed;
}
.a3-notice--conflict .a3-notice__kind, .a3-notice--conflict .a3-notice__mark { color: var(--a3-pending-600); }
.a3-notice--info     { background: var(--a3-primary-100); border-color: var(--a3-primary-600); }
.a3-notice--info .a3-notice__kind, .a3-notice--info .a3-notice__mark { color: var(--a3-primary-600); }
.a3-notice--success  { background: var(--a3-success-100); border-color: var(--a3-success-600); }
.a3-notice--success .a3-notice__kind, .a3-notice--success .a3-notice__mark { color: var(--a3-success-600); }
.a3-notice--unavailable {
  background: var(--a3-bg-sunken); border-color: var(--a3-border-strong);
}
.a3-notice--unavailable .a3-notice__kind, .a3-notice--unavailable .a3-notice__mark { color: var(--a3-text-secondary); }
.a3-notice--warning  { background: var(--a3-warning-100); border-color: var(--a3-warning-600); }
.a3-notice--warning .a3-notice__kind, .a3-notice--warning .a3-notice__mark { color: var(--a3-warning-600); }
.a3-notice--closable {
  position: relative;
  padding-inline-end: calc(var(--a3-touch-min) + var(--a3-space-2));
margin-block-end: var(--a3-space-4);
}
.a3-notice__close {
  position: absolute;
  inset-block-start: var(--a3-space-1);
  inset-inline-end: var(--a3-space-1);
  margin: 0;
}
.a3-notice__closer {
  display: grid;
  place-items: center;
  width: var(--a3-touch-min);
  height: var(--a3-touch-min);
  border: 0;
  border-radius: var(--a3-radius-md);
  background: transparent;
  color: var(--a3-text-secondary);
  cursor: pointer;
}
.a3-notice__closer:hover { background: var(--a3-surface-accent); }
.a3-notice__closer .a3-icon { width: 1.25rem; height: 1.25rem; }
.a3-notice__body > .a3-notice__text + .a3-notice__text { margin-block-start: var(--a3-space-2); }
.a3-notice__sign { margin: var(--a3-space-1) 0 0; font-size: var(--a3-text-sm); font-weight: var(--a3-weight-semibold); }
.a3-nav__count {
  display: inline-grid;
  place-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-inline-start: var(--a3-space-2);
  padding-inline: 5px;
  border-radius: 999px;
  background: var(--a3-danger-600);
  color: var(--a3-text-inverse);
  font-size: var(--a3-text-2xs);
  font-weight: 700;
  line-height: 1;
}
.a3-table-wrap { overflow-x: auto; border: 1px solid var(--a3-border); border-radius: var(--a3-radius-lg); background: var(--a3-bg-raised); }
.a3-table { width: 100%; border-collapse: collapse; font-size: var(--a3-text-sm); }
.a3-table caption { text-align: left; padding: var(--a3-space-3) var(--a3-space-4); color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-table th, .a3-table td {
  padding: 0 var(--a3-space-4); height: var(--a3-density-row);
  text-align: left; border-bottom: 1px solid var(--a3-border);
}
.a3-table thead th {
  position: sticky; top: 0; background: var(--a3-bg-sunken);
  font-size: var(--a3-text-xs); text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--a3-text-secondary); font-weight: var(--a3-weight-semibold);
}
.a3-table--compact { --a3-density-row: var(--a3-density-row-compact); }
.a3-table tbody tr:last-child td,
.a3-table tbody tr:last-child th { border-bottom: none; }
.a3-empty {
  text-align: center; padding: var(--a3-space-7) var(--a3-space-4);
  border: 1px dashed var(--a3-border-strong); border-radius: var(--a3-radius-lg);
}
.a3-empty__title {
  font-size: var(--a3-text-lg); font-weight: var(--a3-weight-semibold); margin: 0 0 var(--a3-space-2);
overflow-wrap: anywhere;
}
.a3-empty__text { margin: 0 auto var(--a3-space-4); max-width: 44ch; color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-skeleton {
  background: linear-gradient(90deg, var(--a3-bg-sunken) 25%, var(--a3-bg-raised) 37%, var(--a3-bg-sunken) 63%);
  background-size: 400% 100%;
  animation: a3-shimmer 1.4s ease infinite;
  border-radius: var(--a3-radius-sm);
  height: 1em;
}
@keyframes a3-shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@media (prefers-reduced-motion: reduce) {
  .a3-skeleton { animation: none; background: var(--a3-bg-sunken); }
}
.a3-confirm { border: 1px solid var(--a3-danger-600); border-radius: var(--a3-radius-lg); padding: var(--a3-space-5); background: var(--a3-bg-raised); }
.a3-confirm__title { margin: 0 0 var(--a3-space-3); font-size: var(--a3-text-xl); }
.a3-confirm__consequences { margin: 0 0 var(--a3-space-4); padding-left: var(--a3-space-5); font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-confirm__consequences li + li { margin-top: var(--a3-space-1); }
.a3-confirm__actions { display: flex; gap: var(--a3-space-3); flex-wrap: wrap; }
.a3-confirm__actions .a3-btn--destructive { margin-left: auto; }
@media (max-width: 480px) {
  .a3-confirm__actions .a3-btn { width: 100%; }
  .a3-confirm__actions .a3-btn--destructive { margin-left: 0; order: 2; }
}
.a3-grid {
  display: grid;
  gap: var(--a3-space-4);
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
@media (max-width: 400px) { .a3-grid { grid-template-columns: 1fr; } }
.a3-card-link {
  display: flex; flex-direction: column; gap: var(--a3-space-3);
  padding: var(--a3-space-4);
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  text-decoration: none; color: inherit;
  min-height: var(--a3-touch-min);
min-width: 0; overflow-wrap: anywhere;
}
.a3-card-link:hover { border-color: var(--a3-border-strong); }
.a3-shop-mark {
width: 40px; min-height: 40px; flex: 0 0 auto;
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-sunken);
  display: grid; place-items: center;
  font-family: var(--a3-font-display); font-weight: var(--a3-weight-semibold);
  color: var(--a3-text-secondary);
  overflow: hidden;
}
.a3-shop-mark img { width: 100%; height: 100%; object-fit: cover; }
.a3-shop-mark[data-a3-material] {
  background: var(--a3-material);
color: var(--a3-text-inverse);
  z-index: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  letter-spacing: 0.02em;
}
[data-a3-material="cocoa"]    { --a3-material: var(--a3-material-cocoa); }
[data-a3-material="kente"]    { --a3-material: var(--a3-material-kente); }
[data-a3-material="shea"]     { --a3-material: var(--a3-material-shea); }
[data-a3-material="pepper"]   { --a3-material: var(--a3-material-pepper); }
[data-a3-material="wood"]     { --a3-material: var(--a3-material-wood); }
[data-a3-material="market"]   { --a3-material: var(--a3-material-market); }
[data-a3-material="hands"]    { --a3-material: var(--a3-material-hands); }
[data-a3-material="greenery"] { --a3-material: var(--a3-material-greenery); }
.a3-placeholder {
  position: relative;
  display: block;
  background: var(--a3-material, var(--a3-bg-sunken));
  overflow: hidden;
}
.a3-placeholder::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.3) 0 1px, transparent 1px 9px);
  mix-blend-mode: soft-light;
}
.a3-placeholder__label {
  position: absolute;
  left: var(--a3-space-2); bottom: var(--a3-space-2);
  padding: 2px var(--a3-space-2);
  background: rgba(20, 14, 10, 0.55);
  color: var(--a3-text-on-material);
  font-family: var(--a3-font-numeric);
  font-size: var(--a3-text-2xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--a3-radius-sm);
}
.a3-card-link__title { font-weight: var(--a3-weight-semibold); font-size: var(--a3-text-md); }
.a3-card-link__meta {
  color: var(--a3-text-muted); font-size: var(--a3-text-xs);
overflow-wrap: anywhere;
}
.a3-order-link { overflow-wrap: anywhere; }
.a3-product-image {
  aspect-ratio: 4 / 3; width: 100%;
  background: var(--a3-bg-sunken);
  border-radius: var(--a3-radius-md);
  display: grid; place-items: center;
  color: var(--a3-text-muted); font-size: var(--a3-text-xs);
  overflow: hidden;
}
.a3-product-image img { width: 100%; height: 100%; object-fit: cover; }
.a3-product-image.a3-placeholder { background: var(--a3-material, var(--a3-bg-sunken)); }
.a3-reputation { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--a3-space-2); }
.a3-reputation__band {
  font-family: var(--a3-font-body);
  font-variant-numeric: tabular-nums;
  font-weight: var(--a3-weight-medium);
  font-size: var(--a3-text-md);
color: inherit;
}
.a3-reputation__volume { color: var(--a3-text-muted); font-size: var(--a3-text-xs); }
.a3-hero .a3-reputation__volume,
.a3-shopcard .a3-reputation__volume { color: inherit; opacity: 0.75; }
.a3-reputation--withheld { color: var(--a3-text-muted); font-size: var(--a3-text-sm); }
.a3-rating { padding: var(--a3-space-3) 0; border-bottom: 1px solid var(--a3-border); }
.a3-rating:last-child { border-bottom: none; }
.a3-rating__head { display: flex; align-items: baseline; gap: var(--a3-space-3); }
.a3-rating__score { font-family: var(--a3-font-body); font-weight: var(--a3-weight-semibold); }
.a3-rating__period { color: var(--a3-text-muted); font-size: var(--a3-text-xs); }
.a3-rating__body { margin: var(--a3-space-2) 0 0; font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-shop-header { display: flex; flex-wrap: wrap; gap: var(--a3-space-4); align-items: flex-start; }
.a3-shop-header .a3-shop-mark { width: 64px; height: 64px; font-size: var(--a3-text-xl); }
.a3-shop-header__body { flex: 1 1 16rem; min-width: 0; }
.a3-shop-header__name {
  margin: 0; font-family: var(--a3-font-display); font-size: var(--a3-text-2xl);
overflow-wrap: anywhere;
}
.a3-shop-header__summary { margin: var(--a3-space-1) 0 0; color: var(--a3-text-secondary); max-width: var(--a3-measure); }
.a3-operator { display: flex; align-items: baseline; gap: var(--a3-space-2); font-size: var(--a3-text-sm); }
.a3-operator__role { color: var(--a3-text-muted); font-size: var(--a3-text-xs); }
.a3-detail { display: grid; gap: var(--a3-space-5); grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 720px) { .a3-detail { grid-template-columns: 1fr; } }
@media (min-width: 721px) {
  .a3-detail__aside { position: sticky; top: calc(var(--a3-space-6) + 2rem); }
}
.a3-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--a3-space-2); font-size: var(--a3-text-sm); color: var(--a3-text-muted); }
.a3-breadcrumb a {
  color: var(--a3-link);
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-target-inline-min);
}
.a3-list { list-style: none; padding: 0; margin: 0; }
.a3-row--spread { justify-content: space-between; }
.a3-row--end { justify-content: flex-end; }
.a3-catalogue__count {
  margin: 0;
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-hint {
  margin: 0;
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-sm);
}
.a3-empty__body {
  margin: 0;
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-sm);
}
.a3-nav {
  display: flex; flex-wrap: wrap; gap: var(--a3-space-2) var(--a3-space-4);
  padding: var(--a3-space-3) var(--a3-space-4);
  border-bottom: 1px solid var(--a3-border);
  background: var(--a3-bg-raised);
  font-size: var(--a3-text-sm);
}
.a3-nav__link {
  display: inline-flex; align-items: center;
  min-height: var(--a3-touch-min);
  color: var(--a3-text-secondary);
  text-decoration: none;
}
.a3-nav__link:hover { color: var(--a3-text); }
.a3-nav__form { display: inline-flex; margin: 0; }
button.a3-nav__link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.a3-nav__link[aria-current="page"] {
  color: var(--a3-text);
  font-weight: var(--a3-weight-semibold);
  box-shadow: inset 0 -2px 0 var(--a3-identity);
}
.a3-masthead {
  padding: var(--a3-space-4);
  max-width: 1200px; margin: 0 auto;
}
@media (max-width: 640px) { .a3-masthead { padding: var(--a3-space-3); } }
.a3-footer {
  display: flex; flex-wrap: wrap; gap: var(--a3-space-1) var(--a3-space-3);
  padding: var(--a3-space-6) var(--a3-space-4);
  margin-top: var(--a3-space-7);
  border-top: 1px solid var(--a3-border);
  color: var(--a3-text-muted);
  font-size: var(--a3-text-xs);
}
.a3-attribution {
  padding: var(--a3-space-5) var(--a3-space-4);
  border-top: 1px solid var(--a3-border);
  text-align: center;
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-list__item {
  display: flex;
  flex-direction: column;
  gap: var(--a3-space-1);
  padding: var(--a3-space-3) 0;
  border-bottom: 1px solid var(--a3-border);
}
.a3-list__item:last-child { border-bottom: 0; }
.a3-facts { margin: 0; display: grid; gap: var(--a3-space-3); min-width: 0; }
.a3-facts dt {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
  font-weight: var(--a3-weight-medium);
}
.a3-facts dd { margin: var(--a3-space-1) 0 0; font-size: var(--a3-text-sm); overflow-wrap: anywhere; }
.a3-heading { margin: 0; font-size: var(--a3-text-xl); font-weight: var(--a3-weight-semibold); }
.a3-subheading { margin: 0; color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-strip {
  padding: var(--a3-space-3) 0;
  border-top: 1px solid var(--a3-border);
  border-bottom: 1px solid var(--a3-border);
}
.a3-input--quantity { max-width: 6rem; }
.a3-input--short { max-width: 12rem; }
.a3-input--code {
  max-width: 12rem;
  letter-spacing: 0.2em;
  font-variant-numeric: tabular-nums;
}
.a3-skeleton--row { width: 100%; margin-top: var(--a3-space-3); }
.a3-search__field { flex: 1 1 12rem; min-width: 0; }
.a3-card-link__summary {
  margin: 0;
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-sm);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.a3-sharecard {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--a3-space-3) var(--a3-space-4);
  align-items: center;
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
}
.a3-sharecard__body { display: grid; gap: 2px; min-width: 0; }
.a3-sharecard__title {
  margin: 0;
  font-size: var(--a3-text-md);
  font-weight: var(--a3-weight-semibold);
}
.a3-sharecard__line { margin: 0; font-size: var(--a3-text-sm); color: var(--a3-text-muted); }
.a3-sharecard__address { margin: 0; font-size: var(--a3-text-sm); overflow-wrap: anywhere; }
.a3-sharecard__status { margin: 0; font-size: var(--a3-text-sm); font-weight: var(--a3-weight-medium); }
.a3-sharecard__status:empty { display: none; }
.a3-sharecard__copy {
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.a3-sharecard__copy:focus-visible { outline: 2px solid var(--a3-focus); outline-offset: 2px; }
.a3-sharecard__share { grid-column: 1 / -1; width: 100%; }
@media (min-width: 40rem) {
  .a3-sharecard { grid-template-columns: auto minmax(0, 1fr) auto; }
  .a3-sharecard__share { grid-column: auto; width: auto; }
}
.a3-explain > summary {
  cursor: pointer;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
  min-height: var(--a3-touch-min);
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
}
.a3-explain > summary:focus-visible { outline: 2px solid var(--a3-focus); outline-offset: 2px; }
.a3-explain[open] > summary { margin-bottom: var(--a3-space-2); }
.a3-explain__body {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
  margin: 0;
}
.a3-hero {
  position: relative;
margin-inline: calc(var(--a3-page-gutter, var(--a3-space-4)) * -1);
  border-radius: 0;
  overflow: hidden;
  background: var(--a3-material, var(--a3-bg-sunken));
  color: var(--a3-text-on-material);
  isolation: isolate;
aspect-ratio: 3 / 2;
  display: block;
}
.a3-hero__inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
padding-inline: clamp(1rem, 5vw, 3.4rem);
  gap: 0;
overflow: hidden;
align-items: flex-start;
}
.a3-hero__cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
object-fit: cover;
  object-position: center;
  z-index: -2;
}
@media (min-width: 46rem) {
.a3-hero__inner > * { max-width: 32rem; }
  .a3-hero__mark { max-width: none; }
}
.a3-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
[data-a3-cover="shaded"] .a3-hero::after {
  background: linear-gradient(90deg,
    rgba(0,0,0,.88) 0%, rgba(0,0,0,.70) 40%, rgba(0,0,0,.24) 72%, rgba(0,0,0,.04) 100%);
}
[data-a3-cover="mockup"] .a3-hero::after {
  background: var(--a3-material, transparent);
  mix-blend-mode: multiply;
  opacity: 0.82;
}
[data-a3-cover="mockup"] .a3-hero__inner {
  background: linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.10) 34%, rgba(0,0,0,0) 62%);
}
.a3-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 1.2vw, 0.7rem);
  font-size: clamp(0.7rem, 1.5vw, 0.82rem);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  opacity: 0.9;
  margin: 0 0 clamp(0.35rem, 1.4vw, 0.75rem);
}
.a3-hero__eyebrow::after {
  content: "";
  height: 1px;
  width: clamp(1.5rem, 7vw, 4rem);
  background: rgba(255, 255, 255, 0.5);
}
.a3-hero__name {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: clamp(1.85rem, 9vw, 5.1rem);
  line-height: 0.98;
  letter-spacing: -0.02em;
  margin: 0;
max-width: 62%;
}
.a3-hero__category {
  margin: clamp(0.25rem, 1vw, 0.6rem) 0 0;
  font-size: clamp(0.8rem, 2.9vw, 1.7rem);
  opacity: 0.95;
}
.a3-hero__rule {
  border: 0;
  border-top: 1px solid var(--a3-rating-mark, currentColor);
  width: clamp(1.75rem, 5.5vw, 3.1rem);
  margin: clamp(0.5rem, 1.8vw, 1.1rem) 0 0;
}
.a3-hero__summary {
  margin: clamp(0.5rem, 1.6vw, 1rem) 0 0;
max-width: min(62%, 24rem);
  font-size: clamp(0.82rem, 1.95vw, 1.12rem);
  line-height: 1.45;
  opacity: 0.92;
}
.a3-hero .a3-claims__source {
  margin: clamp(0.35rem, 1.2vw, 0.7rem) 0 0;
  font-size: clamp(0.64rem, 1.3vw, 0.75rem);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.68;
}
.a3-hero__mark {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--a3-radius-md);
  object-fit: cover;
  background: var(--a3-bg-raised);
}
@media (min-width: 48rem) {
  .a3-hero {
    min-height: 20rem;
    padding: var(--a3-space-8) var(--a3-space-7) var(--a3-space-6);
  }
}
.a3-claims {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--a3-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 34rem) {
  .a3-claims {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--a3-space-4);
  }
}
.a3-claims__item {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.a3-claims__title {
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-sm);
  overflow-wrap: anywhere;
}
.a3-claims__text {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
  overflow-wrap: anywhere;
}
.a3-claims__source {
  font-size: var(--a3-text-2xs);
  color: var(--a3-text-muted);
  margin: var(--a3-space-2) 0 0;
}
.a3-hero .a3-claims__text,
.a3-hero .a3-claims__source {
  color: inherit;
  opacity: 0.82;
}
.a3-disclose {
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-raised);
  padding: 0;
}
.a3-disclose + .a3-disclose {
  margin-top: var(--a3-space-3);
}
.a3-disclose__summary {
  cursor: pointer;
  list-style: none;
  padding: var(--a3-space-4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3-space-3);
  font-weight: var(--a3-weight-medium);
  min-height: var(--a3-touch-min);
}
.a3-disclose__summary::-webkit-details-marker {
  display: none;
}
.a3-disclose__summary::after {
  content: "+";
  font-family: var(--a3-font-numeric);
  color: var(--a3-text-muted);
  flex: 0 0 auto;
}
.a3-disclose[open] .a3-disclose__summary::after {
  content: "-";
}
.a3-disclose__summary:focus-visible {
  outline: var(--a3-focus-ring);
  outline-offset: -2px;
}
.a3-disclose__body {
  padding: 0 var(--a3-space-4) var(--a3-space-4);
  color: var(--a3-text-secondary);
}
.a3-disclose__hint {
  display: block;
  font-weight: var(--a3-weight-regular);
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-steps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-3);
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: a3-step;
}
.a3-steps__step {
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  color: var(--a3-text-muted);
  font-size: var(--a3-text-sm);
  min-width: 0;
}
.a3-steps__step::before {
  counter-increment: a3-step;
  content: counter(a3-step);
  font-family: var(--a3-font-numeric);
  font-size: var(--a3-text-xs);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--a3-border-strong);
  flex: 0 0 auto;
}
.a3-steps__step[aria-current="step"] {
  color: var(--a3-text);
  font-weight: var(--a3-weight-semibold);
}
.a3-steps__step[aria-current="step"]::before {
  background: var(--a3-primary-600);
  border-color: var(--a3-primary-600);
  color: var(--a3-text-on-action);
}
.a3-steps__step[data-a3-step="done"]::before {
  background: var(--a3-primary-100);
  border-color: var(--a3-primary-600);
  color: var(--a3-primary-700);
}
.a3-empty__figure {
  width: 100%;
  max-width: 12rem;
  height: auto;
  margin: 0 auto var(--a3-space-4);
  display: block;
  color: var(--a3-border-strong);
}
.a3-shopcard {
  position: relative;
  display: block;
aspect-ratio: 2.6 / 1;
  display: flex;
  flex-direction: column;
  border-radius: var(--a3-radius-lg);
  overflow: hidden;
  background: var(--a3-material, var(--a3-bg-sunken));
  color: var(--a3-text-on-material);
  text-decoration: none;
  isolation: isolate;
}
.a3-shopcard:focus-visible { outline: var(--a3-focus-ring); outline-offset: 3px; }
.a3-shopcard__cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
object-fit: cover;
  object-position: center;
  background: rgba(0, 0, 0, 0.18);
}
.a3-shopcard__id {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
}
.a3-shopcard::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
[data-a3-cover="shaded"] .a3-shopcard::before {
  background: linear-gradient(90deg,
    rgba(0,0,0,.90) 0%, rgba(0,0,0,.74) 34%, rgba(0,0,0,.28) 64%, rgba(0,0,0,.04) 100%);
}
[data-a3-cover="mockup"] .a3-shopcard::before {
  background: var(--a3-material, transparent);
  mix-blend-mode: multiply;
  opacity: 0.82;
}
[data-a3-cover="mockup"] .a3-shopcard__body {
  background: linear-gradient(90deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.12) 40%, rgba(0,0,0,0) 72%);
}
.a3-shopcard__body {
  display: grid;
  gap: clamp(0.2rem, 1vw, 0.55rem);
  align-content: center;
  justify-items: start;
flex: 1;
  min-height: 0;
  padding: clamp(0.7rem, 2.6vw, 1.5rem) clamp(0.75rem, 3.3vw, 2rem);
}
.a3-shopcard__logo {
width: clamp(1.9rem, 6.6vw, 3.75rem);
  height: clamp(1.9rem, 6.6vw, 3.75rem);
  flex: none;
  border-radius: var(--a3-radius-md);
  object-fit: cover;
  display: grid;
  place-items: center;
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-lg);
  letter-spacing: 0.02em;
  background: rgba(255,255,255,.16);
  color: inherit;
}
.a3-shopcard__name {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: clamp(1.05rem, 4.4vw, 2.5rem);
  line-height: 1.04;
  letter-spacing: -0.01em;
  margin: 0;
  overflow-wrap: anywhere;
}
.a3-shopcard__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-1);
  font-size: clamp(0.68rem, 1.55vw, 0.88rem);
  padding: clamp(2px, 0.6vw, 6px) clamp(7px, 1.5vw, 14px);
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: inherit;
}
.a3-shopcard__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  max-width: 24ch;
  opacity: .92;
}
.a3-shopcard__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-2);
  padding: 10px 20px;
  border-radius: 999px;
  background: var(--a3-white);
  color: var(--a3-text);
  font-weight: var(--a3-weight-medium);
  font-size: var(--a3-text-sm);
  min-height: var(--a3-touch-min);
  box-sizing: border-box;
}
.a3-shopcard__cta--go {
  justify-content: center;
  width: 100%;
  background: var(--a3-primary-600);
  color: var(--a3-text-on-action);
  border-radius: var(--a3-radius-md);
}
.a3-empty__figure--icon { max-width: 7rem; }
.a3-empty__figure--icon > .a3-icon { width: 100%; height: auto; }
.a3-shopcard__strip {
  flex: none;
  background: rgba(0,0,0,.46);
  padding: clamp(0.4rem, 1.4vw, 0.9rem) clamp(0.6rem, 2.2vw, 1.3rem);
}
.a3-shopcard__strip .a3-claims {
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
.a3-shopcard__strip .a3-claims__title { font-size: clamp(0.7rem, 1.45vw, 0.86rem); }
.a3-shopcard__strip .a3-claims__text { font-size: clamp(0.64rem, 1.3vw, 0.78rem); }
@media (min-width: 30rem) {
  .a3-shopcard__strip .a3-claims__title,
  .a3-shopcard__strip .a3-claims__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.a3-shopcard__strip .a3-claims__text,
.a3-shopcard__strip .a3-claims__source { color: inherit; opacity: .78; }
.a3-shopcard__strip .a3-claims__item {
  grid-template-columns: auto 1fr;
  column-gap: var(--a3-space-2);
  align-items: center;
}
.a3-shopcard__strip .a3-icon { grid-row: span 2; opacity: .9; }
@media (min-width: 30rem) {
  .a3-shopcard__strip .a3-claims {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
.a3-shopcard__strip .a3-claims__item + .a3-claims__item {
    border-left: 1px solid rgba(255,255,255,.22);
    padding-left: var(--a3-space-4);
    margin-left: var(--a3-space-4);
  }
}
.a3-shopcard .a3-reputation--pill {
  position: absolute;
  top: var(--a3-space-4);
  right: var(--a3-space-4);
  z-index: 1;
  background: rgba(0,0,0,.55);
  color: var(--a3-white);
}
.a3-shopcard .a3-reputation__mark { color: var(--a3-rating-mark); }
.a3-productrow {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: var(--a3-space-4);
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-raised);
  color: inherit;
  text-decoration: none;
  align-items: center;
}
.a3-productrow:focus-visible {
  outline: var(--a3-focus-ring);
  outline-offset: 2px;
}
.a3-productrow__media {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: var(--a3-radius-sm);
  overflow: hidden;
  background: var(--a3-material, var(--a3-bg-sunken));
}
.a3-productrow__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.a3-productrow__body {
  display: grid;
  gap: var(--a3-space-1);
  min-width: 0;
}
.a3-productrow__name {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-lg);
  margin: 0;
  overflow-wrap: anywhere;
}
.a3-productrow__shop {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-productrow__price {
  font-family: var(--a3-font-body);
  font-size: var(--a3-text-xl);
  font-weight: var(--a3-weight-semibold);
  margin-top: var(--a3-space-2);
}
.a3-productrow__actions {
  display: flex;
  gap: var(--a3-space-2);
  margin-top: var(--a3-space-2);
  flex-wrap: wrap;
}
@media (min-width: 40rem) {
  .a3-productrow {
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: var(--a3-space-5);
    padding: var(--a3-space-5);
  }
}
.a3-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--a3-space-4);
  align-items: center;
  padding: var(--a3-space-6) var(--a3-space-5);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-primary-100);
  margin-bottom: var(--a3-space-5);
}
.a3-banner__title {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-2xl);
  letter-spacing: -0.02em;
  margin: 0 0 var(--a3-space-2);
  text-wrap: balance;
}
.a3-banner__text {
  margin: 0;
  color: var(--a3-text-secondary);
  max-width: 46ch;
}
.a3-banner__art {
  width: 100%;
  max-width: 9rem;
  height: auto;
  justify-self: center;
  color: var(--a3-primary-600);
}
@media (min-width: 40rem) {
  .a3-banner {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--a3-space-7) var(--a3-space-7);
  }
  .a3-banner__art { max-width: 11rem; justify-self: end; }
}
.a3-panel {
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
  padding: var(--a3-space-6) var(--a3-space-5);
  display: grid;
  gap: var(--a3-space-5);
  max-width: 34rem;
  margin: 0 auto;
}
.a3-panel__head {
  display: grid;
  gap: var(--a3-space-2);
}
.a3-panel__title {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-2xl);
  letter-spacing: -0.02em;
  margin: 0;
  text-wrap: balance;
}
.a3-panel__sub {
  margin: 0;
  color: var(--a3-text-secondary);
}
@media (min-width: 40rem) {
  .a3-panel { padding: var(--a3-space-7); }
}
.a3-listrow {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  padding: var(--a3-space-4) var(--a3-space-2);
  border-top: 1px solid var(--a3-border);
  color: inherit;
  text-decoration: none;
  min-height: var(--a3-touch-min);
}
.a3-listrow:first-of-type { border-top: 0; }
.a3-listrow:focus-visible { outline: var(--a3-focus-ring); outline-offset: -2px; }
.a3-listrow__body { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
.a3-listrow__title { font-weight: var(--a3-weight-medium); }
.a3-listrow__text { font-size: var(--a3-text-sm); color: var(--a3-link); }
.a3-listrow__chev { color: var(--a3-text-muted); flex: 0 0 auto; }
.a3-reputation--pill {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-1);
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--a3-bg-inverse);
  color: var(--a3-text-inverse);
  font-size: var(--a3-text-xs);
  white-space: nowrap;
}
.a3-reputation--pill .a3-reputation__band {
  color: inherit;
  font-size: var(--a3-text-xs);
}
.a3-reputation--pill .a3-reputation__volume {
  color: inherit;
  opacity: 0.75;
}
.a3-reputation__mark {
  flex: 0 0 auto;
  line-height: 1;
}
.a3-icon {
  width: var(--a3-icon-md);
  height: var(--a3-icon-md);
  flex: 0 0 auto;
vertical-align: -0.18em;
}
.a3-icon--sm { width: var(--a3-icon-sm); height: var(--a3-icon-sm); }
.a3-icon--lg { width: var(--a3-icon-lg); height: var(--a3-icon-lg); }
.a3-btn .a3-icon { margin-right: var(--a3-space-2); }
.a3-listrow .a3-icon { color: var(--a3-text-muted); }
.a3-listrow__mark .a3-icon { color: inherit; }
.a3-panel { position: relative; overflow: hidden; }
.a3-panel > form .a3-btn--primary { width: 100%; }
.a3-panel > * { position: relative; z-index: 1; }
.a3-panel__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5rem;
  z-index: 0;
  pointer-events: none;
}
.a3-panel__wave svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--a3-primary-100);
  opacity: 0.55;
}
.a3-authority {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-areas:
    "mark surface title"
    "basis basis basis";
  align-items: center;
  column-gap: var(--a3-space-3);
  row-gap: 2px;
  padding: var(--a3-space-3) var(--a3-space-4);
}
.a3-authority .a3-brand { grid-area: mark; }
.a3-authority__surface { grid-area: surface; }
.a3-authority__scope { grid-area: title; }
.a3-authority__basis { grid-area: basis; font-size: var(--a3-text-xs); }
.a3-authority .a3-brand[data-a3-brand="pending"] {
  color: var(--a3-surface-accent, var(--a3-primary-600));
  font-size: var(--a3-text-xl);
  letter-spacing: -0.02em;
}
.a3-authority .a3-brand[data-a3-brand="pending"]::after { display: none; }
.a3-authority__scope {
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-sm);
}
@media (min-width: 40rem) {
  .a3-authority { padding: var(--a3-space-3) var(--a3-space-6); }
}
.a3-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--a3-space-5);
  padding: 0 var(--a3-space-4);
  background: var(--a3-bg-raised);
  border-bottom: 1px solid var(--a3-border);
  overflow-x: auto;
}
.a3-nav__link {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-2);
  padding: var(--a3-space-4) 0;
  min-height: var(--a3-touch-min);
  border-bottom: 2px solid transparent;
  color: var(--a3-text-secondary);
  text-decoration: none;
  white-space: nowrap;
  background: none;
  border-left: 0; border-right: 0; border-top: 0;
  font: inherit;
  cursor: pointer;
}
.a3-nav__link:hover { color: var(--a3-text); }
.a3-nav__link[aria-current="page"] {
  color: var(--a3-surface-accent, var(--a3-primary-600));
  border-bottom-color: var(--a3-surface-accent, var(--a3-primary-600));
  font-weight: var(--a3-weight-medium);
}
.a3-nav__link:focus-visible { outline: var(--a3-focus-ring); outline-offset: -2px; }
.a3-nav__form { display: contents; }
@media (min-width: 40rem) {
  .a3-nav { padding: 0 var(--a3-space-6); }
}
.a3-masthead {
  background: var(--a3-primary-100);
  padding: var(--a3-space-5) var(--a3-space-4);
}
.a3-masthead .a3-row {
  display: flex;
  gap: var(--a3-space-3);
  align-items: center;
  max-width: 56rem;
  margin: 0 auto;
}
.a3-masthead .a3-search__field {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.a3-masthead .a3-input {
  border-radius: 999px;
  padding-left: var(--a3-space-5);
  min-height: var(--a3-touch-min);
  background: var(--a3-bg-raised);
  border-color: transparent;
  width: 100%;
}
.a3-masthead .a3-btn {
  border-radius: 999px;
  padding-left: var(--a3-space-6);
  padding-right: var(--a3-space-6);
  min-height: var(--a3-touch-min);
  white-space: nowrap;
}
@media (min-width: 40rem) {
  .a3-masthead { padding: var(--a3-space-6); }
}
.a3-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a3-space-2) var(--a3-space-4);
  padding: var(--a3-space-6) var(--a3-space-4);
  margin-top: var(--a3-space-8);
  background: var(--a3-bg-raised);
  border-top: 1px solid var(--a3-border);
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-footer > span:first-child {
  color: var(--a3-surface-accent, var(--a3-primary-600));
  font-weight: var(--a3-weight-semibold);
}
.a3-footer a {
  color: var(--a3-link);
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-target-inline-min);
}
@media (min-width: 40rem) {
  .a3-footer { padding: var(--a3-space-6); }
}
.a3-authority__control {
  grid-area: control;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--a3-touch-min);
  min-height: var(--a3-touch-min);
  border-radius: 999px;
  color: var(--a3-text-secondary);
  text-decoration: none;
}
.a3-authority__control:hover { color: var(--a3-text); }
.a3-authority__control:focus-visible { outline: var(--a3-focus-ring); outline-offset: -2px; }
.a3-authority__control .a3-icon { width: var(--a3-icon-lg); height: var(--a3-icon-lg); }
.a3-authority {
  grid-template-columns: auto auto 1fr auto;
  grid-template-areas:
    "mark surface title control"
    "basis basis basis basis";
}
.a3-pagehead {
  display: flex;
  align-items: center;
  gap: var(--a3-space-4);
  margin-bottom: var(--a3-space-5);
}
.a3-pagehead__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
  flex: 0 0 auto;
}
.a3-pagehead__mark .a3-icon { width: var(--a3-icon-lg); height: var(--a3-icon-lg); }
.a3-pagehead h1 { margin: 0; }
.a3-pagehead__text {
  margin: 2px 0 0;
  color: var(--a3-text-muted);
  font-size: var(--a3-text-sm);
}
[data-a3-tone="light"] {
  color: var(--a3-text);
}
.a3-shopcard[data-a3-tone="light"]::before,
.a3-hero[data-a3-tone="light"]::after {
  background: linear-gradient(100deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.58) 45%, rgba(255,255,255,.18) 100%);
}
.a3-hero[data-a3-tone="light"]::after {
  background: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.62) 55%, rgba(255,255,255,.86) 100%);
}
[data-a3-tone="light"] .a3-shopcard__cta {
  background: var(--a3-bg-inverse);
  color: var(--a3-text-inverse);
}
[data-a3-tone="light"] .a3-shopcard__logo,
[data-a3-tone="light"] .a3-shopcard__tag {
  background: rgba(0,0,0,.10);
}
[data-a3-tone="light"] .a3-shopcard__strip {
  background: rgba(0,0,0,.06);
}
[data-a3-tone="light"] .a3-shopcard__strip .a3-claims__item + .a3-claims__item {
  border-left-color: rgba(0,0,0,.18);
}
.a3-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-2);
  border: 0;
  padding: 0;
  margin: var(--a3-space-2) 0 0;
}
.a3-gallery legend { padding: 0; }
.a3-gallery__choice {
  display: inline-flex;
  cursor: pointer;
}
.a3-gallery__choice input {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%);
  white-space: nowrap; border: 0;
}
.a3-gallery__glyph,
.a3-gallery__none {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--a3-touch-min);
  min-height: var(--a3-touch-min);
  padding: 0 var(--a3-space-2);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-sm);
  background: var(--a3-bg-raised);
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-xs);
}
.a3-gallery__choice input:checked + .a3-gallery__glyph,
.a3-gallery__choice input:checked + .a3-gallery__none {
  border-color: var(--a3-primary-600);
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-gallery__choice input:focus-visible + .a3-gallery__glyph,
.a3-gallery__choice input:focus-visible + .a3-gallery__none {
  outline: var(--a3-focus-ring);
  outline-offset: 2px;
}
.a3-grid--shops {
  grid-template-columns: 1fr;
}
@media (max-width: 30rem) {
.a3-shopcard__logo { width: 1.6rem; height: 1.6rem; border-radius: 0.4rem; font-size: 0.6rem; }
  .a3-shopcard__name { font-size: 1.05rem; }
  .a3-shopcard__tag { font-size: 0.56rem; padding: 1px 7px; }
  .a3-shopcard__body { gap: 0.18rem; padding: 0.5rem 34% 0.4rem 0.7rem; }
.a3-shopcard__text {
font-size: var(--a3-text-2xs);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
.a3-shopcard__cta {
    min-height: 0;
    padding: 5px 12px;
    font-size: 0.62rem;
    gap: 0.25rem;
  }
  .a3-shopcard__cta .a3-icon { width: 0.7rem; height: 0.7rem; }
  .a3-shopcard__strip { padding: 0.3rem 0.6rem; }
.a3-shopcard__strip .a3-claims__text { display: none; }
  .a3-shopcard__strip .a3-claims__title { font-size: 0.56rem; }
  .a3-shopcard__strip .a3-icon { width: 0.75rem; height: 0.75rem; }
}
.a3-brand[data-a3-brand="mark"] { display: inline-flex; align-items: center; }
:root { --a3-brand-mark-height: 44px; --a3-brand-mark-height-compact: 34px; }
.a3-brand__mark {
  height: var(--a3-brand-mark-height);
  width: auto;
  max-width: var(--a3-brand-max-width);
  display: block;
}
@media (max-width: 640px) {
  .a3-brand__mark { height: var(--a3-brand-mark-height-compact); }
}
:where(img, picture, svg, video) {
  max-width: 100%;
}
:where(img, video) {
  height: auto;
}
.a3-illustration {
  display: block;
  max-width: 100%;
  height: auto;
}
.a3-panel__head--art {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--a3-space-3);
  align-items: center;
}
.a3-panel__art {
  display: block;
  width: 100%;
  max-width: 9rem;
  height: auto;
  justify-self: center;
}
@media (min-width: 30rem) {
  .a3-panel__head--art { grid-template-columns: 1fr auto; }
  .a3-panel__art { max-width: 10rem; justify-self: end; }
}
.a3-notice-row {
  display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--a3-space-3);
  align-items: start;
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-raised);
}
.a3-notice-row + .a3-notice-row { margin-top: var(--a3-space-3); }
.a3-notice-row__mark,
.a3-listrow__mark,
.a3-sharecard__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
  flex: 0 0 auto;
}
.a3-listrow__mark,
.a3-sharecard__mark { width: 3rem; height: 3rem; }
.a3-notice-row__body { display: grid; gap: 2px; min-width: 0; }
.a3-notice-row__title {
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-primary-700);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.a3-notice-row--seen .a3-notice-row__title {
  font-weight: var(--a3-weight-medium);
  color: var(--a3-text);
}
.a3-notice-row__title:hover { text-decoration: underline; }
.a3-notice-row__opens { display: contents; }
button.a3-notice-row__title {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-weight: var(--a3-weight-semibold);
  text-align: start;
  cursor: pointer;
  justify-self: start;
}
.a3-notice-row--seen button.a3-notice-row__title { font-weight: var(--a3-weight-medium); }
.a3-notice-row__state {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--a3-space-2);
}
@media (min-width: 40rem) {
  .a3-notice-row__state { flex-direction: row; align-items: center; justify-content: flex-end; gap: var(--a3-space-3); }
}
@media (min-width: 60rem) {
  .a3-notice-row {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: var(--a3-space-4);
  }
.a3-notice-row__body { display: contents; }
  .a3-notice-row__title { grid-column: 2; }
  .a3-notice-row__when { grid-column: 3; justify-self: end; white-space: nowrap; }
  .a3-notice-row__state { grid-column: 4; }
.a3-notice-row__body > .a3-card-link__meta:not(.a3-notice-row__when) {
    grid-column: 2 / -1;
    grid-row: 2;
  }
.a3-notice-row__where { display: none; }
}
.a3-search__field { position: relative; display: flex; align-items: center; }
.a3-search__glyph {
  position: absolute;
  inset-inline-start: var(--a3-space-4);
  display: inline-flex;
  color: var(--a3-text-muted);
  pointer-events: none;
}
.a3-input--search { padding-inline-start: calc(var(--a3-space-4) * 2 + var(--a3-icon-md)); }
.a3-masthead .a3-input--search { padding-left: calc(var(--a3-space-4) * 2 + var(--a3-icon-md)); }
.a3-menu {
  background: var(--a3-bg-raised);
  border-bottom: 1px solid var(--a3-border);
}
.a3-menu__toggle {
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  padding: var(--a3-space-3) var(--a3-space-4);
  min-height: var(--a3-touch-min);
  cursor: pointer;
  list-style: none;
  color: var(--a3-text-secondary);
}
.a3-menu__toggle::-webkit-details-marker { display: none; }
.a3-menu__toggle::after {
  content: "Menu";
  font-size: var(--a3-text-sm);
}
.a3-menu[open] .a3-menu__toggle::after { content: "Close"; }
.a3-menu__toggle:focus-visible { outline: var(--a3-focus-ring); outline-offset: -2px; }
.a3-menu .a3-nav { border-bottom: 0; }
@media (min-width: 48rem) {
.a3-menu__toggle { display: none; }
.a3-menu::details-content {
    content-visibility: visible;
    block-size: auto;
  }
  .a3-menu .a3-nav { display: flex; }
}
.a3-choices {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.a3-choices__legend {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: var(--a3-space-2);
}
.a3-choices__heading {
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-choices__grid {
  display: grid;
  gap: var(--a3-space-3);
  margin-top: var(--a3-space-4);
  grid-template-columns: 1fr;
}
@media (min-width: 40rem) {
  .a3-choices__grid { grid-template-columns: repeat(3, 1fr); }
}
.a3-choice { display: block; min-width: 0; cursor: pointer; }
.a3-choice > input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.a3-choice__box {
  display: grid;
  gap: var(--a3-space-2);
  justify-items: start;
  height: 100%;
  padding: var(--a3-space-4);
  padding-right: calc(var(--a3-space-4) + 1.6rem);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
  position: relative;
}
.a3-choice__glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-choice__glyph .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-choice__title {
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-choice__text {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-choice__pill {
  margin-top: auto;
  font-size: var(--a3-text-xs);
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--a3-bg-sunken);
  color: var(--a3-text-secondary);
}
.a3-choice > input:checked + .a3-choice__box {
  border-color: var(--a3-primary-600);
  box-shadow: inset 0 0 0 1px var(--a3-primary-600);
}
.a3-choice > input:checked + .a3-choice__box .a3-choice__title { color: var(--a3-primary-700); }
.a3-choice > input:checked + .a3-choice__box .a3-choice__pill {
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-choice__box::after {
  content: "";
  position: absolute;
  top: var(--a3-space-4);
  right: var(--a3-space-4);
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 999px;
  border: 2px solid var(--a3-border-strong);
}
.a3-choice > input:checked + .a3-choice__box::after {
  border-color: var(--a3-primary-600);
  background: radial-gradient(circle, var(--a3-primary-600) 0 45%, transparent 46%);
}
.a3-choice > input:focus-visible + .a3-choice__box {
  outline: var(--a3-focus-ring);
  outline-offset: 2px;
}
.a3-chip--required {
  font-size: var(--a3-text-xs);
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-chip--choice {
  font-size: var(--a3-text-sm);
  padding: 3px 11px;
  border-radius: 999px;
  background: var(--a3-bg-sunken);
  color: var(--a3-text);
}
.a3-steps__body { display: grid; min-width: 0; }
.a3-steps__label { font-weight: var(--a3-weight-medium); }
.a3-steps__hint {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
  font-weight: var(--a3-weight-regular);
}
.a3-steps__step { align-items: flex-start; }
.a3-steps__step::before { margin-top: 1px; }
.a3-pagehead--stacked {
  display: block;
}
.a3-pagehead--stacked .a3-pagehead__text {
  max-width: 46ch;
}
.a3-withrail {
  display: grid;
  gap: var(--a3-space-6);
  grid-template-columns: 1fr;
  align-items: start;
}
.a3-withrail__main { display: grid; gap: var(--a3-space-6); min-width: 0; align-content: start; }
.a3-withrail__side { display: grid; gap: var(--a3-space-4); min-width: 0; align-content: start; }
@media (min-width: 60rem) {
  .a3-withrail { grid-template-columns: minmax(0, 1fr) 20rem; }
}
.a3-rail {
  display: grid;
  gap: 0;
  align-content: start;
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
  min-width: 0;
}
.a3-rail__block { padding: var(--a3-space-4); border-top: 1px solid var(--a3-border); }
.a3-rail__block:first-child { border-top: 0; }
.a3-rail__title {
  font-size: var(--a3-text-sm);
  font-weight: var(--a3-weight-semibold);
  margin: 0 0 var(--a3-space-2);
  color: var(--a3-text);
}
.a3-rail__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3-space-3);
  flex-wrap: wrap;
  margin: 0;
}
.a3-rail__note {
  display: flex;
  gap: var(--a3-space-3);
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-rail__glyph { color: var(--a3-text-muted); flex: 0 0 auto; }
.a3-rail__figures {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--a3-space-2) var(--a3-space-3);
  margin: 0 0 var(--a3-space-3);
  font-size: var(--a3-text-sm);
}
.a3-rail__figures dt { color: var(--a3-text-muted); min-width: 0; }
.a3-rail__figures dd {
  margin: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--a3-text);
}
.a3-panel--assure {
  display: flex;
  gap: var(--a3-space-3);
  align-items: flex-start;
max-width: none;
  margin: 0;
  padding: var(--a3-space-4);
}
.a3-panel--assure .a3-panel__title { margin: 0 0 4px; font-size: var(--a3-text-md); }
.a3-panel--assure p { margin: 0; font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-panel__glyph { color: var(--a3-primary-700); flex: 0 0 auto; }
.a3-flow__list {
  display: grid;
  gap: var(--a3-space-4);
  grid-template-columns: 1fr;
  list-style: none;
  margin: var(--a3-space-4) 0 0;
  padding: 0;
}
@media (min-width: 46rem) {
  .a3-flow__list { grid-template-columns: repeat(4, 1fr); }
}
.a3-flow__step {
  display: grid;
  gap: var(--a3-space-2);
  justify-items: start;
  align-content: start;
  min-width: 0;
}
.a3-flow__n {
  font-family: var(--a3-font-numeric);
  font-size: var(--a3-text-xs);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-flow__glyph { color: var(--a3-primary-700); }
.a3-flow__glyph .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-flow__title { font-weight: var(--a3-weight-semibold); font-size: var(--a3-text-sm); }
.a3-flow__text { font-size: var(--a3-text-sm); color: var(--a3-text-muted); }
.a3-shoplist {
  display: grid;
  gap: var(--a3-space-3);
  list-style: none;
  margin: 0;
  padding: 0;
}
.a3-shopitem {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--a3-space-2) var(--a3-space-4);
  align-items: center;
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
}
@media (min-width: 30rem) {
  .a3-shopitem { grid-template-columns: auto minmax(0, 1fr) auto; }
}
.a3-shopitem__mark {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  object-fit: cover;
  background: var(--a3-primary-100);
  flex: 0 0 auto;
}
.a3-shopitem__mark--glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--a3-primary-700);
}
.a3-shopitem__mark--glyph .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-shopitem__body { min-width: 0; }
.a3-shopitem__head {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  flex-wrap: wrap;
  margin: 0 0 4px;
}
.a3-shopitem__name {
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-primary-700);
  text-decoration: none;
display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-right: var(--a3-space-2);
}
.a3-shopitem__name:hover { text-decoration: underline; }
.a3-shopitem__address {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
overflow-wrap: anywhere;
}
.a3-shopitem__actions {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-2);
  justify-self: start;
}
.a3-shopitem__manage { justify-content: center; }
.a3-shopitem__open {
  gap: var(--a3-space-2);
  border: 1px solid var(--a3-border-strong);
}
@media (min-width: 30rem) {
  .a3-shopitem__actions { grid-column: 3; grid-row: 1; flex-direction: column; align-items: stretch; justify-self: end; }
}
.a3-filters {
  display: flex;
  gap: var(--a3-space-2);
  overflow-x: auto;
max-width: 100%;
  padding-bottom: var(--a3-space-1);
  scrollbar-width: thin;
}
.a3-filters__tab {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-2);
  flex: 0 0 auto;
  padding: var(--a3-space-2) var(--a3-space-3);
  min-height: var(--a3-touch-min);
border-radius: 999px;
  border: 1px solid var(--a3-border);
  background: var(--a3-bg-raised);
  color: var(--a3-text-muted);
  text-decoration: none;
  font-size: var(--a3-text-sm);
  white-space: nowrap;
}
.a3-filters__tab:hover { border-color: var(--a3-border-strong); }
.a3-filters__tab:focus-visible { outline: var(--a3-focus-ring); outline-offset: 2px; }
.a3-filters__tab[aria-current="page"] {
  color: var(--a3-primary-700);
  border-color: var(--a3-primary-600);
  font-weight: var(--a3-weight-semibold);
}
.a3-filters__count {
  font-size: var(--a3-text-2xs);
  color: var(--a3-text-muted);
}
.a3-orders {
  display: grid;
  gap: var(--a3-space-4);
}
.a3-orders__head {
  display: flex;
  align-items: center;
  gap: var(--a3-space-4);
  padding: var(--a3-space-5);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-sunken);
  margin-bottom: var(--a3-space-5);
}
.a3-orders__head h1 { margin: 0; }
.a3-orders__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-raised);
  color: var(--a3-primary-700);
  flex: 0 0 auto;
}
.a3-orders__mark .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-orders__sub {
  margin: 2px 0 0;
  color: var(--a3-text-muted);
  font-size: var(--a3-text-sm);
}
.a3-orders__list {
  display: grid;
  gap: var(--a3-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}
.a3-orderrow { min-width: 0; }
.a3-orderrow__link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--a3-space-2) var(--a3-space-3);
  padding: var(--a3-space-3) var(--a3-space-4);
  min-height: var(--a3-touch-min);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
  color: inherit;
  text-decoration: none;
}
.a3-orderrow__link:hover { border-color: var(--a3-border-strong); }
.a3-orderrow__link:focus-visible { outline: var(--a3-focus-ring); outline-offset: 2px; }
.a3-orderrow__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--a3-radius-md);
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
  flex: 0 0 auto;
}
.a3-orderrow__mark .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-orderrow__mark--shot {
  object-fit: cover;
  background: var(--a3-bg-sunken);
  padding: 0;
}
.a3-orderrow__body { display: grid; min-width: 0; }
.a3-orderrow__title {
  font-weight: var(--a3-weight-semibold);
overflow-wrap: anywhere;
}
.a3-orderrow__meta {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-orderrow__chev { color: var(--a3-text-muted); flex: 0 0 auto; }
.a3-orderitem {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--a3-space-3);
  min-width: 0;
}
.a3-orderitem__shot {
  width: 3rem;
  height: 3rem;
  border-radius: var(--a3-radius-md);
  object-fit: cover;
  background: var(--a3-bg-sunken);
  flex: 0 0 auto;
}
.a3-orderitem__shot--none {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--a3-text-muted);
}
.a3-orderitem__name { overflow-wrap: anywhere; font-weight: var(--a3-weight-regular); }
.a3-timeline { display: block; }
.a3-timeline__list {
  display: grid;
  gap: var(--a3-space-4);
  list-style: none;
  margin: 0;
  padding: 0;
}
.a3-timeline__step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--a3-space-3);
  position: relative;
}
.a3-timeline__step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: calc(var(--a3-icon-md) / 2);
  top: var(--a3-icon-md);
  bottom: calc(var(--a3-space-4) * -1);
  width: 2px;
  background: var(--a3-border);
  transform: translateX(-1px);
}
.a3-timeline__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--a3-icon-md);
  height: var(--a3-icon-md);
  border-radius: 50%;
  border: 2px solid var(--a3-border);
  background: var(--a3-bg-raised);
  color: var(--a3-bg-raised);
  flex: 0 0 auto;
position: relative;
  z-index: 1;
}
.a3-timeline__mark .a3-icon { width: 0.75rem; height: 0.75rem; }
.a3-timeline__body { display: grid; min-width: 0; }
.a3-timeline__label { overflow-wrap: anywhere; }
.a3-timeline__at {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-timeline__note {
  font-size: var(--a3-text-2xs);
  color: var(--a3-text-muted);
  align-self: center;
}
.a3-timeline__step[data-a3-state="done"] .a3-timeline__mark,
.a3-timeline__step[data-a3-state="skipped"] .a3-timeline__mark {
  background: var(--a3-primary-600);
  border-color: var(--a3-primary-600);
  color: var(--a3-text-on-action);
}
.a3-timeline__step[data-a3-state="skipped"] .a3-timeline__mark {
  background: var(--a3-border-strong);
  border-color: var(--a3-border-strong);
}
.a3-timeline__step[data-a3-state="now"] .a3-timeline__mark {
  border-color: var(--a3-primary-600);
  box-shadow: 0 0 0 3px var(--a3-primary-100);
}
.a3-timeline__step[data-a3-state="now"] .a3-timeline__label {
  font-weight: var(--a3-weight-semibold);
}
.a3-timeline__step[data-a3-state="todo"] .a3-timeline__label { color: var(--a3-text-muted); }
.a3-orderref {
  color: var(--a3-text-muted);
  font-size: var(--a3-text-sm);
  font-weight: var(--a3-weight-regular);
  overflow-wrap: anywhere;
}
@media (max-width: 30rem) {
  .a3-orderrow__link { grid-template-columns: auto minmax(0, 1fr); }
  .a3-orderrow__link .a3-status { grid-column: 2; justify-self: start; }
  .a3-orderrow__chev { display: none; }
}
.a3-inputwrap { display: block; position: relative; }
.a3-inputwrap__glyph {
  position: absolute;
  left: var(--a3-space-3);
  top: 50%;
  transform: translateY(-50%);
  color: var(--a3-text-muted);
  pointer-events: none;
}
.a3-inputwrap__glyph .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-inputwrap--glyph .a3-input { padding-left: calc(var(--a3-space-3) * 2 + var(--a3-icon-md)); }
.a3-inputwrap__glyph--text { color: var(--a3-text); font-weight: var(--a3-weight-medium); }
.a3-inputwrap--currency .a3-input { padding-left: calc(var(--a3-space-3) * 2 + 2.25em); }
.a3-pagehero {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--a3-space-4);
  align-items: center;
  margin-bottom: var(--a3-space-5);
}
.a3-pagehero__text { min-width: 0; }
.a3-pagehero__text h1 { margin: 0 0 var(--a3-space-2); }
.a3-pagehero__text p { margin: 0; }
.a3-pagehero__art { justify-self: center; max-width: 16rem; }
@media (min-width: 44rem) {
  .a3-pagehero { grid-template-columns: minmax(0, 1fr) auto; }
  .a3-pagehero__art { justify-self: end; }
}
.a3-shopbar {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  padding: var(--a3-space-3) var(--a3-space-4);
  border-bottom: 1px solid var(--a3-border);
  background: var(--a3-bg-raised);
  min-width: 0;
}
.a3-shopbar__mark {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--a3-radius-md);
  object-fit: cover;
  flex: 0 0 auto;
}
.a3-shopbar__mark--material[data-a3-material] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
background: var(--a3-material);
  color: var(--a3-text-on-material);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-sm);
}
.a3-shopbar__body { display: grid; min-width: 0; }
.a3-shopbar__name {
  font-weight: var(--a3-weight-semibold);
  overflow-wrap: anywhere;
}
.a3-shopbar__category {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  max-width: 18rem;
}
.a3-hero__eyebrow::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--a3-rating-mark, currentColor);
  opacity: 0.7;
}
.a3-hero__name {
font-size: clamp(2.5rem, 9vw, 4rem);
  font-weight: var(--a3-weight-semibold);
  line-height: 1.02;
  max-width: 14ch;
}
.a3-hero__category {
  margin: 0;
  font-size: var(--a3-text-xl);
  font-weight: var(--a3-weight-regular);
  opacity: 0.95;
}
.a3-hero__rule {
  border: 0;
  height: 1px;
  width: 3rem;
  margin: var(--a3-space-2) 0;
  background: var(--a3-rating-mark, currentColor);
  opacity: 0.9;
}
.a3-hero__summary { max-width: 34ch; }
.a3-hero .a3-claims {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, auto);
  grid-template-columns: none;
align-items: stretch;
  gap: 0;
  margin: clamp(0.6rem, 2vw, 1.25rem) 0 0;
  border: 1px solid color-mix(in srgb, currentColor 26%, transparent);
  border-radius: clamp(0.6rem, 1.7vw, 1.05rem);
background: rgba(0, 0, 0, 0.16);
padding: 0;
  width: fit-content;
  max-width: 100%;
}
.a3-hero .a3-claims__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
column-gap: clamp(0.5rem, 2.1vw, 1.3rem);
  row-gap: 0;
  align-items: center;
padding: clamp(0.5rem, 2vw, 1.2rem) clamp(0.7rem, 2.8vw, 1.7rem);
}
.a3-hero .a3-claims__item + .a3-claims__item {
  border-left: 1px solid color-mix(in srgb, currentColor 26%, transparent);
}
.a3-hero .a3-claims__title { font-size: clamp(0.78rem, 1.75vw, 1.05rem); }
.a3-hero .a3-claims__text { font-size: clamp(0.7rem, 1.5vw, 0.92rem); opacity: 0.88; }
.a3-hero .a3-claims__item > .a3-icon {
  grid-row: 1 / span 2;
  grid-column: 1;
  width: clamp(1.05rem, 3.7vw, 2.15rem);
  height: clamp(1.05rem, 3.7vw, 2.15rem);
  align-self: center;
}
.a3-hero .a3-claims__title { grid-column: 2; }
.a3-hero .a3-claims__text { grid-column: 2; }
.a3-hero .a3-claims__source { margin-bottom: var(--a3-space-2); opacity: 0.85; }
.a3-productrow {
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  align-items: stretch;
}
.a3-productrow__media {
  aspect-ratio: auto;
  border-radius: 0;
  min-height: 11rem;
}
.a3-productrow__media .a3-product-image {
  aspect-ratio: auto;
  height: 100%;
  border-radius: 0;
object-fit: cover;
}
.a3-productrow__body {
  padding: var(--a3-space-4);
  align-content: center;
}
.a3-productrow__name {
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-xl);
  line-height: var(--a3-leading-tight);
}
.a3-productrow__text {
  margin: var(--a3-space-2) 0 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
  overflow-wrap: anywhere;
}
.a3-productrow__price {
  font-size: var(--a3-text-xl);
  color: var(--a3-primary-700);
  font-weight: var(--a3-weight-semibold);
}
.a3-productrow .a3-btn--secondary {
  background: var(--a3-primary-600);
  border-color: var(--a3-primary-600);
  color: var(--a3-text-on-action);
  justify-content: center;
}
@media (max-width: 30rem) {
.a3-hero__inner { justify-content: flex-start; padding-top: 0.6rem; }
  .a3-hero__eyebrow { margin-bottom: 0.2rem; }
  .a3-hero__category { margin-top: 0.1rem; }
  .a3-hero__rule { margin-top: 0.35rem; }
  .a3-hero__summary { margin-top: 0.35rem; }
  .a3-hero .a3-claims__source { margin-top: 0.25rem; }
  .a3-hero .a3-claims { margin-top: 0.4rem; }
  .a3-hero .a3-claims__item { padding-block: 0.32rem; }
}
@media (max-width: 30rem) {
  .a3-productrow { grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); }
  .a3-productrow__media { min-height: 0; }
  .a3-productrow__body { padding: 0.6rem 0.7rem; gap: 0.1rem; }
  .a3-productrow__name { font-size: 1.02rem; line-height: 1.15; }
  .a3-productrow__shop { font-size: 0.68rem; }
  .a3-productrow__text { font-size: 0.72rem; line-height: 1.3; }
  .a3-productrow__price { font-size: 1rem; margin-top: 0.15rem; }
  .a3-productrow__actions { margin-top: 0.3rem; }
.a3-productrow__actions .a3-btn {
    min-height: 0;
    padding: 6px 13px;
    font-size: 0.72rem;
  }
}
.a3-subheading--display {
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-2xl);
  font-weight: var(--a3-weight-semibold);
  letter-spacing: -0.01em;
}
.a3-subheading--strong {
  color: var(--a3-text);
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
}
.a3-sectionhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3-space-3);
  flex-wrap: wrap;
}
.a3-sectionhead > h2 { margin: 0; }
.a3-sortform {
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  min-width: 0;
}
.a3-sortform__label {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.a3-sortform .a3-btn { flex: 0 0 auto; }
.a3-tile {
  flex: 0 0 auto;
  display: grid; place-items: center;
  width: 2.75rem; height: 2.75rem;
  border-radius: var(--a3-radius-md);
  background: color-mix(in srgb, var(--a3-surface-accent) 12%, transparent);
  color: var(--a3-surface-accent);
}
.a3-tile--shot {
  object-fit: cover;
  padding: 0;
  border: 0;
}
.a3-tile--round { border-radius: 999px; }
.a3-tile .a3-icon { width: var(--a3-icon-md); height: var(--a3-icon-md); }
.a3-basket {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: var(--a3-space-3);
}
.a3-basket__line {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: var(--a3-space-3);
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
}
.a3-basket__text {
  flex: 1 1 12ch; min-width: 0;
  display: flex; flex-direction: column; gap: var(--a3-space-1);
}
.a3-basket__name {
  overflow-wrap: anywhere;
  font-weight: var(--a3-weight-semibold);
}
.a3-basket__gone {
font-size: var(--a3-text-sm); color: var(--a3-text-muted);
}
.a3-field--inline { margin: 0; flex: 0 0 auto; }
.a3-basket__qty { display: flex; align-items: center; gap: var(--a3-space-2); flex: 0 0 auto; }
.a3-basket__problem,
.a3-basket__confirm { flex: 1 0 100%; margin: 0; }
.a3-basket__confirm .a3-confirm__title { font-size: var(--a3-text-md); }
.a3-callout {
  display: flex; align-items: flex-start; gap: var(--a3-space-4);
  padding: var(--a3-space-4);
  border-radius: var(--a3-radius-lg);
  background: color-mix(in srgb, var(--a3-surface-accent) 7%, transparent);
}
.a3-callout__text { min-width: 0; }
.a3-callout__title { margin: 0 0 var(--a3-space-1); font-weight: var(--a3-weight-semibold); }
.a3-callout__body { margin: 0; color: var(--a3-text-muted); font-size: var(--a3-text-sm); }
.a3-actions {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--a3-space-3);
}
@media (max-width: 34rem) {
  .a3-table--stacks thead { display: none; }
.a3-table--stacks caption { display: block; width: auto; }
  .a3-table--stacks, .a3-table--stacks tbody, .a3-table--stacks tfoot,
  .a3-table--stacks tr, .a3-table--stacks th, .a3-table--stacks td { display: block; width: auto; }
  .a3-table--stacks tbody tr {
    padding: var(--a3-space-3) var(--a3-space-4);
    border-bottom: 1px solid var(--a3-border);
  }
  .a3-table--stacks tbody th[scope="row"] {
    font-weight: var(--a3-weight-semibold);
    padding: 0 0 var(--a3-space-2);
    border: 0;
  }
  .a3-table--stacks tbody td {
    display: flex; justify-content: space-between; align-items: center;
    gap: var(--a3-space-3);
    padding: var(--a3-space-1) 0;
    border: 0;
    text-align: left;
  }
.a3-table--stacks tbody td::before {
    content: attr(data-label);
    color: var(--a3-text-muted);
    font-size: var(--a3-text-sm);
  }
  .a3-table--stacks tfoot tr {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: var(--a3-space-3);
    padding: var(--a3-space-4);
  }
  .a3-table--stacks tfoot th, .a3-table--stacks tfoot td { padding: 0; border: 0; }
}
.a3-listrow--invite {
  border: 1px dashed var(--a3-border-strong);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-4);
  margin-top: var(--a3-space-4);
}
.a3-listrow--invite:first-of-type { border-top: 1px dashed var(--a3-border-strong); }
.a3-upload-preview {
  display: flex;
  flex-direction: column;
  gap: var(--a3-space-2);
  margin-block: var(--a3-space-3);
}
.a3-upload-preview__image {
  display: block;
  width: 100%;
  max-width: 14rem;
max-height: 12rem;
  width: auto;
  object-fit: contain;
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-sunken);
}
.a3-cover-preview {
  display: block;
  width: 100%;
max-width: 28rem;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  border-radius: var(--a3-radius-md);
background: var(--a3-material, var(--a3-bg-sunken));
}
.a3-grid--tiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--a3-space-3);
}
@media (min-width: 25rem) { .a3-grid--tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 48rem) {
  .a3-grid--tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--a3-space-4); }
}
@media (min-width: 80rem) { .a3-grid--tiles { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.a3-producttile {
  display: flex;
  flex-direction: column;
  gap: var(--a3-space-2);
  padding: var(--a3-space-3);
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  color: inherit;
  text-decoration: none;
}
.a3-producttile:hover { border-color: var(--a3-border-strong, var(--a3-border)); }
.a3-producttile:focus-visible { outline: var(--a3-focus-ring); outline-offset: 2px; }
.a3-producttile .a3-product-image { width: 100%; }
.a3-producttile__name {
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-md);
  line-height: var(--a3-leading-tight);
  overflow-wrap: anywhere;
}
.a3-producttile__shop {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
  overflow-wrap: anywhere;
}
.a3-producttile__price {
  font-family: var(--a3-font-body);
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
  margin-top: auto;
}
.a3-progress {
  display: block;
  width: 100%;
  height: 0.5rem;
  margin-top: var(--a3-space-2);
  border: none;
  border-radius: var(--a3-radius-sm);
  background: var(--a3-bg-sunken);
  accent-color: var(--a3-primary-600);
}
.a3-progress::-webkit-progress-bar {
  background: var(--a3-bg-sunken);
  border-radius: var(--a3-radius-sm);
}
.a3-progress::-webkit-progress-value {
  background: var(--a3-primary-600);
  border-radius: var(--a3-radius-sm);
}
.a3-progress::-moz-progress-bar {
  background: var(--a3-primary-600);
  border-radius: var(--a3-radius-sm);
}
.a3-market-hero {
  position: relative;
  overflow: hidden;
  border-radius: var(--a3-radius-lg);
  background: var(--a3-identity);
  color: var(--a3-text-inverse);
  padding: var(--a3-space-7) var(--a3-space-6);
  display: grid;
  gap: var(--a3-space-5);
}
.a3-market-hero > * { min-width: 0; }
@media (min-width: 60rem) {
  .a3-market-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    padding: var(--a3-space-6);
  }
}
.a3-market-hero__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-2xl);
  line-height: 1.12;
  font-weight: 700;
  color: var(--a3-text-inverse);
text-wrap: balance;
}
@media (min-width: 60rem) {
  .a3-market-hero__title { font-size: var(--a3-text-3xl); }
}
.a3-market-hero__text {
  margin: 0;
  max-width: 34rem;
  color: var(--a3-text-inverse);
opacity: 0.88;
}
.a3-stack--tight { gap: var(--a3-space-1); }
.a3-shopcover {
  padding: 0;
  overflow: hidden;
}
.a3-shopcover__band {
  display: block;
  inline-size: 100%;
  block-size: 7rem;
  object-fit: cover;
}
.a3-shopcover__body {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--a3-space-3);
  align-items: start;
  padding: var(--a3-space-4);
margin-block-start: -2.5rem;
}
.a3-shopcover__mark {
  display: grid;
  place-items: center;
  inline-size: 4.5rem;
  block-size: 4.5rem;
  border-radius: var(--a3-radius-md);
  object-fit: cover;
  background: var(--a3-bg-inverse);
  color: var(--a3-text-inverse);
  font-family: var(--a3-font-display);
  font-weight: var(--a3-weight-semibold);
outline: 3px solid var(--a3-bg-raised);
}
.a3-shopcover__naming { min-width: 0; padding-block-start: var(--a3-space-5); }
.a3-shopcover__name {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
}
.a3-shopcover__acts {
  padding: 0 var(--a3-space-4) var(--a3-space-4);
  gap: var(--a3-space-3);
  flex-wrap: wrap;
}
.a3-shopsection { display: block; }
.a3-shopsection--collapsed { padding: 0; }
.a3-shopsection--collapsed .a3-shopsection__whole {
padding: var(--a3-space-4);
  min-height: var(--a3-touch-min);
}
.a3-shopsection--collapsed .a3-shopsection__whole:focus-visible {
  outline: var(--a3-focus-ring);
  outline-offset: -2px;
}
.a3-shopsection__head {
  display: grid;
grid-template-columns: auto 1fr auto auto;
  gap: var(--a3-space-3);
  align-items: center;
}
.a3-shopsection__glyph {
  display: grid;
  place-items: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border-radius: var(--a3-radius-md);
  background: var(--a3-primary-100);
  color: var(--a3-primary-600);
}
.a3-shopsection__glyph .a3-icon {
  inline-size: 1.35rem;
  block-size: 1.35rem;
}
.a3-shopsection__naming { min-width: 0; }
.a3-shopsection__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-md);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-shopsection__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-shopsection__edit {
  white-space: nowrap;
  align-self: start;
}
.a3-shopsection__chev {
  display: grid;
  place-items: center;
  color: var(--a3-text-muted);
}
.a3-shopsection__chev .a3-icon {
  inline-size: 1.1rem;
  block-size: 1.1rem;
}
.a3-shopsection--collapsed { padding-block: var(--a3-space-4); }
.a3-shopsection__whole {
  display: block;
  color: inherit;
  text-decoration: none;
}
.a3-shopsection__whole:hover .a3-shopsection__title { text-decoration: underline; }
.a3-shopsection__acts {
  margin-top: var(--a3-space-4);
  gap: var(--a3-space-3);
}
.a3-shopsection__empty {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-shopchips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-2);
}
.a3-shopchip {
  padding: var(--a3-space-1) var(--a3-space-3);
border-radius: var(--a3-radius-lg);
  background: var(--a3-primary-100);
  color: var(--a3-primary-600);
  font-size: var(--a3-text-sm);
}
.a3-shopclaims {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--a3-space-3);
}
.a3-shopclaim {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--a3-space-3);
  align-items: start;
}
.a3-shopclaim__glyph {
  display: grid;
  place-items: center;
  color: var(--a3-primary-600);
}
.a3-shopclaim__glyph .a3-icon {
  inline-size: 1.25rem;
  block-size: 1.25rem;
}
.a3-shopclaim__words { display: grid; min-width: 0; }
.a3-shopclaim__title {
  font-weight: var(--a3-weight-semibold);
  font-size: var(--a3-text-sm);
}
.a3-shopclaim__text {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-shoppics {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-3);
  align-items: flex-start;
}
.a3-shoppics__logo {
  inline-size: 5rem;
  block-size: 5rem;
  object-fit: cover;
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-sunken);
}
.a3-shoppics__cover {
  flex: 1 1 12rem;
  min-inline-size: 0;
  block-size: 5rem;
  object-fit: cover;
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-sunken);
}
.a3-market-hero__art {
  display: block;
  position: relative;
height: 9rem;
  width: 100%;
  border-radius: var(--a3-radius-md);
  background: var(--a3-material-market);
order: -1;
}
@media (min-width: 60rem) {
  .a3-market-hero__art {
    align-self: center;
order: 0;
height: 14rem;
    width: 100%;
    border-radius: var(--a3-radius-md);
    background: var(--a3-material-market);
  }
}
.a3-market-hero__search {
  display: flex;
  gap: var(--a3-space-2);
  align-items: center;
  background: var(--a3-bg-raised);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-2) var(--a3-space-3);
  max-width: 34rem;
}
.a3-market-hero__search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: var(--a3-text);
min-height: var(--a3-touch-min);
  padding: var(--a3-space-2) 0;
}
.a3-market-hero__search input::placeholder { color: var(--a3-text-muted); }
.a3-market-hero__search .a3-icon { color: var(--a3-text-muted); flex: none; }
.a3-market-hero__field { position: relative; flex: 1 1 auto; min-width: 0; display: flex; }
.a3-market-hero__field input { width: 100%; }
.a3-market-hero__hint {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  color: var(--a3-text-muted);
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.a3-market-hero__field input:placeholder-shown + .a3-market-hero__hint { display: flex; }
.a3-market-hero__hint-phone { display: none; }
.a3-market-hero__go-icon { display: none; }
.a3-market-hero__go .a3-icon { color: inherit; }
@media (max-width: 59.99rem) {
  .a3-market-hero__hint-wide { display: none; }
  .a3-market-hero__hint-phone { display: inline; }
  .a3-market-hero__go-icon { display: inline-flex; }
.a3-market-hero__go-word {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }
.a3-market-hero__search .a3-btn.a3-market-hero__go { padding-inline: var(--a3-space-3); min-width: var(--a3-touch-min); }
}
.a3-cats {
  display: flex;
  gap: var(--a3-space-4);
  overflow-x: auto;
  padding-block: var(--a3-space-2);
scrollbar-width: thin;
}
.a3-cats--wrap {
  flex-wrap: wrap;
  overflow-x: visible;
  row-gap: var(--a3-space-5);
}
.a3-cat {
  flex: none;
  width: 5.5rem;
  display: grid;
  justify-items: center;
  gap: var(--a3-space-2);
  text-align: center;
  text-decoration: none;
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-xs);
  line-height: 1.25;
}
.a3-cat__tile {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--a3-primary-100);
  color: var(--a3-primary-600);
  border: 1px solid transparent;
}
.a3-cat:hover .a3-cat__tile,
.a3-cat:focus-visible .a3-cat__tile {
  border-color: var(--a3-primary-600);
}
.a3-promoted {
  background: var(--a3-pending-100);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-5);
  display: grid;
  gap: var(--a3-space-4);
}
.a3-promoted__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-2) var(--a3-space-4);
  align-items: baseline;
  justify-content: space-between;
}
.a3-promoted__flag {
  display: inline-block;
  background: var(--a3-pending-600);
  color: var(--a3-text-inverse);
  border-radius: var(--a3-radius-sm);
  padding: 0.125rem var(--a3-space-2);
  font-size: var(--a3-text-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.a3-promoted__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-lg);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-promoted__note {
  margin: 0;
  font-size: var(--a3-text-xs);
  color: var(--a3-text-secondary);
}
.a3-grid-shops {
--a3-shops-across: 2;
  display: grid;
  gap: var(--a3-space-3);
  grid-template-columns: repeat(var(--a3-shops-across), minmax(0, 1fr));
}
@media (min-width: 26rem) {
  .a3-grid-shops { --a3-shops-across: 3; }
}
@media (min-width: 60rem) {
  .a3-grid-shops {
    --a3-shops-across: 4;
    gap: var(--a3-space-4);
  }
}
.a3-grid-promoted {
  --a3-shops-across: 2;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--a3-shops-across) - 0.35) * var(--a3-space-3)) / var(--a3-shops-across));
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-bottom: var(--a3-space-2);
}
.a3-grid-promoted > * { scroll-snap-align: start; }
@media (min-width: 60rem) {
  .a3-grid-promoted {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
  }
}
.a3-promo {
  position: relative;
  background: var(--a3-pending-100);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-3);
}
.a3-promo__flag {
  position: absolute;
  top: calc(var(--a3-space-3) + var(--a3-space-2));
  left: calc(var(--a3-space-3) + var(--a3-space-2));
  z-index: 1;
  background: var(--a3-pending-600);
  color: var(--a3-text-inverse);
  border-radius: var(--a3-radius-sm);
  padding: 0.125rem var(--a3-space-2);
  font-size: var(--a3-text-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.a3-promo__items {
  display: grid;
  gap: var(--a3-space-3);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 40rem) {
  .a3-promo--two .a3-promo__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.a3-promo--one .a3-promo__items {
  max-width: 48rem;
  margin-inline: auto;
}
.a3-promo__item {
  display: grid;
  gap: var(--a3-space-2);
  color: inherit;
  text-decoration: none;
}
.a3-promo__frame {
  aspect-ratio: 16 / 9;
  background: var(--a3-bg-sunken);
  border-radius: var(--a3-radius-md);
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--a3-text-muted);
}
.a3-promo__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.a3-promo__name {
  font-size: var(--a3-text-md);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-shop {
  display: flex;
  flex-direction: column;
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  overflow: hidden;
}
.a3-shop__cover {
  aspect-ratio: 16 / 10;
  background: var(--a3-bg-sunken);
  display: grid;
  place-items: center;
  color: var(--a3-text-muted);
  border-bottom: 1px solid var(--a3-border);
}
.a3-shop__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.a3-shop__body {
  display: grid;
  gap: var(--a3-space-2);
  padding: var(--a3-space-4);
flex: 1 1 auto;
  align-content: start;
}
.a3-shop__name {
  margin: 0;
  font-size: var(--a3-text-md);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-shop__cat {
  margin: 0;
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-shop__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-shop__foot {
  padding: 0 var(--a3-space-4) var(--a3-space-4);
  display: grid;
}
.a3-shop__id {
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  min-width: 0;
}
.a3-shop__logo {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: var(--a3-radius-sm);
  display: grid;
  place-items: center;
  object-fit: cover;
  background: var(--a3-bg-sunken);
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-xs);
  font-weight: 700;
}
.a3-shop__claims { font-size: var(--a3-text-xs); color: var(--a3-text-secondary); }
.a3-nothing {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: var(--a3-space-4);
  padding: var(--a3-space-8) var(--a3-space-4);
}
.a3-nothing__art {
  width: 8rem;
  height: 8rem;
  border-radius: var(--a3-radius-lg);
  background: var(--a3-primary-100);
  display: grid;
  place-items: center;
  color: var(--a3-primary-600);
}
.a3-nothing__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-xl);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-nothing__text {
  margin: 0;
  max-width: 32rem;
  color: var(--a3-text-secondary);
}
.a3-nothing__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-3);
  justify-content: center;
}
.a3-section__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-2) var(--a3-space-4);
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--a3-space-3);
}
.a3-section__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-lg);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-section__more {
  display: inline-flex;
  align-items: center;
min-height: var(--a3-touch-min);
  gap: var(--a3-space-1);
  font-size: var(--a3-text-sm);
  color: var(--a3-link);
  white-space: nowrap;
}
.a3-section__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-authority--market {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-template-areas: none;
  grid-template-columns: none;
  gap: var(--a3-space-3) var(--a3-space-4);
  padding: var(--a3-space-3) var(--a3-space-4);
}
.a3-authority--market .a3-authority__tagline {
  color: var(--a3-text-muted);
  font-size: var(--a3-text-xs);
  flex: 1 1 8rem;
  min-width: 0;
}
.a3-authority--market .a3-authority__control,
.a3-authority--market .a3-menu {
  order: 100;
}
.a3-authority--market .a3-authority__control { margin-inline-start: auto; }
@media (min-width: 48rem) {
.a3-authority--market .a3-authority__control { margin-inline-start: 0; }
}
.a3-authority--market .a3-authority__basis {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-authority__acts > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-touch-min);
  padding-inline: var(--a3-space-2);
}
.a3-authority__acts {
  margin-inline-start: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a3-space-2);
}
.a3-btn--sm {
  padding: 0 var(--a3-space-3);
  font-size: var(--a3-text-sm);
}
.a3-tabbar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: var(--a3-z-sticky);
  display: flex;
  background: var(--a3-bg-raised);
  border-top: 1px solid var(--a3-border);
padding-bottom: max(env(safe-area-inset-bottom, 0px), var(--a3-space-3));
}
.a3-tabbar__link {
  flex: 1 1 0;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.125rem;
min-height: var(--a3-touch-min);
  padding: var(--a3-space-2) var(--a3-space-1);
  text-decoration: none;
  color: var(--a3-text-muted);
  font-size: var(--a3-text-2xs);
  line-height: 1.2;
  text-align: center;
}
.a3-tabbar__link > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.a3-tabbar__link[aria-current="page"] {
  color: var(--a3-primary-600);
  font-weight: var(--a3-weight-semibold);
  box-shadow: inset 0 2px 0 0 var(--a3-primary-600);
}
@media (max-width: 59.999rem) {
  .a3 { padding-bottom: 4.5rem; }
}
@media (min-width: 60rem) {
  .a3-tabbar { display: none; }
}
.a3-authority--market .a3-menu {
  position: static;
  order: 99;
}
.a3-authority--market .a3-menu > summary {
  min-height: var(--a3-touch-min);
  min-width: var(--a3-touch-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--a3-text-secondary);
}
.a3-authority--market .a3-menu[open] > .a3-nav {
  position: absolute;
inset-inline-end: var(--a3-space-4);
  top: 100%;
  max-width: calc(100% - var(--a3-space-4) * 2);
  z-index: var(--a3-z-sticky);
  min-width: 12rem;
  flex-direction: column;
  align-items: stretch;
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  box-shadow: var(--a3-shadow-raised, none);
  padding: var(--a3-space-2);
}
@media (min-width: 60rem) {
  .a3-authority--market .a3-menu > summary { display: none; }
.a3-authority--market .a3-menu,
  .a3-authority--market .a3-menu[open] > .a3-nav {
    position: static;
    order: 0;
  }
.a3-authority--market .a3-menu > .a3-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--a3-space-4);
    border: 0;
    background: transparent;
    padding: 0;
    min-width: 0;
  }
}
.a3-authority--market .a3-authority__acts { display: none; }
@media (min-width: 48rem) {
  .a3-authority--market .a3-authority__acts { display: flex; }
}
.a3-authority--market .a3-menu__toggle::after,
.a3-authority--market .a3-menu[open] .a3-menu__toggle::after { content: none; }
.a3-authority--market .a3-menu {
  background: transparent;
  border-bottom: 0;
}
.a3-authority--market .a3-menu__toggle { padding: var(--a3-space-2); }
.a3-authority--market .a3-authority__brand {
  display: grid;
grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 0;
  align-content: center;
}
.a3-authority--market .a3-authority__brand > * {
  grid-area: auto;
}
.a3-authority--market .a3-authority__basis {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
@media (min-width: 60rem) {
.a3-authority--market .a3-authority__brand { order: 0; }
  .a3-authority--market .a3-menu { order: 1; }
  .a3-authority--market .a3-authority__basis { order: 2; margin-inline-start: auto; }
  .a3-authority--market .a3-authority__acts { order: 3; margin-inline-start: 0; }
  .a3-authority--market .a3-authority__control { order: 4; }
}
.a3-authority--market .a3-authority__control { display: none; }
@media (min-width: 60rem) {
  .a3-authority--market .a3-authority__control { display: inline-flex; }
}
@media (min-width: 60rem) {
  .a3-br--phone { display: none; }
}
.a3-market-hero__art {
  position: relative;
}
.a3-market-hero__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
object-position: 30% center;
  border-radius: var(--a3-radius-md);
}
.a3-market-hero__art::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--a3-radius-md);
  background: linear-gradient(to top left, var(--a3-scrim-strong) 0%, var(--a3-scrim-soft) 38%, var(--a3-scrim-clear) 62%);
  pointer-events: none;
}
.a3-market-hero__script {
  position: absolute;
  inset-block-end: var(--a3-space-4);
  inset-inline-end: var(--a3-space-4);
  margin: 0;
  max-width: 60%;
  text-align: end;
  font-family: var(--a3-font-display);
  font-style: italic;
  font-weight: 700;
  font-size: var(--a3-text-lg);
  line-height: 1.2;
color: var(--a3-text-on-material);
  padding-bottom: var(--a3-space-1);
  border-bottom: 3px solid var(--a3-rating-mark);
}
.a3-invite {
  display: flex;
  gap: var(--a3-space-4);
  align-items: start;
  background: var(--a3-bg-sunken);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-5);
}
.a3-invite__mark {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--a3-primary-100);
  color: var(--a3-primary-600);
}
.a3-invite__title {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-md);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-invite__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-invite a {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-1);
min-height: var(--a3-target-inline-min);
}
.a3-authority--shop {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3-space-3);
  grid-template-areas: none;
  grid-template-columns: none;
}
.a3-authority--shop .a3-authority__basis {
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-authority__shopbasket {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-2);
  min-height: var(--a3-touch-min);
  margin-inline-start: auto;
  color: var(--a3-text);
  font-weight: 600;
  text-decoration: none;
}
.a3-authority__shopbasket .a3-icon { width: 1.5rem; height: 1.5rem; }
.a3-attribution a {
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-target-inline-min);
}
.a3-attribution__powered {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-1);
  margin-inline-start: var(--a3-space-2);
}
.a3-attribution__powered img {
  height: 1.5em;
  width: auto;
}
.a3-shopid {
  position: relative;
  display: grid;
  gap: var(--a3-space-3);
  margin-bottom: var(--a3-space-5);
}
.a3-shopid__band {
  height: 9rem;
  border-radius: var(--a3-radius-lg);
  overflow: hidden;
  background: var(--a3-material, var(--a3-bg-sunken));
}
@media (min-width: 60rem) {
  .a3-shopid__band { height: 13rem; }
}
.a3-shopid__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.a3-shopid__badge {
  width: 4.5rem;
  height: 4.5rem;
margin-block-start: calc(-2.25rem - var(--a3-space-3));
  margin-inline-start: var(--a3-space-4);
  border-radius: 50%;
  border: 3px solid var(--a3-bg-raised);
  background: var(--a3-bg-raised);
  color: var(--a3-primary-600);
  display: grid;
  place-items: center;
  object-fit: cover;
  font-family: var(--a3-font-display);
  font-weight: 700;
  font-size: var(--a3-text-lg);
position: relative;
  z-index: 1;
}
.a3-shopid__body { display: grid; gap: var(--a3-space-1); }
.a3-shopid__name {
  margin: 0;
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-2xl);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-shopid__text { margin: 0; color: var(--a3-text-secondary); }
.a3-shopid__cat,
.a3-shopid__rating {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-shopid__cat .a3-icon { color: var(--a3-text-muted); }
.a3-shopid__acts { display: flex; flex-wrap: wrap; gap: var(--a3-space-3); }
.a3-shoptabs {
  display: flex;
  gap: var(--a3-space-5);
  border-bottom: 1px solid var(--a3-border);
  margin-bottom: var(--a3-space-4);
  overflow-x: auto;
}
.a3-shoptabs__tab {
  padding: var(--a3-space-3) 0;
  min-height: var(--a3-touch-min);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  color: var(--a3-text-secondary);
  border-bottom: 3px solid transparent;
}
.a3-shoptabs__tab[aria-current="page"] {
  color: var(--a3-primary-600);
  font-weight: var(--a3-weight-semibold);
  border-bottom-color: var(--a3-primary-600);
}
.a3-shopsearch {
  display: flex;
  gap: var(--a3-space-2);
  align-items: center;
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-2) var(--a3-space-3);
  margin-bottom: var(--a3-space-4);
}
.a3-shopsearch input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: var(--a3-text);
  min-height: var(--a3-touch-min);
}
.a3-shopsearch .a3-icon { color: var(--a3-text-muted); flex: none; }
.a3-storeprod {
  display: flex;
  flex-direction: column;
  gap: var(--a3-space-2);
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  padding: var(--a3-space-3);
}
.a3-storeprod__link {
  display: grid;
  gap: var(--a3-space-2);
  text-decoration: none;
  color: inherit;
}
.a3-storeprod__image {
  aspect-ratio: 1 / 1;
  border-radius: var(--a3-radius-sm);
  background: var(--a3-material, var(--a3-bg-sunken));
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--a3-text-muted);
}
.a3-storeprod__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.a3-storeprod__name {
  font-size: var(--a3-text-sm);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-storeprod__price {
  margin: auto 0 0;
  font-family: var(--a3-font-body);
  font-size: var(--a3-text-md);
  font-weight: 700;
  color: var(--a3-text);
}
.a3-storeprod__gone {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-storeprod form { display: grid; }
.a3-about {
  display: grid;
  gap: var(--a3-space-3);
  margin-top: var(--a3-space-6);
  padding-top: var(--a3-space-5);
  border-top: 1px solid var(--a3-border);
}
.a3-about__text { margin: 0; color: var(--a3-text-secondary); }
.a3-about__heading {
  margin: 0;
  font-size: var(--a3-text-sm);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-about__claims {
  margin: 0;
  padding-inline-start: var(--a3-space-5);
  display: grid;
  gap: var(--a3-space-2);
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-sm);
}
.a3-about__where {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--a3-space-2);
  font-size: var(--a3-text-sm);
  color: var(--a3-text-muted);
}
.a3-about__wherewords { display: grid; gap: 0.15em; min-width: 0; }
.a3-about__wherelabel { font-weight: var(--a3-weight-semibold); color: var(--a3-text); }
.a3-product {
  display: grid;
  gap: var(--a3-space-6);
  align-items: start;
}
@media (min-width: 60rem) {
.a3-product { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--a3-space-8); }
}
.a3-product__gallery { min-width: 0; }
.a3-product__detail { display: grid; gap: var(--a3-space-4); align-content: start; }
.a3-productdetails { min-width: 0; }
@media (min-width: 60rem) {
  .a3-productdetails { grid-column: 1; grid-row: 2; }
}
.a3-productdetails__title {
  margin: 0 0 var(--a3-space-3);
  font-family: var(--a3-font-display);
  font-size: var(--a3-text-lg);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-productdetails__table {
  width: 100%;
  border-collapse: collapse;
font-size: var(--a3-text-sm);
}
.a3-productdetails__row { border-top: 1px solid var(--a3-border); }
.a3-productdetails__row:last-child { border-bottom: 1px solid var(--a3-border); }
.a3-productdetails__label {
width: 40%;
  padding: var(--a3-space-3) var(--a3-space-4) var(--a3-space-3) 0;
  text-align: start;
  font-weight: var(--a3-weight-regular);
  color: var(--a3-text-secondary);
  vertical-align: top;
}
.a3-productdetails__value {
  padding: var(--a3-space-3) 0;
  color: var(--a3-text);
  vertical-align: top;
overflow-wrap: anywhere;
}
.a3-productdetails__whose {
  margin: var(--a3-space-3) 0 0;
  font-size: var(--a3-text-xs);
  color: var(--a3-text-muted);
}
.a3-product__name {
  margin: 0;
  font-size: var(--a3-text-2xl);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
  line-height: 1.2;
}
.a3-product__summary { margin: 0; color: var(--a3-text-secondary); max-width: var(--a3-measure); }
.a3-product__price {
  margin: 0;
  font-size: var(--a3-text-2xl);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-product__buy { display: grid; gap: var(--a3-space-3); }
.a3-btn--wide { width: 100%; justify-content: center; }
.a3-productshot { display: grid; gap: var(--a3-space-3); min-width: 0; }
@media (min-width: 60rem) {
  .a3-productshot { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: start; }
.a3-productshot__image,
  .a3-productshot__empty { grid-column: 2; grid-row: 1; }
  .a3-productshot__strip {
    grid-column: 1;
    grid-row: 1;
flex-direction: column;
    overflow-x: visible;
    overflow-y: auto;
    max-height: 100%;
  }
}
.a3-productshot__image,
.a3-productshot__empty {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--a3-radius-lg);
  border: 1px solid var(--a3-border);
  background: var(--a3-bg-sunken);
}
.a3-productshot__empty { display: grid; place-items: center; }
.a3-productshot__monogram {
  font-size: var(--a3-text-2xl);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text-muted);
}
.a3-productshot__strip {
  display: flex;
  gap: var(--a3-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
}
.a3-productshot__thumb { flex: 0 0 auto; }
.a3-productshot__thumb a {
display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
min-height: var(--a3-target-inline-min);
  border-radius: var(--a3-radius-md);
  border: 2px solid transparent;
  overflow: hidden;
}
.a3-productshot__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.a3-productshot__thumb a[aria-current] { border-color: var(--a3-primary-700); }
.a3-productshot__thumb a:focus-visible { outline: var(--a3-focus-ring); outline-offset: 2px; }
.a3-basketscope {
  display: flex;
  gap: var(--a3-space-3);
  align-items: flex-start;
  margin: 0;
  padding: var(--a3-space-3) var(--a3-space-4);
  border-radius: var(--a3-radius-md);
  background: var(--a3-primary-100);
  color: var(--a3-text);
  font-size: var(--a3-text-sm);
}
.a3-basketscope__glyph { color: var(--a3-primary-700); flex: 0 0 auto; }
.a3-soldby {
  display: grid;
  gap: var(--a3-space-3);
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
}
.a3-soldby__shop {
  display: flex;
  gap: var(--a3-space-3);
  align-items: center;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.a3-soldby__badge {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border-radius: var(--a3-radius-md);
  display: grid;
  place-items: center;
  overflow: hidden;
  font-weight: var(--a3-weight-semibold);
}
.a3-soldby__badge img { width: 100%; height: 100%; object-fit: cover; }
.a3-soldby__words { display: grid; min-width: 0; }
.a3-soldby__label {
  font-size: var(--a3-text-xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--a3-text-muted);
}
.a3-soldby__name {
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
  overflow-wrap: anywhere;
}
.a3-soldby__category { font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-soldby__rating {
  display: flex;
  gap: var(--a3-space-2);
  align-items: center;
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-soldby__fact {
  display: flex;
  gap: var(--a3-space-3);
  align-items: start;
  margin: var(--a3-space-4) 0 0;
  padding-top: var(--a3-space-4);
  border-top: 1px solid var(--a3-border);
}
.a3-soldby__facticon { flex: 0 0 auto; color: var(--a3-text-muted); line-height: 0; }
.a3-soldby__factwords { display: grid; gap: 0.15em; min-width: 0; }
.a3-soldby__factlabel {
  font-size: var(--a3-text-xs);
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-soldby__facttext { font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-soldby__link {
  min-height: var(--a3-target-inline-min);
  display: inline-flex;
  align-items: center;
}
.a3-product__gone {
  display: grid;
  gap: var(--a3-space-2);
  padding: var(--a3-space-4);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-sunken);
}
.a3-product__gonetitle {
  margin: 0;
  font-weight: var(--a3-weight-semibold);
  color: var(--a3-text);
}
.a3-product__gonetext { margin: 0; color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-detailsfield { border: 0; margin: 0; padding: 0; min-width: 0; }
.a3-detailrows { display: grid; gap: var(--a3-space-3); margin-top: var(--a3-space-2); }
@media (min-width: 40rem) {
  .a3-detailrows { gap: var(--a3-space-2); }
}
.a3-detailsfield__add { margin-top: var(--a3-space-3); }
.a3-photostep__lead { margin-bottom: 0; }
.a3-photostep__market { margin-bottom: 0; color: var(--a3-text-secondary); }
.a3-photostep__photos {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  gap: var(--a3-space-2);
  max-width: 32rem;
}
.a3-photostep__photos .a3-product-image { aspect-ratio: 1; object-fit: cover; }
.a3-photostep__next { justify-self: start; }
.a3-detailshints { margin-top: var(--a3-space-3); }
.a3-detailshints .a3-disclose__summary {
  padding: var(--a3-space-2) var(--a3-space-3);
  font-size: var(--a3-text-sm);
}
.a3-detailshints__body { font-size: var(--a3-text-sm); }
.a3-detailshints__body p { margin: 0 0 var(--a3-space-2); }
.a3-detailshints__lead { font-weight: var(--a3-weight-medium); color: var(--a3-text); }
.a3-detailshints__examples {
  list-style: none;
  margin: 0 0 var(--a3-space-3);
  padding: 0;
  display: grid;
  gap: var(--a3-space-2);
}
.a3-detailshints__example { display: grid; }
.a3-detailshints__name { font-weight: var(--a3-weight-medium); color: var(--a3-text); }
.a3-detailrow__name .a3-field__label {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
.a3-detailrow__remove { display: flex; align-items: center; min-width: 0; }
.a3-detailrow__removetick {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-2);
  font-size: var(--a3-text-sm);
  color: var(--a3-danger-600);
  min-height: var(--a3-touch-min);
}
.a3-detailrow__remove .a3-btn--quiet { color: var(--a3-danger-600); }
.a3-detailrow {
  display: grid;
  gap: var(--a3-space-2);
  min-width: 0;
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  padding: var(--a3-space-3);
}
@media (min-width: 40rem) {
  .a3-detailrow {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) 11rem;
    border: 0;
    padding: 0;
  }
}
.a3-detailrow--head { margin-top: var(--a3-space-3); display: none; }
.a3-detailrow__head { font-size: var(--a3-text-xs); color: var(--a3-text-muted); }
.a3-detailrow__name { font-size: var(--a3-text-xs); color: var(--a3-text-muted); }
@media (min-width: 40rem) {
.a3-detailrow--head { display: grid; }
  .a3-detailrow__name {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}
.a3-basket__money {
  display: grid;
  justify-items: end;
  gap: 0.1em;
  min-width: 0;
  text-align: end;
}
.a3-basket__each { font-size: var(--a3-text-xs); color: var(--a3-text-muted); }
.a3-basket__linetotal { font-weight: var(--a3-weight-semibold); color: var(--a3-text); }
.a3-basket__nomoney { font-size: var(--a3-text-xs); color: var(--a3-text-muted); }
.a3-subtotal {
  border-top: 1px solid var(--a3-border);
  padding-top: var(--a3-space-4);
  display: grid;
  gap: var(--a3-space-2);
}
.a3-subtotal__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--a3-space-4);
  margin: 0;
}
.a3-subtotal__label { font-weight: var(--a3-weight-semibold); color: var(--a3-text); }
.a3-subtotal__amount { font-size: var(--a3-text-lg); font-weight: var(--a3-weight-semibold); }
.a3-subtotal__note { margin: 0; font-size: var(--a3-text-sm); color: var(--a3-text-secondary); }
.a3-setup {
  display: grid;
  gap: var(--a3-space-4);
}
.a3-setup__head {
  display: grid;
grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--a3-space-3);
}
.a3-setup__glyph {
  display: grid;
  place-items: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border-radius: var(--a3-radius-md);
background: var(--a3-primary-700);
  color: var(--a3-white);
}
.a3-setup__glyph .a3-icon {
  inline-size: 1.35rem;
  block-size: 1.35rem;
}
.a3-setup__naming {
display: grid;
  gap: 0.125rem;
  min-inline-size: 0;
}
.a3-setup__title {
  margin: 0;
  font-size: var(--a3-text-md);
  font-weight: 600;
  color: var(--a3-text);
}
.a3-setup__text {
  margin: 0;
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
.a3-setup__count {
  margin: 0;
  font-weight: 600;
  color: var(--a3-text);
white-space: nowrap;
}
.a3-setup__bars {
  display: grid;
grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: var(--a3-space-1);
}
.a3-setup__bar {
  block-size: 0.35rem;
border-radius: 0.35rem;
  background: var(--a3-border);
}
.a3-setup__bar--done {
  background: var(--a3-success-600);
}
.a3-setup__list {
  margin: 0;
  padding: 0;
  list-style: none;
display: grid;
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  column-gap: var(--a3-space-5);
}
.a3-setup__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--a3-space-2);
  padding-block: var(--a3-space-1);
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
break-inside: avoid;
}
.a3-setup__item--done {
  color: var(--a3-text);
}
.a3-setup__tick {
  display: grid;
  place-items: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  border-radius: 50%;
border: 1.5px solid var(--a3-border-strong);
  color: transparent;
}
.a3-setup__item--done .a3-setup__tick {
  border-color: var(--a3-success-600);
  background: var(--a3-success-600);
  color: var(--a3-white);
}
.a3-setup__tick .a3-icon {
  inline-size: 0.8rem;
  block-size: 0.8rem;
  stroke-width: 3;
}
@media (min-width: 60rem) {
  .a3-setup__list {
    column-gap: var(--a3-space-6);
  }
}
.a3-methods { border: 0; padding: 0; margin: 0; min-width: 0; }
.a3-method {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: var(--a3-space-3);
  padding: var(--a3-space-3) var(--a3-space-4);
  min-height: var(--a3-touch-min);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  background: var(--a3-bg-raised);
  cursor: pointer;
}
.a3-method:has(.a3-method__input:checked) {
  border-color: var(--a3-surface-accent);
  box-shadow: inset 0 0 0 1px var(--a3-surface-accent);
  background: var(--a3-primary-100);
}
.a3-method:has(.a3-method__input:focus-visible) {
  outline: 2px solid var(--a3-focus);
  outline-offset: 2px;
}
.a3-method__glyph { display: inline-flex; color: var(--a3-text-muted); }
.a3-method:has(.a3-method__input:checked) .a3-method__glyph { color: var(--a3-surface-accent); }
.a3-method__body { display: grid; gap: 2px; min-width: 0; }
.a3-method__label { font-weight: var(--a3-weight-semibold); }
.a3-method__detail { font-size: var(--a3-text-sm); color: var(--a3-text-muted); }
.a3-paylayout { display: grid; gap: var(--a3-space-6); min-width: 0; align-content: start; }
@media (min-width: 60rem) {
  .a3-paylayout {
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: start;
  }
.a3-paylayout__main { grid-column: 1; grid-row: 1; }
  .a3-paylayout__side { grid-column: 2; grid-row: 1; }
}
@media (min-width: 60rem) {
  .a3-orderrow__link {
    grid-template-columns: auto minmax(8rem, 1.6fr) auto auto auto auto;
    align-items: center;
    gap: var(--a3-space-4);
  }
.a3-orderrow__body { display: contents; }
  .a3-orderrow__title { grid-column: 2; }
.a3-orderrow__meta { display: contents; }
  .a3-orderrow__count { grid-column: 3; justify-self: end; }
  .a3-orderrow__total { grid-column: 4; justify-self: end; font-variant-numeric: tabular-nums; }
  .a3-orderrow__date  { grid-column: 6; justify-self: end; white-space: nowrap; }
  .a3-orderrow__link .a3-status { grid-column: 5; justify-self: start; }
.a3-orderrow__sep { display: none; }
}
.a3-orderlayout {
  display: grid;
  gap: var(--a3-space-6);
  min-width: 0;
  align-content: start;
}
.a3-orderlayout__main,
.a3-orderlayout__side {
  display: grid;
  gap: var(--a3-space-5);
  min-width: 0;
  align-content: start;
}
@media (min-width: 60rem) {
  .a3-orderlayout {
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: start;
  }
}
@media (min-width: 60rem) {
body.a3[data-a3-surface="merchant"]:has(> .a3-menu) {
    display: grid;
    grid-template-columns: 14rem minmax(0, 1fr);
    align-content: start;
  }
body.a3[data-a3-surface="merchant"] > * { grid-column: 1 / -1; }
  body.a3[data-a3-surface="merchant"] > .a3-menu { grid-column: 1; }
body.a3[data-a3-surface="merchant"] > #main { grid-column: 2; width: 100%; }
body.a3[data-a3-surface="merchant"] > .a3-menu {
position: sticky;
    top: 0;
    align-self: start;
border-bottom: 0;
  }
body.a3[data-a3-surface="merchant"] > #main { border-left: 1px solid var(--a3-border); }
body.a3[data-a3-surface="merchant"] .a3-menu .a3-nav {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--a3-space-1);
    padding: var(--a3-space-5) var(--a3-space-3);
    overflow-x: visible;
    border-bottom: 0;
  }
body.a3[data-a3-surface="merchant"] .a3-menu .a3-nav__link {
    justify-content: flex-start;
    padding: var(--a3-space-3) var(--a3-space-4);
    border-radius: var(--a3-radius-md);
    border-bottom: 2px solid transparent;
white-space: normal;
  }
body.a3[data-a3-surface="merchant"] .a3-menu .a3-nav__link[aria-current="page"] {
    background: var(--a3-bg-sunken, var(--a3-bg));
    border-bottom-color: transparent;
  }
}
@media (min-width: 60rem) {
  .a3-shoplayout {
    display: grid;
grid-template-columns: 21rem minmax(0, 1fr) 20rem;
    gap: var(--a3-space-5);
    align-items: start;
  }
.a3-shoplayout > * + * { margin-top: 0; }
.a3-shoplayout > * { grid-column: 1 / -1; }
.a3-shoplayout > .a3-shopsection:has(#section-photos) { grid-column: 1; grid-row: 5; }
.a3-shoplayout > .a3-shopsection:has(#section-business) { grid-column: 2; grid-row: 5; }
  .a3-shoplayout > .a3-shopsection:has(#section-categories) { grid-column: 2; grid-row: 6; }
  .a3-shoplayout > .a3-shopsection:has(#section-highlights) { grid-column: 2; grid-row: 7; }
  .a3-shoplayout > .a3-shopsection:has(#section-address) { grid-column: 2; grid-row: 8; }
.a3-shoplayout > .a3-shopsection:has(#section-status) { grid-column: 3; grid-row: 5; }
  .a3-shoplayout > .a3-shopsection:has(#section-catalogue) { grid-column: 3; grid-row: 6; }
  .a3-shoplayout > .a3-shoplayout__tips { grid-column: 3; grid-row: 7; }
}
.a3-producttable__head { display: none; }
.a3-producttable .a3-orderrow__date { display: none; }
.a3-producttable__add { margin-top: var(--a3-space-4); }
.a3-producttable__add .a3-btn { width: 100%; justify-content: center; }
@media (min-width: 60rem) {
.a3-producttable__add .a3-btn { width: auto; }
}
@media (max-width: 59.999rem) {
  .a3-producttable .a3-orderrow__meta {
    display: grid;
    justify-items: start;
    gap: var(--a3-space-1);
  }
  .a3-producttable .a3-orderrow__sep { display: none; }
.a3-producttable .a3-orderrow__meta > .a3-status { grid-column: 1; }
.a3-producttable .a3-orderrow__total {
    font-size: var(--a3-text-md);
    font-weight: var(--a3-weight-semibold);
    color: var(--a3-text);
  }
}
@media (min-width: 60rem) {
  .a3-producttable__head {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) 7rem 11rem 9rem 7rem 1.25rem;
    gap: var(--a3-space-2) var(--a3-space-3);
    align-items: center;
    padding: var(--a3-space-2) var(--a3-space-4);
  }
.a3-producttable__head .a3-producttable__heading:first-child { grid-column: 1 / 3; }
  .a3-producttable__heading {
    font-size: var(--a3-text-sm);
    font-weight: var(--a3-weight-medium);
    color: var(--a3-text-muted);
  }
.a3-producttable .a3-orderrow__link {
    grid-template-columns: 2.5rem minmax(0, 1fr) 7rem 11rem auto 7rem 1.25rem;
  }
.a3-producttable .a3-orderrow__mark { grid-column: 1; }
  .a3-producttable .a3-orderrow__title { grid-column: 2; }
  .a3-producttable .a3-orderrow__total { grid-column: 3; justify-self: start; }
  .a3-producttable .a3-orderrow__meta > .a3-status { grid-column: 4; justify-self: start; }
  .a3-producttable .a3-orderrow__link > .a3-status { grid-column: 5; }
  .a3-producttable .a3-orderrow__date { display: block; grid-column: 6; justify-self: start; }
  .a3-producttable .a3-orderrow__chev { grid-column: 7; }
.a3-producttable .a3-orderrow__total .a3-money__currency { display: none; }
}
@media (max-width: 34rem) {
  [data-a3-surface="merchant"] .a3-table--stacks tbody tr:has(.a3-orderitem) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--a3-space-3);
    row-gap: 2px;
  }
[data-a3-surface="merchant"] .a3-table--stacks tbody th[scope="row"]:has(.a3-orderitem),
  [data-a3-surface="merchant"] .a3-table--stacks tbody .a3-orderitem { display: contents; }
[data-a3-surface="merchant"] .a3-table--stacks tbody .a3-orderitem__shot {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  [data-a3-surface="merchant"] .a3-table--stacks tbody .a3-orderitem__name {
    grid-column: 2;
    grid-row: 1;
    font-weight: var(--a3-weight-medium);
  }
[data-a3-surface="merchant"] .a3-table--stacks tbody tr:has(.a3-orderitem) td[data-label="Quantity"] {
    grid-column: 2;
    grid-row: 2;
    justify-content: start;
    gap: var(--a3-space-1);
    padding: 0;
    font-size: var(--a3-text-sm);
    color: var(--a3-text-muted);
  }
  [data-a3-surface="merchant"] .a3-table--stacks tbody tr:has(.a3-orderitem) td[data-label="Quantity"]::before {
    content: "Qty";
  }
[data-a3-surface="merchant"] .a3-table--stacks tbody tr:has(.a3-orderitem) td[data-label="Total"] {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-content: flex-end;
    padding: 0;
    font-weight: var(--a3-weight-semibold);
    font-variant-numeric: tabular-nums;
  }
  [data-a3-surface="merchant"] .a3-table--stacks tbody tr:has(.a3-orderitem) td[data-label="Total"]::before {
    content: none;
  }
[data-a3-surface="merchant"] #main form > .a3-btn--primary {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 34rem) {
  .a3-shopcover__body { grid-template-columns: auto minmax(0, 1fr); }
.a3-shopcover__naming { grid-column: 1 / -1; }
}
.a3-figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--a3-space-4);
  margin: 0 0 var(--a3-space-5);
  padding: 0;
  list-style: none;
}
.a3-figure {
  background: var(--a3-bg-raised);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-4);
  text-align: center;
}
.a3-figure__value {
  margin: 0;
  font-size: var(--a3-text-2xl);
  font-weight: var(--a3-weight-semibold);
  line-height: var(--a3-leading-tight);
font-variant-numeric: tabular-nums;
}
.a3-figure__label {
  margin: var(--a3-space-1) 0 0;
  color: var(--a3-text-secondary);
  font-size: var(--a3-text-sm);
}
.a3-figures--totals { grid-template-columns: minmax(0, 1fr); }
.a3-figure--wide {
  display: flex;
  align-items: center;
  gap: var(--a3-space-4);
  text-align: left;
}
.a3-figure__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  background: var(--a3-primary-100);
  color: var(--a3-primary-700);
}
.a3-figure__body { min-width: 0; }
.a3-figure--wide .a3-figure__value,
.a3-figure--wide .a3-figure__label { display: block; }
.a3-figure--wide .a3-figure__value { font-size: var(--a3-text-xl); }
.a3-figure__absent {
  font-size: var(--a3-text-md);
  font-weight: var(--a3-weight-regular);
  color: var(--a3-text-secondary);
}
.a3-recenttable__chev { width: 1px; text-align: right; }
.a3-recenttable__chev a {
  display: inline-flex;
  align-items: center;
  min-height: var(--a3-target-inline-min);
  color: var(--a3-text-muted);
}
@media (min-width: 60rem) {
  .a3-figures { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.a3-figures--totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 34rem) {
.a3-recenttable tbody .a3-recenttable__chev { display: none; }
.a3-recenttable tbody th,
  .a3-recenttable tbody td { height: auto; }
.a3-recenttable tbody th a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
.a3-pagehead--dash { margin-block-end: var(--a3-space-4); }
.a3-emailpreview {
  margin: 0;
  padding: var(--a3-space-4);
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-sunken);
  font-family: inherit;
  font-size: var(--a3-text-sm);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.a3-figures--stages { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--a3-space-2); }
.a3-figure--stage {
  display: grid;
  gap: var(--a3-space-1);
  justify-items: start;
  text-align: left;
  border: 0;
  padding: var(--a3-space-3);
}
.a3-figure--stage .a3-figure__mark { width: auto; height: auto; background: none; border-radius: 0; }
.a3-figure--stage .a3-figure__mark .a3-icon { width: 1.5rem; height: 1.5rem; }
.a3-figure--stage .a3-figure__body { display: grid; }
.a3-figure--stage .a3-figure__value { font-size: var(--a3-text-xl); }
.a3-figure--stage .a3-figure__label { margin: 0; color: inherit; }
.a3-figure--settled { background: var(--a3-settled-100); color: var(--a3-settled-600); }
.a3-figure--pending { background: var(--a3-pending-100); color: var(--a3-pending-600); }
.a3-figure--success { background: var(--a3-success-100); color: var(--a3-success-600); }
.a3-figure--neutral { background: var(--a3-bg-sunken); color: var(--a3-text); }
.a3-figure__note { display: block; margin-block-start: var(--a3-space-1); color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-figure--items .a3-figure__mark { background: var(--a3-verified-100); color: var(--a3-verified-600); }
.a3-dashgrid { display: grid; gap: var(--a3-space-4); }
.a3-dashpanel { padding: var(--a3-space-4); min-width: 0; }
.a3-dashpanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a3-space-3);
  padding-block-end: var(--a3-space-3);
  border-block-end: 1px solid var(--a3-border);
  margin-block-end: var(--a3-space-2);
}
.a3-dashpanel__head .a3-subheading { margin: 0; }
.a3-dashpanel__more {
  display: inline-flex;
  align-items: center;
  gap: var(--a3-space-1);
  min-height: var(--a3-target-inline-min);
  white-space: nowrap;
}
.a3-dashpanel__more .a3-icon { width: 1rem; height: 1rem; }
.a3-dashpanel__none { margin: var(--a3-space-3) 0; color: var(--a3-text-secondary); }
.a3-empty--quiet { border: 0; padding: var(--a3-space-6) var(--a3-space-3); }
.a3-empty__mark { display: inline-grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-block-end: var(--a3-space-3); border-radius: 999px; background: var(--a3-primary-100); color: var(--a3-primary-600); }
.a3-empty__mark .a3-icon { width: 1.75rem; height: 1.75rem; }
.a3-recenttable__ref { display: inline-flex; align-items: center; gap: var(--a3-space-3); min-height: var(--a3-target-inline-min); }
.a3-recenttable__shot { flex: none; width: 3rem; height: 3rem; border-radius: var(--a3-radius-md); object-fit: cover; }
.a3-recenttable__shot--glyph { display: inline-grid; place-items: center; background: var(--a3-bg-sunken); color: var(--a3-text-muted); }
.a3-recenttable__items, .a3-recenttable__shop { display: block; }
.a3-recenttable__shop { color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-dashshops { display: grid; gap: var(--a3-space-2); margin: 0; padding: 0; list-style: none; }
.a3-dashshop {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  min-height: var(--a3-target-inline-min);
  padding: var(--a3-space-2);
  border: 1px solid var(--a3-border);
  border-radius: var(--a3-radius-md);
  color: inherit;
  text-decoration: none;
}
.a3-dashshop__mark { flex: none; width: 4rem; height: 4rem; border-radius: var(--a3-radius-md); object-fit: cover; }
.a3-dashshop__mark--glyph { display: inline-grid; place-items: center; background: var(--a3-primary-100); color: var(--a3-primary-600); }
.a3-dashshop__body { display: grid; gap: 2px; min-width: 0; flex: 1; }
.a3-dashshop__name { font-weight: var(--a3-weight-semibold); overflow-wrap: anywhere; }
.a3-dashshop__summary { color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-dashshop__count { color: var(--a3-text-secondary); font-size: var(--a3-text-sm); }
.a3-dashshop__chev { flex: none; color: var(--a3-text-muted); }
.a3-dashshare {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  margin-block-start: var(--a3-space-3);
  padding: var(--a3-space-3);
  border-radius: var(--a3-radius-md);
  background: var(--a3-primary-100);
}
.a3-dashshare__mark { display: inline-grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: 999px; background: var(--a3-bg-raised); color: var(--a3-primary-600); }
.a3-dashshare__text { margin: 0; display: grid; gap: 2px; font-size: var(--a3-text-sm); }
.a3-dashshare__text span { color: var(--a3-text-secondary); }
.a3-dashshare__act { margin: var(--a3-space-3) 0 0; }
.a3-btn--block { display: flex; width: 100%; justify-content: center; }
.a3-addressnotice__mark { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 999px; background: var(--a3-bg-raised); }
.a3-addressnotice__title { font-size: var(--a3-text-lg); }
.a3-addressnotice.a3-notice--closable { padding-inline-end: var(--a3-space-4); }
.a3-addressnotice .a3-notice__kind, .a3-addressnotice__title { margin-inline-end: var(--a3-touch-min); }
.a3-pagehead--dash .a3-heading { font-size: var(--a3-text-2xl); }
.a3-addressnotice__list { display: grid; gap: var(--a3-space-2); margin: var(--a3-space-3) 0; padding: 0; list-style: none; }
.a3-addresscard {
  display: flex;
  align-items: center;
  gap: var(--a3-space-3);
  min-height: var(--a3-touch-min);
  padding: var(--a3-space-2) var(--a3-space-3);
  border-radius: var(--a3-radius-md);
  background: var(--a3-bg-raised);
  color: inherit;
  text-decoration: none;
}
.a3-addresscard__mark, .a3-addresscard__open { flex: none; color: var(--a3-primary-600); }
.a3-addresscard__body { display: grid; flex: 1; min-width: 0; }
.a3-addresscard__name { font-size: var(--a3-text-sm); font-weight: var(--a3-weight-semibold); color: var(--a3-text); }
.a3-addresscard__address { font-weight: var(--a3-weight-semibold); color: var(--a3-primary-700); overflow-wrap: anywhere; }
.a3-addressnotice__act { margin: 0 0 var(--a3-space-3); }
.a3-addressnotice__act .a3-btn { display: flex; justify-content: center; width: 100%; }
.a3-addressnotice__closing { padding-block-start: var(--a3-space-3); border-block-start: 1px solid var(--a3-border); }
@media (max-width: 59.99rem) {
  .a3-menu .a3-nav__link--wide { display: none; }
}
.a3-tabbar__link { position: relative; }
.a3-tabbar__link > .a3-nav__count {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: calc(50% + 0.35rem);
  margin: 0;
}
@media (max-width: 34rem) {
.a3-figures--stages .a3-figure__label { font-size: var(--a3-text-xs); }
}
@media (min-width: 60rem) {
  .a3-figure--stage { grid-template-columns: auto 1fr; align-items: center; gap: var(--a3-space-3); padding: var(--a3-space-4); }
  .a3-dashgrid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; }
  .a3-addressnotice--many .a3-addressnotice__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .a3-addressnotice:not(.a3-addressnotice--many) .a3-addressnotice__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
    column-gap: var(--a3-space-5);
  }
  .a3-addressnotice:not(.a3-addressnotice--many) .a3-addressnotice__closing {
    grid-column: 2;
    grid-row: 1 / span 5;
    border-block-start: 0;
    border-inline-start: 1px solid var(--a3-border);
    padding: 0 0 0 var(--a3-space-5);
  }
  .a3-addressnotice__act .a3-btn { width: auto; min-width: 16rem; }
}
.a3-pagetop { margin-bottom: var(--a3-space-4); }
.a3-pagetop__action { display: none; }
@media (min-width: 60rem) {
.a3-pagetop__action { display: inline-flex; }
  .a3-producttable__add { display: none; }
}
.a3-categoryfilter,
.a3-searchfilter {
  display: grid;
  gap: var(--a3-space-1);
  flex: 0 1 14rem;
  min-width: 0;
}
.a3-categoryfilter__label,
.a3-searchfilter__label {
  font-size: var(--a3-text-sm);
  color: var(--a3-text-secondary);
}
form[role="search"]:has(.a3-categoryfilter, .a3-searchfilter) { align-items: flex-end; }
.a3-searchmore { flex: 1 1 100%; }
.a3-searchmore .a3-disclose__body {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a3-space-3);
  align-items: flex-end;
}
@media (min-width: 60rem) {
  .a3-productlayout {
    display: grid;
grid-template-columns: minmax(0, 1fr) 20rem;
    gap: var(--a3-space-5);
    align-items: start;
  }
.a3-productlayout > * + * { margin-top: 0; }
.a3-productlayout > * { grid-column: 1 / -1; }
.a3-productlayout > #section-status { grid-column: 2; grid-row: 4; }
  .a3-productlayout > #section-summary { grid-column: 2; grid-row: 5; }
  .a3-productlayout > #section-edit { grid-column: 1; grid-row: 4 / span 5; }
  .a3-productlayout > #section-stock { grid-column: 2; grid-row: 6; }
  .a3-productlayout > :has(#section-photos),
  .a3-productlayout > #section-photos { grid-column: 2; grid-row: 7; }
  .a3-productlayout > #section-movements { grid-column: 2; grid-row: 8; }
.a3-productlayout > #section-edit .a3-input { max-width: 34rem; }
}
.a3-nav__acts { display: none; }
@media (max-width: 59.99rem) {
  .a3-authority--market .a3-menu[open] > summary::before {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--a3-scrim-soft);
    z-index: calc(var(--a3-z-sticky) - 1);
    cursor: default;
  }
.a3-authority--market .a3-menu[open] > .a3-nav {
position: fixed;
    top: auto;
    bottom: calc(4rem + env(safe-area-inset-bottom, 0px) + var(--a3-space-2));
    inset-inline: var(--a3-space-2);
    max-width: none;
    max-height: calc(100vh - 4rem - env(safe-area-inset-bottom, 0px) - 6rem);
    max-height: calc(100dvh - 4rem - env(safe-area-inset-bottom, 0px) - 6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
flex-wrap: nowrap;
    gap: 0;
    padding: var(--a3-space-3);
  }
.a3-authority--market .a3-menu[open] > .a3-nav > * { flex-shrink: 0; }
.a3-authority--market .a3-menu[open] > .a3-nav .a3-nav__form { display: flex; }
  .a3-authority--market .a3-menu[open] > .a3-nav .a3-nav__link {
flex: 1 0 auto;
    gap: var(--a3-space-3);
    padding: var(--a3-space-2) var(--a3-space-3);
    border-bottom-color: transparent;
    border-radius: var(--a3-radius-sm);
    font-size: var(--a3-text-md);
    text-align: start;
  }
  .a3-authority--market .a3-menu[open] > .a3-nav .a3-nav__link[aria-current="page"] {
    box-shadow: none;
    border-bottom-color: transparent;
    background: var(--a3-bg-sunken);
    color: var(--a3-identity);
  }
}
@media (max-width: 47.99rem) {
  .a3-authority--market .a3-nav__acts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--a3-space-2);
    padding-bottom: var(--a3-space-3);
    margin-bottom: var(--a3-space-2);
    border-bottom: 1px solid var(--a3-border);
  }
  .a3-authority--market .a3-nav__acts > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.a3-authority--market .a3-nav__acts .a3-btn--secondary { color: var(--a3-link); border-color: var(--a3-link); }
}
@media (max-width: 47.99rem) {
  body.a3:not([data-a3-surface="customer"]) .a3-menu { position: relative; }
body.a3:not([data-a3-surface="customer"]) .a3-menu[open] > summary::before {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--a3-scrim-soft);
    z-index: calc(var(--a3-z-sticky) - 1);
    cursor: default;
  }
body.a3:not([data-a3-surface="customer"]) .a3-menu[open] > .a3-nav {
    position: absolute;
    top: 100%;
    inset-inline: var(--a3-space-2);
    z-index: var(--a3-z-sticky);
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    padding: var(--a3-space-3);
    background: var(--a3-bg-raised);
    border: 1px solid var(--a3-border);
    border-radius: var(--a3-radius-md);
    box-shadow: var(--a3-shadow-raised, none);
    max-height: min(36rem, 65vh);
    max-height: min(36rem, 65dvh);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
body.a3:not([data-a3-surface="customer"]) .a3-menu[open] > .a3-nav .a3-nav__form { display: flex; }
  body.a3:not([data-a3-surface="customer"]) .a3-menu[open] > .a3-nav .a3-nav__link {
    flex: 1 1 auto;
    gap: var(--a3-space-3);
    padding: var(--a3-space-2) var(--a3-space-3);
    border-bottom-color: transparent;
    border-radius: var(--a3-radius-sm);
    font-size: var(--a3-text-md);
    text-align: start;
  }
  body.a3:not([data-a3-surface="customer"]) .a3-menu[open] > .a3-nav .a3-nav__link[aria-current="page"] {
    box-shadow: none;
    border-bottom-color: transparent;
    background: var(--a3-bg-sunken);
    color: var(--a3-identity);
  }
}
body.a3:has(.a3-market-hero) { overflow-x: clip; }
.a3-market-hero {
margin-inline: calc(50% - 50vw);
  margin-block-start: calc(-1 * var(--a3-page-gutter));
--a3-hero-inset: max(var(--a3-space-6), calc(50vw - 600px + var(--a3-page-gutter)));
  padding: var(--a3-space-6) var(--a3-hero-inset) var(--a3-space-7);
  border-radius: 0;
  overflow: visible;
  color: var(--a3-text);
  background:
    radial-gradient(55% 70% at 0% 15%, color-mix(in srgb, var(--a3-primary-100) 90%, transparent), transparent 70%),
    radial-gradient(40% 50% at 80% 100%, color-mix(in srgb, var(--a3-rating-mark) 10%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--a3-primary-100) 55%, var(--a3-bg)) 0%, var(--a3-bg) 100%);
mask: radial-gradient(140% 3rem at 50% 100%, transparent 96%, currentColor 100%) bottom / 100% 3rem no-repeat,
        linear-gradient(currentColor, currentColor) top / 100% calc(100% - 3rem) no-repeat;
}
.a3-market-hero__title {
  color: var(--a3-text);
  font-size: clamp(2.6rem, 4.3vw, 4rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
  font-weight: 800;
}
.a3-market-hero__turn { color: var(--a3-identity); }
.a3-market-hero__title::after {
  content: "";
  display: block;
  width: 5rem;
  height: 5px;
  border-radius: 3px;
  margin-block-start: var(--a3-space-5);
  margin-block-end: var(--a3-space-2);
  background: var(--a3-rating-mark);
}
.a3-market-hero__text {
  color: var(--a3-text-secondary);
  opacity: 1;
  font-size: var(--a3-text-xl);
  line-height: 1.35;
  max-width: 30rem;
}
.a3-market-hero__search {
  border-radius: var(--a3-radius-lg);
  padding: var(--a3-space-2) var(--a3-space-2) var(--a3-space-2) var(--a3-space-4);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--a3-text) 8%, transparent);
  max-width: 36rem;
}
.a3-market-hero__search .a3-btn { border-radius: var(--a3-radius-md); padding-inline: var(--a3-space-6); }
.a3-market-hero__art {
  height: 17rem;
  background: none;
  border-radius: 0;
  isolation: isolate;
}
.a3-market-hero__art::after { content: none; }
.a3-market-hero__art::before {
  content: "";
  position: absolute;
  inset: -0.7rem -1rem -1rem -0.3rem;
  z-index: -1;
  border-radius: 34% 66% 58% 42% / 52% 38% 62% 48%;
  background: color-mix(in srgb, var(--a3-identity) 20%, color-mix(in srgb, var(--a3-rating-mark) 15%, var(--a3-primary-100)));
}
.a3-market-hero__photo {
  border-radius: 0 0 46% 54% / 0 0 22% 28%;
  object-position: 55% 35%;
}
.a3-market-hero__script {
  inset-block-end: 12%;
  inset-inline-end: var(--a3-space-3);
  max-width: none;
  text-align: start;
  font-style: normal;
  font-weight: 800;
  font-size: var(--a3-text-xl);
  line-height: 1.1;
  color: var(--a3-text);
  background: color-mix(in srgb, var(--a3-rating-mark) 10%, var(--a3-bg));
  border: 0;
  border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;
  padding: var(--a3-space-5) var(--a3-space-6) var(--a3-space-6);
  transform: rotate(-7deg);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--a3-text) 12%, transparent);
}
.a3-market-hero__script::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 4px;
  border-radius: 2px;
  margin-block-start: var(--a3-space-2);
  background: var(--a3-rating-mark);
}
.a3-market-hero__spark {
  position: absolute;
  width: 2.5rem;
  inset-block-start: -1.6rem;
  inset-inline-start: 1.2rem;
  fill: none;
  stroke: var(--a3-identity);
  stroke-width: 3;
  stroke-linecap: round;
}
@media (min-width: 60rem) {
  .a3-market-hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    padding-block: var(--a3-space-6) calc(var(--a3-space-6) + 1.5rem);
    gap: var(--a3-space-6);
  }
  .a3-market-hero__art {
    height: 28rem;
    width: auto;
margin-inline-end: calc(-1 * var(--a3-hero-inset) + 2.5rem);
  }
  .a3-market-hero__photo {
    border-radius: 34% 66% 58% 42% / 52% 38% 62% 48%;
    object-position: 62% 40%;
  }
.a3-market-hero__art > picture::before {
    content: "";
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: -2rem;
    width: 6rem;
    height: 4.5rem;
    z-index: -1;
    background: radial-gradient(circle, color-mix(in srgb, var(--a3-identity) 25%, transparent) 2px, transparent 2.5px) 0 0 / 14px 14px;
  }
.a3-market-hero__script {
    inset-block-end: 16%;
    inset-inline-start: -2.5rem;
    inset-inline-end: auto;
    font-size: var(--a3-text-2xl);
  }
}
.a3-cat__tile { width: 4rem; height: 4rem; }
.a3-market-hero__art > picture { display: block; position: relative; height: 100%; }
@media (max-width: 59.99rem) {
.a3-market-hero { padding-block-start: 0; }
  .a3-market-hero__art { margin-inline: calc(-1 * var(--a3-hero-inset)); width: auto; height: 19rem; }
  .a3-market-hero__text { font-size: var(--a3-text-lg); }
.a3-market-hero__art::before { inset-inline: 0; }
}
@media (max-width: 59.99rem) {
  .a3-market-hero ~ .a3-cats:not(.a3-cats--wrap) { display: none; }
.a3-market-hero {
    padding-block-end: calc(1.5rem + var(--a3-space-3));
    gap: var(--a3-space-3);
    mask: radial-gradient(140% 1.5rem at 50% 100%, transparent 96%, currentColor 100%) bottom / 100% 1.5rem no-repeat,
          linear-gradient(currentColor, currentColor) top / 100% calc(100% - 1.5rem) no-repeat;
  }
  .a3-market-hero__art { height: 9rem; }
  .a3-market-hero__title { font-size: 2rem; }
  .a3-market-hero__title::after { margin-block-start: var(--a3-space-3); margin-block-end: 0; width: 4rem; height: 4px; }
  .a3-market-hero__text { font-size: var(--a3-text-md); }
  .a3-market-hero__script { font-size: var(--a3-text-md); padding: var(--a3-space-3) var(--a3-space-4) var(--a3-space-4); }
}
@media (max-width: 59.99rem) {
.a3-market-hero { padding-block-end: 1.5rem; }
  .a3-market-hero + .a3-cats + * { margin-top: var(--a3-space-1); }
  section[aria-labelledby="all-shops"] .a3-section__text { display: none; }
}
.a3-slide {
  display: flex;
  gap: var(--a3-space-3);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-block-end: var(--a3-space-2);
  -webkit-overflow-scrolling: touch;
}
.a3-slide__item { flex: 0 0 calc((100% - 2 * var(--a3-space-3)) / 3); scroll-snap-align: start; }
@media (min-width: 60rem) { .a3-slide__item { flex-basis: 13rem; } }
.a3-slide .a3-placeholder__label { letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 2 * var(--a3-space-2)); }
.a3-catrow__name { color: var(--a3-link); text-decoration: none; display: inline-flex; align-items: center; min-height: var(--a3-target-inline-min); }
.a3-catrow__name:hover { text-decoration: underline; }
.a3-cat__tile > picture { display: contents; }
.a3-cat__picture { width: 76%; height: 76%; object-fit: contain; display: block; }
@media (min-width: 60rem) {
  .a3-authority--market {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto auto;
    grid-template-areas:
      "brand . surface basis basket account"
      "menu menu menu menu acts acts";
    align-items: center;
    column-gap: var(--a3-space-5);
    row-gap: 0;
    padding-block-end: 0;
  }
.a3-authority--market::after {
    content: "";
    grid-row: 2;
    grid-column: 1 / -1;
    align-self: start;
    border-top: 1px solid var(--a3-border);
    margin-inline: calc(-1 * var(--a3-space-4));
  }
  .a3-authority--market .a3-authority__brand {
    grid-area: brand;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--a3-space-5);
    padding-block: var(--a3-space-3);
  }
  .a3-authority--market .a3-authority__tagline { font-size: var(--a3-text-md); flex: none; }
  .a3-authority--market .a3-authority__surface { grid-area: surface; }
  .a3-authority--market .a3-authority__basis {
    grid-area: basis;
    font-size: var(--a3-text-md);
    color: var(--a3-text-secondary);
    padding-inline-start: var(--a3-space-5);
    border-inline-start: 1px solid var(--a3-border);
  }
  .a3-authority--market .a3-authority__control { grid-area: account; margin: 0; }
  .a3-authority--market .a3-authority__basket { grid-area: basket; margin: 0; justify-self: center; }
  .a3-authority--market .a3-menu { grid-area: menu; align-self: stretch; }
  .a3-authority--market .a3-authority__acts { grid-area: acts; justify-self: end; margin: 0; }
  .a3-authority--market .a3-menu .a3-nav { gap: var(--a3-space-6); }
  .a3-authority--market .a3-menu .a3-nav__link { font-size: var(--a3-text-md); gap: var(--a3-space-2); }
  .a3-authority--market .a3-authority__acts .a3-btn--secondary {
    gap: var(--a3-space-2);
    background: var(--a3-primary-100);
    color: var(--a3-primary-700);
    border-color: transparent;
    font-weight: 700;
  }
}
.a3-slide__item { min-width: 0; display: flex; }
.a3-slide__item > .a3-producttile { flex: 1 1 auto; min-width: 0; }
.a3-slide .a3-producttile__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.a3-slide .a3-producttile__price { margin-top: auto; }
@media (max-width: 47.99rem) {
  .a3-cats--wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--a3-space-2);
  }
  .a3-cats--wrap .a3-cat { width: auto; font-size: var(--a3-text-xs); }
  .a3-cats--wrap .a3-cat__tile { width: 3.5rem; height: 3.5rem; }
}
.a3-authority__basket {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--a3-touch-min);
  min-height: var(--a3-touch-min);
  color: var(--a3-text-secondary);
order: 101;
  margin-inline-start: auto;
}
.a3-authority__basket .a3-icon { width: 1.5rem; height: 1.5rem; }
.a3-authority__basket-count {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 2px;
  min-width: 1.15rem;
  height: 1.15rem;
  padding-inline: 4px;
  border-radius: 999px;
  display: grid;
  place-items: center;
background: var(--a3-danger-600);
  color: var(--a3-text-inverse);
  font-size: var(--a3-text-2xs);
  font-weight: 700;
  line-height: 1;
}
.a3-authority__basket-count--inline { position: static; }
@media (max-width: 47.99rem) {
  .a3-authority--market {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
grid-template-areas:
      "brand brand surface"
      "menu basis basket";
    align-items: center;
    column-gap: var(--a3-space-3);
  }
  .a3-authority--market .a3-authority__brand { grid-area: brand; }
  .a3-authority--market .a3-authority__surface { grid-area: surface; justify-self: end; }
  .a3-authority--market .a3-authority__basis { grid-area: basis; margin: 0; }
  .a3-authority--market .a3-menu { grid-area: menu; }
  .a3-authority--market .a3-authority__basket { grid-area: basket; justify-self: end; margin: 0; }
}