@media (max-width:767px){

  
  html[data-theme] body:where(.amk-app) > main{padding:64px 16px 40px}

  
  html[data-theme] body:where(.amk-app) .hello{display:block; margin:0}
  html[data-theme] body:where(.amk-app) .hello .eyebrow{position:relative; z-index:1; margin:0; font-size:12px; line-height:16px;
    font-weight:700; letter-spacing:.17em}
  
  html[data-theme] body:where(.amk-app) .hello .eyebrow a{display:inline-block; padding:0 0 12px; margin:0 0 -12px}
  html[data-theme] body:where(.amk-app) .hello h1{margin:4px 0 0; font:400 34px/40px var(--font-display); letter-spacing:.004em}
  html[data-theme] body:where(.amk-app) .hello .sub{margin:8px 0 0; font-size:13.5px; line-height:19px; color:var(--ink-faint)}
  
  html[data-theme] body:where(.amk-app) .hello .right{display:none}

  
  html[data-theme] body:where(.amk-app) main form.panel{height:56px; margin:16px 0 0; padding:0 6px 0 14px; gap:6px;
    border-radius:999px; border:1px solid rgba(var(--line-c), .10); outline:0; background:var(--srf-solid); box-shadow:var(--app-lift);
    -webkit-backdrop-filter:none; backdrop-filter:none}
  html[data-theme] body:where(.amk-app) main form.panel:focus-within{outline:3px solid var(--accent); outline-offset:2px}
  html[data-theme] body:where(.amk-app) main form.panel .mdl-q-ic{display:block; flex:none; width:22px; height:22px; fill:none;
    stroke:var(--accent); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
  html[data-theme] body:where(.amk-app) main form.panel input,
  html[data-theme] body:where(.amk-app) main form.panel input:focus{height:44px; margin:0; padding:0 4px; border:0; border-radius:0;
    background:none; box-shadow:none; outline:0; font-size:16px; color:var(--ink)}
  html[data-theme] body:where(.amk-app) main form.panel .btn{flex:none; width:44px; height:44px; min-height:44px; margin:0; padding:0;
    border-radius:50%; font-size:0; gap:0}
  html[data-theme] body:where(.amk-app) main form.panel .btn::before{content:""; width:20px; height:20px; background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat}
  
  html[data-theme] body:where(.amk-app) main form.panel .btn.secondary::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}

  
  
  html[data-theme] body:where(.amk-app) .mdl-countries{display:flex; flex-wrap:nowrap; margin:4px -16px -8px; padding:8px 16px; overflow-x:auto;
    scrollbar-width:none}
  html[data-theme] body:where(.amk-app) .mdl-countries::-webkit-scrollbar{display:none}
  html[data-theme] body:where(.amk-app) .mdl-countries .lbl{display:none}
  html[data-theme] body:where(.amk-app) .mdl-countries .mc-track{display:inline-flex; flex:none; gap:2px; padding:2px; border-radius:999px;
    background:var(--app-soft)}
  html[data-theme] body:where(.amk-app) .mdl-countries .mc{flex:none; display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding:0 16px; border:0; border-radius:999px; background:none; -webkit-backdrop-filter:none; backdrop-filter:none;
    font-size:14px; font-weight:700; color:var(--ink-soft); white-space:nowrap}
  html[data-theme] body:where(.amk-app) .mdl-countries .mc.on{background:var(--srf-solid); color:var(--ink); box-shadow:var(--app-pin)}

  
  html[data-theme] body:where(.amk-app) main .grid-cat{display:block; margin-top:12px; border-radius:22px; overflow:hidden;
    background:var(--srf-solid); box-shadow:var(--lift-1)}
  html[data-theme] body:where(.amk-app) main .grid-cat > .mdl{flex-direction:row; align-items:center; gap:12px; min-height:78px;
    padding:12px 14px; border:0; border-top:1px solid rgba(var(--line-c), .07); outline:0; border-radius:0; background:none;
    box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; transform:none}
  html[data-theme] body:where(.amk-app) main .grid-cat > .mdl:first-child{border-top:0}
  html[data-theme] body:where(.amk-app) main .grid-cat > .mdl:hover{transform:none}
  
  html[data-theme] body:where(.amk-app) main .grid-cat > .mdl:focus-visible{outline:3px solid var(--accent); outline-offset:-4px; border-radius:16px}
  
  html[data-theme] body:where(.amk-app) main .mdl .mdl-ph{display:block; flex:none; width:88px; aspect-ratio:16/9; border-radius:12px}
  html[data-theme] body:where(.amk-app) main .mdl .mdl-ph-none{background:var(--app-soft)}
  
  html[data-theme] body:where(.amk-app) main .mdl .mdl-ai{left:0; right:0; bottom:0; padding:1px 0; border-radius:0; font-size:9px;
    line-height:12px; letter-spacing:.04em; text-align:center}
  html[data-theme] body:where(.amk-app) main .mdl .txt{flex:1; min-width:0; gap:1px; padding:0}
  html[data-theme] body:where(.amk-app) main .mdl .nm{font:400 17px/22px var(--font-display); color:var(--ink)}
  html[data-theme] body:where(.amk-app) main .mdl .st{font-size:13.5px; line-height:19px; color:var(--ink-faint)}
  html[data-theme] body:where(.amk-app) main .mdl .st + .st{font-size:12px; line-height:16px}
  
  html[data-theme] body:where(.amk-app) main .mdl .mdl-price{white-space:nowrap}
  html[data-theme] body:where(.amk-app) main .mdl .mdl-chev{display:block; flex:none; width:18px; height:18px; fill:none;
    stroke:var(--ink-faint); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
  html[data-theme] body:where(.amk-app) main .grid-cat > .panel{margin:0; border:0; outline:0; border-radius:0; box-shadow:none;
    background:none}

  
  html[data-theme] body:where(.amk-app) .mdl-pages{gap:4px 10px; margin:16px 0 0}
  html[data-theme] body:where(.amk-app) .mdl-pages a,
  html[data-theme] body:where(.amk-app) .mdl-pages b{display:inline-flex; align-items:center; justify-content:center; min-width:44px;
    min-height:44px; padding:0 6px}
}