#markazi-mobile-app-root { display:none; }

@media (max-width: 767px) {
  body.markazi-mobile-app-mounted > *:not(#markazi-mobile-app-root):not(#wpadminbar):not(.markazi-cart-overlay):not(.markazi-cart-drawer):not(.markazi-mobile-bottom-nav) {
    display:none !important;
  }

  body.markazi-mobile-app-mounted {
    min-height:100dvh !important;
    margin:0 !important;
    padding-right:0 !important;
    padding-left:0 !important;
    background:#fbfaf8 !important;
  }

  #markazi-mobile-app-root {
    position:relative;
    z-index:2;
    width:100%;
    min-height:100dvh;
    margin:0;
    padding:0;
    display:block !important;
    overflow:visible;
    direction:rtl;
    color:var(--markazi-coffee);
    background:var(--markazi-paper);
  }

  #markazi-mobile-app-root *,
  #markazi-mobile-app-root *::before,
  #markazi-mobile-app-root *::after { box-sizing:border-box; }

  #markazi-mobile-app-root .markazi-mobile-app-main { display:block !important; min-height:0 !important; }
  #markazi-mobile-app-root .markazi-mobile-page-head,
  #markazi-mobile-app-root .markazi-mobile-product-dock,
  #markazi-mobile-app-root .markazi-mobile-flavour-profile { display:grid; }
  #markazi-mobile-app-root .markazi-mobile-shop-toolbar { display:flex !important; }
  #markazi-mobile-app-root .markazi-mobile-app-main { position:relative; }

  #markazi-mobile-app-root .markazi-mobile-card-image { display:block; }
  #markazi-mobile-app-root .markazi-mobile-card-excerpt {
    min-height:34px;
    margin:0;
    padding:0 14px 5px;
    overflow:hidden;
    color:#81756e;
    font-size:10px;
    font-weight:600;
    line-height:1.65;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  #markazi-mobile-app-root .markazi-mobile-pagination { margin:0 18px 34px; }
  #markazi-mobile-app-root .markazi-mobile-pagination .page-numbers {
    margin:0;
    padding:0;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    list-style:none;
  }
  #markazi-mobile-app-root .markazi-mobile-pagination li { margin:0; padding:0; }
  #markazi-mobile-app-root .markazi-mobile-pagination a,
  #markazi-mobile-app-root .markazi-mobile-pagination span {
    width:40px;
    height:40px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--markazi-coffee);
    background:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
  }
  #markazi-mobile-app-root .markazi-mobile-pagination .current { color:#fff; background:var(--markazi-coffee); }
  #markazi-mobile-app-root .markazi-mobile-empty-products {
    margin:35px 18px;
    padding:35px 20px;
    border-radius:26px;
    color:var(--markazi-coffee);
    background:#fff;
    text-align:center;
  }
  #markazi-mobile-app-root .markazi-mobile-empty-products strong { display:block; margin-bottom:8px; font-size:18px; }
  #markazi-mobile-app-root .markazi-mobile-empty-products p { margin:0; color:var(--markazi-muted); font-size:13px; }

  #markazi-mobile-app-root.single-product,
  #markazi-mobile-app-root .single-product { width:100%; }
  #markazi-mobile-app-root div.product.markazi-mobile-product-layout { display:flex !important; }
  #markazi-mobile-app-root .markazi-mobile-product-visual {
    position:relative;
    z-index:2;
    width:100%;
    max-width:282px;
    display:block;
    overflow:hidden;
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-track {
    width:100%;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-track::-webkit-scrollbar { display:none; }
  #markazi-mobile-app-root .markazi-mobile-gallery-slide {
    width:100%;
    min-width:100%;
    margin:0;
    padding:0 0 12px;
    display:grid;
    place-items:center;
    scroll-snap-align:center;
    scroll-snap-stop:always;
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-slide img {
    width:100%;
    height:310px;
    max-height:310px;
    object-fit:contain;
    mix-blend-mode:normal;
    transition:opacity .18s ease, transform .22s ease;
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-dots {
    position:absolute;
    right:50%;
    bottom:3px;
    z-index:4;
    display:flex;
    gap:6px;
    transform:translateX(50%);
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-dots button {
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(49,31,21,.20);
  }
  #markazi-mobile-app-root .markazi-mobile-gallery-dots button.is-selected { width:20px; border-radius:999px; background:var(--markazi-coffee); }

  #markazi-mobile-app-root .markazi-mobile-product-copy {
    order:3;
    width:100%;
    padding:17px var(--markazi-mobile-gutter) 34px;
  }

  #markazi-mobile-app-root div.product .markazi-mobile-product-stage {
    width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #markazi-mobile-app-root .markazi-mobile-product-stage::after { display:none !important; }

  #markazi-mobile-app-root .markazi-mobile-product-dock {
    position:fixed !important;
    right:max(10px, env(safe-area-inset-right)) !important;
    bottom:calc(102px + var(--markazi-safe-bottom)) !important;
    left:max(10px, env(safe-area-inset-left)) !important;
    z-index:2147483000 !important;
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
  }
  body.markazi-mobile-sheet-open #markazi-mobile-app-root .markazi-mobile-product-dock {
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(18px);
  }
  #markazi-mobile-app-root .markazi-mobile-filter-overlay,
  #markazi-mobile-app-root .markazi-mobile-choice-overlay { z-index:2147483001 !important; }
  #markazi-mobile-app-root .markazi-mobile-filter-sheet,
  #markazi-mobile-app-root .markazi-mobile-choice-sheet { z-index:2147483002 !important; }
  #markazi-mobile-app-root .markazi-mobile-filter-sheet,
  #markazi-mobile-app-root .markazi-mobile-choice-sheet {
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-options {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
    gap:6px;
    margin:0 0 7px;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-option {
    width:100%;
    min-width:0;
    min-height:47px;
    margin:0;
    padding:6px 9px;
    border:1px solid rgba(49,31,21,.07) !important;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    color:var(--markazi-coffee);
    background:rgba(255,255,255,.62);
    text-align:right;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-option + .markazi-mobile-dock-option { padding-top:6px; }
  #markazi-mobile-app-root .markazi-mobile-dock-option-copy {
    min-width:0;
    display:grid;
    gap:2px;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-option-copy small {
    overflow:hidden;
    font-size:8px;
    line-height:1.3;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-option-copy strong {
    max-width:none;
    overflow:hidden;
    font-size:10px;
    line-height:1.4;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  #markazi-mobile-app-root .markazi-mobile-dock-option > svg {
    width:13px;
    height:13px;
    flex:none;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
  }
  #markazi-mobile-app-root .markazi-mobile-price-placeholder { color:var(--markazi-muted); font-size:10px; white-space:nowrap; }
  #markazi-mobile-app-root .markazi-mobile-short-description {
    margin:0 0 14px;
    color:#655b55;
    font-size:14px;
    line-height:2;
  }
  #markazi-mobile-app-root .markazi-mobile-short-description p { margin:0; }
  #markazi-mobile-app-root .markazi-mobile-native-cart-form {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
  }
  #markazi-mobile-app-root .markazi-mobile-description-card {
    margin:0;
    padding:19px;
    border:1px solid var(--markazi-line);
    border-radius:24px;
    color:#655b55;
    background:#fff;
    box-shadow:0 14px 35px rgba(50,31,21,.045);
    font-size:14px;
    line-height:2;
  }
  #markazi-mobile-app-root .markazi-mobile-description-card h2 { margin:0 0 10px; color:var(--markazi-coffee); font-size:18px; font-weight:900; }
  #markazi-mobile-app-root .markazi-mobile-description-card p:last-child { margin-bottom:0; }

  #markazi-mobile-app-root .markazi-mobile-product-dock { display:block; }
  #markazi-mobile-app-root .markazi-mobile-filter-overlay,
  #markazi-mobile-app-root .markazi-mobile-choice-overlay,
  #markazi-mobile-app-root .markazi-mobile-filter-sheet,
  #markazi-mobile-app-root .markazi-mobile-choice-sheet { display:block; }

  body.admin-bar #markazi-mobile-app-root { min-height:calc(100dvh - 46px); }
  body.admin-bar #markazi-mobile-app-root .markazi-mobile-product-dock { bottom:calc(102px + var(--markazi-safe-bottom)) !important; }

  @media (max-width: 380px) {
    #markazi-mobile-app-root .markazi-mobile-gallery-slide img { height:286px; }
  }
}