/* PURÉE Pocket luxury icons v1.1.1 · 2026-08-12 */
@media (max-width: 767px) {
  #pxp-app .pxp-daily-icon {
    position: relative !important;
    overflow: hidden !important;
    color: transparent !important;
    background:
      radial-gradient(circle at 32% 24%, rgba(218, 183, 123, 0.16), transparent 34%),
      linear-gradient(145deg, #272219 0%, #12100d 58%, #080706 100%) !important;
    border: 1px solid rgba(201, 164, 103, 0.72) !important;
    border-radius: 14px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 235, 198, 0.15),
      inset 0 -1px 0 rgba(0, 0, 0, 0.55),
      0 6px 16px rgba(23, 18, 12, 0.14) !important;
    font-size: 0 !important;
  }

  #pxp-app .pxp-daily-icon > * {
    display: none !important;
  }

  #pxp-app .pxp-daily-icon::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #pxp-app .pxp-daily-item[href^="/espresso?"] .pxp-daily-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cellipse cx='16' cy='18' rx='11.4' ry='7.7' fill='none' stroke='%23c9a467' stroke-width='1.45'/%3E%3Cpath d='M7.7 17.4c.7-2.9 3.1-3 4.3-5.1 1-1.7 2.1-3 4.1-2.8 2 .2 2.6 2.1 4.1 3 1.7 1 3.8.6 4.3 2.7.6 2.4-1.3 4.7-3.4 5.6-2.3 1-4.1-.1-6.3.3-2.3.4-4.3 1.5-6-.2-1.1-1-1.4-2.3-1.1-3.5Z' fill='none' stroke='%23ead09f' stroke-width='1.25' stroke-linejoin='round'/%3E%3Ccircle cx='16.2' cy='15.6' r='3.3' fill='%23c9a467'/%3E%3Ccircle cx='15.2' cy='14.7' r='.75' fill='%23f5dfb7' opacity='.75'/%3E%3Cpath d='M8 27h16' stroke='%238b6a39' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  #pxp-app .pxp-daily-item[href*="/espresso-1"] .pxp-daily-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24.8 6.8c-4.4-2.9-11.5-.3-15.6 5.2-4 5.3-2.8 10.7 1.5 13.2 4.4 2.5 10.5.3 14.1-4.8 3.7-5.2 3.6-11.2 0-13.6Z' fill='none' stroke='%23c9a467' stroke-width='1.55' stroke-linejoin='round'/%3E%3Cpath d='M23.5 7.5c-1.1 3.3-4.4 4.3-6.9 6.4-3.2 2.7-3.6 6.6-5 10.4' fill='none' stroke='%23ead09f' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M9.3 12.5c2 .9 4.6 1.9 7.3 1.4M16.6 13.9c.8 2.4 2.3 4.5 5 5.5' fill='none' stroke='%238b6a39' stroke-width='1.05' stroke-linecap='round'/%3E%3Ccircle cx='23.1' cy='8.9' r='.7' fill='%23f5dfb7'/%3E%3C/svg%3E");
  }

  #pxp-app .pxp-daily-item[href*="/puree-event"] .pxp-daily-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='12.3' cy='18.2' r='6.7' fill='none' stroke='%23ead09f' stroke-width='1.45'/%3E%3Ccircle cx='20.1' cy='18.2' r='6.7' fill='none' stroke='%23c9a467' stroke-width='1.55'/%3E%3Cpath d='m18.1 10.4 2-3 2 3-2 2.5-2-2.5Z' fill='%23c9a467' stroke='%23f3ddb4' stroke-width='.65' stroke-linejoin='round'/%3E%3Cpath d='M16.2 6.1v-2M12.8 7.5l-1.4-1.4M23.5 7.5l1.4-1.4' fill='none' stroke='%238b6a39' stroke-width='1.05' stroke-linecap='round'/%3E%3Cpath d='M8.7 25.5c3.7 2 11.4 2 15.1 0' fill='none' stroke='%238b6a39' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  #pxp-app .pxp-install .pxp-daily-icon {
    background: #080808 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 13px !important;
    display: grid !important;
    place-items: center !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.11),
      0 7px 18px rgba(23, 18, 12, 0.18) !important;
  }

  #pxp-app .pxp-install .pxp-daily-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 15px;
    background-image: url("https://www.puree.com.tr/_dir/site_pure/resimler/20230613013937.svg#svgView(viewBox(1200,210,2600,800);preserveAspectRatio(none))");
    filter: brightness(0) invert(1);
    transform: translate(-50%, -50%);
  }

  #pxp-app .pxp-install button {
    cursor: pointer !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
  }

  #pxp-app .pxp-install button:active {
    transform: scale(0.96) !important;
  }

  #pxp-app .pxp-install button[data-pxi-installed="1"] {
    color: #171512 !important;
    background: rgba(201, 164, 103, 0.22) !important;
    border: 1px solid rgba(201, 164, 103, 0.48) !important;
  }

  #pxp-app .pxi-install-layer {
    position: fixed;
    z-index: 2147483600;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 18px 14px calc(18px + env(safe-area-inset-bottom));
    background: rgba(10, 9, 7, 0.54);
    backdrop-filter: blur(8px);
  }

  #pxp-app .pxi-install-sheet {
    width: min(100%, 430px);
    margin: 0 auto;
    padding: 20px;
    color: #f6eddf;
    background:
      radial-gradient(circle at 88% 3%, rgba(202, 166, 107, 0.2), transparent 32%),
      linear-gradient(145deg, #252018, #0f0d0a 68%);
    border: 1px solid rgba(202, 166, 107, 0.55);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  }

  #pxp-app .pxi-install-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  #pxp-app .pxi-install-sheet-head strong {
    font-size: 18px;
    letter-spacing: -0.03em;
  }

  #pxp-app .pxi-install-close {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #ead09f;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(202, 166, 107, 0.32);
    border-radius: 50%;
    font-size: 20px;
  }

  #pxp-app .pxi-install-sheet p {
    margin: 12px 0 16px;
    color: rgba(246, 237, 223, 0.72);
    font-size: 11px;
    line-height: 1.55;
  }

  #pxp-app .pxi-install-steps {
    display: grid;
    gap: 9px;
  }

  #pxp-app .pxi-install-step {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    color: #f6eddf;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(202, 166, 107, 0.18);
    border-radius: 14px;
    font-size: 11px;
    line-height: 1.4;
  }

  #pxp-app .pxi-install-step b {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    color: #17120c;
    background: linear-gradient(145deg, #ead09f, #af8445);
    border-radius: 9px;
    font-size: 12px;
  }

  #pxp-app .pxi-install-done {
    width: 100%;
    height: 46px;
    margin-top: 14px;
    color: #17120c;
    background: linear-gradient(135deg, #f0d9ae, #bd914e);
    border: 0;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 800;
  }
}