/*
 * iDrugstore consolidated PWA production build v22
 * Generated from the verified structural baseline plus Design System v22.
 */

/* --- preserved structural baseline: pwa-mobile-v13.css --- */
/* iDrugstore PWA Structural Design System v13.0 — consumer mobile shell */
@media (max-width:767px){
:root{--app-brand:#d41421;--app-brand-strong:#ad0f19;--app-brand-soft:#fff0f1;--app-bg:#f4f6f8;--app-surface:#fff;--app-ink:#17202b;--app-muted:#657180;--app-line:#e2e7ec;--app-success:#087a4b;--app-warning:#a85b00;--app-danger:#b4232d;--app-info:#1769aa;--app-gutter:10px;--app-header:62px;--app-nav:78px;--app-r-sm:10px;--app-r-md:15px;--app-r-lg:21px;--app-shadow:0 10px 28px rgba(23,32,43,.08);--app-z-header:900;--app-z-nav:950;--app-z-overlay:1100;--app-z-sheet:1110}
html{scroll-padding-top:calc(var(--app-header) + env(safe-area-inset-top));background:var(--app-bg)}
body.id-pwa-native{width:100%;min-width:0;max-width:100%;margin:0;background:var(--app-bg)!important;color:var(--app-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:calc(var(--app-nav) + 12px + env(safe-area-inset-bottom))!important;padding-left:env(safe-area-inset-left)!important}
body.id-pwa-native *,body.id-pwa-native *:before,body.id-pwa-native *:after{box-sizing:border-box}
body.id-pwa-native #main-content,body.id-pwa-native #main-content>*,body.id-pwa-native .sections,body.id-pwa-native section{width:100%!important;max-width:100%!important;min-width:0!important;margin-right:0!important;margin-left:0!important}
body.id-pwa-native .container{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-right:var(--app-gutter)!important;padding-left:var(--app-gutter)!important}
body.id-pwa-native .row{max-width:100%!important;margin-right:0!important;margin-left:0!important}
body.id-pwa-native [class*="col-"]{min-width:0;max-width:100%}
body.id-pwa-native img{max-width:100%;height:auto}
body.id-pwa-native h1,body.id-pwa-native h2,body.id-pwa-native h3,body.id-pwa-native h4,body.id-pwa-native p{overflow-wrap:anywhere}
body.id-pwa-native a,body.id-pwa-native button,body.id-pwa-native input,body.id-pwa-native select,body.id-pwa-native textarea{-webkit-tap-highlight-color:transparent}
body.id-pwa-native :focus-visible{outline:3px solid rgba(212,20,33,.28)!important;outline-offset:2px!important}

/* Shared page surfaces */
body.id-pwa-native .sections{padding:18px 0 28px!important;background:var(--app-bg)!important}
body.id-pwa-native .box-grey,body.id-pwa-native .box-grey2,body.id-pwa-native .rounded{max-width:100%!important;border:1px solid var(--app-line)!important;border-radius:var(--app-r-lg)!important;background:var(--app-surface)!important;box-shadow:none!important}
body.id-pwa-native .section-label{margin:0 0 14px!important;border:0!important}
body.id-pwa-native .section-label-a{display:flex!important;align-items:center!important;gap:10px!important;color:var(--app-ink)!important;font-size:17px!important;font-weight:850!important;line-height:1.2!important}
body.id-pwa-native .section-label-a .i-big{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:var(--app-brand-soft)!important;color:var(--app-brand)!important;font-size:20px!important}
body.id-pwa-native .bold{font-weight:800!important}
body.id-pwa-native .small{color:var(--app-muted)!important;font-size:12px!important;line-height:1.45!important}

/* Buttons and controls */
body.id-pwa-native button,body.id-pwa-native .uk-button,body.id-pwa-native .green-button,body.id-pwa-native .orange-button,body.id-pwa-native .red-button,body.id-pwa-native input[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:10px 15px!important;border:0!important;border-radius:13px!important;background:var(--app-brand)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important}
body.id-pwa-native button:active,body.id-pwa-native .uk-button:active,body.id-pwa-native .green-button:active,body.id-pwa-native .orange-button:active{background:var(--app-brand-strong)!important;transform:scale(.985)}
body.id-pwa-native button[disabled],body.id-pwa-native input[disabled]{opacity:.52!important;pointer-events:none}
body.id-pwa-native input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.id-pwa-native select,body.id-pwa-native textarea{display:block!important;width:100%!important;max-width:100%!important;min-height:50px!important;margin:0!important;padding:12px 13px!important;border:1px solid #d9e0e6!important;border-radius:13px!important;background:#fff!important;color:var(--app-ink)!important;font-family:inherit!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important}
body.id-pwa-native textarea{min-height:112px!important;resize:vertical}
body.id-pwa-native input:focus,body.id-pwa-native select:focus,body.id-pwa-native textarea:focus{border-color:var(--app-brand)!important;box-shadow:0 0 0 3px rgba(212,20,33,.11)!important;outline:0!important}
body.id-pwa-native label{display:block!important;margin:0 0 6px!important;color:#3f4a56!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important}
body.id-pwa-native form .row>[class*="col-"]{float:none!important;width:100%!important;padding-right:0!important;padding-left:0!important}

/* Header and navigation */
body.id-pwa-native .top-menu-wrapper{z-index:var(--app-z-header)!important}
body.id-pwa-native .id-pwa-tabbar{z-index:var(--app-z-nav)!important}
body.id-pwa-native .id-pwa-context-copy small{color:var(--app-brand)!important;font-size:9px!important;letter-spacing:.05em!important}
body.id-pwa-native .id-pwa-context-copy strong{color:var(--app-ink)!important;font-size:14px!important}
body.id-pwa-native .id-pwa-back{flex:0 0 42px!important}
body.id-pwa-native nav.id-pwa-tabbar>a{min-height:56px!important}

/* Tables become readable mobile records */
body.id-pwa-native table{display:block!important;width:100%!important;max-width:100%!important;border:0!important;overflow-x:auto!important;scrollbar-width:thin!important}
body.id-pwa-native table th,body.id-pwa-native table td{padding:10px!important;font-size:12px!important;line-height:1.4!important;vertical-align:top!important}
body.id-pwa-page-addressbook #table_list thead,body.id-pwa-page-orderhistory .order-order-history thead{display:none!important}
body.id-pwa-page-addressbook #table_list tbody,body.id-pwa-page-addressbook #table_list tr,body.id-pwa-page-addressbook #table_list td{display:block!important;width:100%!important}
body.id-pwa-page-addressbook #table_list tr{margin:0 0 10px!important;padding:13px!important;border:1px solid var(--app-line)!important;border-radius:15px!important;background:#fff!important}

/* Search and results */
body.id-pwa-page-searcharea .search-left-content,body.id-pwa-page-searcharea #mobile-search-filter{position:fixed!important;z-index:var(--app-z-sheet)!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:82dvh!important;padding:18px 12px calc(18px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;overflow-y:auto!important;transform:translateY(105%);transition:transform .22s ease!important}
body.id-pwa-page-searcharea .search-left-content.open,body.id-pwa-page-searcharea #mobile-search-filter.open{transform:translateY(0)!important}
body.id-pwa-page-searcharea .search-right-content{float:none!important;width:100%!important;padding:0!important}
body.id-pwa-page-searcharea .search-results-wrapper,body.id-pwa-page-searcharea .result-merchant{width:100%!important}
body.id-pwa-page-searcharea .search-result-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow-x:auto!important}
body.id-pwa-page-searcharea .view-options a{min-width:42px!important;min-height:42px!important}

/* Product detail as a native bottom sheet/page */
body.id-pwa-page-item .sections{padding:0!important;background:rgba(15,23,32,.42)!important}
body.id-pwa-page-item .sections>.container{padding:0!important}
body.id-pwa-page-item .item-order-wrap,body.id-pwa-page-item .item-details-wrap,body.id-pwa-page-item form{width:100%!important;max-width:100%!important}
body.id-pwa-page-item .food-pic{width:100%!important;min-height:210px!important;border-radius:0 0 22px 22px!important;background-position:center!important;background-size:cover!important}
body.id-pwa-page-item .qty-minus,body.id-pwa-page-item .qty-plus,body.id-pwa-page-item .qty-addon-minus,body.id-pwa-page-item .qty-addon-plus{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important}
body.id-pwa-page-item .row>[class*="col-"]{min-width:0!important}
body.id-pwa-page-item .section-label{margin-top:18px!important}

/* Cart */
body.id-pwa-page-cart .sections,body.id-pwa-page-cart .mobile-cart-main{padding:10px!important;background:var(--app-bg)!important}
body.id-pwa-page-cart .item-order-wrap>div,body.id-pwa-page-cart .cart-item{margin-bottom:8px!important;padding:13px!important;border-bottom:1px solid var(--app-line)!important;background:#fff!important}
body.id-pwa-page-cart .qty,body.id-pwa-page-cart .qty-input{min-width:42px!important;text-align:center!important}
body.id-pwa-page-cart .cart-total-wrap,body.id-pwa-page-cart .order-total-wrap{position:sticky!important;z-index:20!important;bottom:calc(var(--app-nav) + env(safe-area-inset-bottom))!important;padding:13px!important;border:1px solid var(--app-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--app-shadow)!important}

/* Checkout, payment and confirmation */
body.id-pwa-page-checkout .section-checkout>.container>.row,body.id-pwa-page-paymentoption .section-payment-option>.container>.row,body.id-pwa-page-confirmorder .section-confirmorder>.container>.row{display:block!important}
body.id-pwa-page-checkout .section-checkout>.container>.row>[class*="col-"],body.id-pwa-page-paymentoption .section-payment-option>.container>.row>[class*="col-"],body.id-pwa-page-confirmorder .section-confirmorder>.container>.row>[class*="col-"]{float:none!important;width:100%!important;margin:0 0 12px!important;padding:0!important}
body.id-pwa-page-checkout .section-checkout .box-grey,body.id-pwa-page-paymentoption .section-payment-option .box-grey,body.id-pwa-page-confirmorder .section-confirmorder .box-grey{padding:16px!important}
body.id-pwa-page-paymentoption .payment-option-list li,body.id-pwa-page-paymentoption .payment-options li{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:52px!important;padding:12px 0!important;border-bottom:1px solid var(--app-line)!important}
body.id-pwa-page-paymentoption .sticky-div,body.id-pwa-page-confirmorder .sticky-div{position:static!important;width:100%!important}
body.id-pwa-page-confirmorder .table-order-details,body.id-pwa-page-receipt table{border-radius:14px!important;background:#fff!important}

/* Account, orders, points */
body.id-pwa-page-profile .id-account-shell,body.id-pwa-page-orderhistory .section-profile,body.id-pwa-page-mypoints .sections{padding:10px 0 24px!important}
body.id-pwa-page-orderhistory .order-history-list>li,body.id-pwa-page-orderhistory .uk-list>li{margin:0 0 10px!important;padding:14px!important;border:1px solid var(--app-line)!important;border-radius:16px!important;background:#fff!important}
body.id-pwa-page-orderhistory .order-order-history{margin-top:10px!important;border-top:1px solid var(--app-line)!important}
body.id-pwa-page-mypoints .mytable{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}

/* Error, empty, verification and content states */
body.id-pwa-page-error .sections,body.id-pwa-page-404 .sections,body.id-pwa-page-forgotpassword .sections,body.id-pwa-page-emailverification .sections,body.id-pwa-page-verification .sections,body.id-pwa-page-ty .sections{display:grid!important;place-items:center!important;min-height:calc(100dvh - var(--app-header) - var(--app-nav))!important;padding:20px 10px!important}
body.id-pwa-native .section-notfound,body.id-pwa-native .id-empty-state,body.id-pwa-native .section-mobile-verification,body.id-pwa-native .section-orangeform{width:100%!important;max-width:520px!important;margin:0 auto!important;padding:22px 16px!important;border:1px solid var(--app-line)!important;border-radius:22px!important;background:#fff!important;text-align:center!important}

/* Modal -> bottom sheet */
body.id-pwa-native .modal,body.id-pwa-native .uk-modal{z-index:var(--app-z-overlay)!important;padding:0!important;background:rgba(15,23,32,.48)!important}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{position:absolute!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;max-height:88dvh!important;margin:0!important;padding:18px 12px calc(18px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;overflow-y:auto!important}
body.id-pwa-native .modal-dialog:before,body.id-pwa-native .uk-modal-dialog:before{display:block;width:42px;height:4px;margin:0 auto 14px;border-radius:5px;background:#d9dee4;content:""}
body.id-pwa-native .modal-close-btn,body.id-pwa-native button.close{position:sticky!important;z-index:2!important;top:0!important;float:right!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important}

/* Status semantics */
body.id-pwa-native .label-success{background:#e5f7ef!important;color:var(--app-success)!important}
body.id-pwa-native .label-danger,body.id-pwa-native .label-error{background:#fff0f1!important;color:var(--app-danger)!important}
body.id-pwa-native .label-warning{background:#fff7e8!important;color:var(--app-warning)!important}
body.id-pwa-native .label{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important}
}
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid>.id-account-main{float:none!important;display:block!important;width:100%!important;max-width:none!important;flex:none!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:270px minmax(0,1fr)!important;column-gap:28px!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace>#tabs{width:270px!important;max-width:270px!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace>#tab{width:auto!important;max-width:none!important}
}
/* Desktop profile sidebar flow fix v27.0.4 */
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:28px!important;align-items:start!important}
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid>.id-account-main{display:contents!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace{display:contents!important}
 body.id-pwa-page-profile .section-profile .id-desktop-nav-heading{grid-column:1!important;grid-row:1!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace>#tabs{grid-column:1!important;grid-row:2!important}
 body.id-pwa-page-profile .section-profile .id-account-workspace>#tab{grid-column:2!important;grid-row:1/span 3!important}
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid>.id-account-identity{position:static!important;grid-column:1!important;grid-row:3!important;width:270px!important;margin:18px 0 0!important;align-self:start!important}
}
/* Compact desktop identity card v27.0.5 */
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-account-identity .box-grey{padding:20px!important}
 body.id-pwa-page-profile .section-profile .id-account-identity .avatar-wrap{width:76px!important;height:76px!important;margin-top:16px!important}
 body.id-pwa-page-profile .section-profile .id-account-identity #single_uploadfile{min-height:38px!important}
 body.id-pwa-page-profile .section-profile .id-account-identity .line-top,
 body.id-pwa-page-profile .section-profile .id-account-identity .connected-wrap{display:none!important}
 body.id-pwa-page-profile .section-profile .id-account-identity .single_uploadfile_progress:empty{display:none!important}
}
/* Remove legacy fixed card height v27.0.6 */
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-account-identity,
 body.id-pwa-page-profile .section-profile .id-account-identity .box-grey{min-height:0!important;height:auto!important}
}
/* Neutralize legacy flex stretching v27.0.7 */
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-account-identity .box-grey{display:block!important}
 body.id-pwa-page-profile .section-profile .id-account-identity .id-desktop-identity-copy{display:block!important;flex:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 64px 0 0!important}
}
/* Intrinsic desktop card sizing v27.0.8 */
@media (min-width:1025px){
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid>.id-account-identity,
 body.id-pwa-page-profile .section-profile .id-desktop-account-grid>.id-account-identity>.box-grey{height:fit-content!important;block-size:fit-content!important;align-self:start!important}
}

/* iDrugstore mobile home v24.5 — persistent browser install invitation. */
@media (max-width: 1024px) {
}

@media (display-mode: standalone) and (max-width: 1024px) {
}

/* iDrugstore mobile menu v24.4 — cart quantity and add confirmation. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-menu .id-menu-cart-dock > span {
    display: flex !important;
    min-width: 0;
    align-items: center;
    gap: 8px;
  }

  body.id-pwa-native.id-pwa-page-menu .id-menu-cart-count {
    display: none;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255,255,255,.86);
    border-radius: 999px;
    background: #c91525;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(201,21,37,.32);
  }

  body.id-pwa-native.id-pwa-page-menu .id-menu-cart-count.has-items {
    display: inline-flex;
  }

  body.id-pwa-native .id-cart-add-toast {
    position: fixed;
    z-index: 1085;
    right: max(14px, env(safe-area-inset-right));
    bottom: calc(150px + env(safe-area-inset-bottom));
    left: max(14px, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 11px;
    width: auto;
    max-width: 460px;
    min-height: 66px;
    margin-inline: auto;
    padding: 11px 14px 11px 11px;
    align-items: center;
    border: 1px solid #b7e4c7;
    border-radius: 18px;
    background: rgba(247,255,250,.98);
    color: #123b24;
    box-shadow: 0 14px 34px rgba(15,58,34,.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px) scale(.98);
    transition: opacity .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
    backdrop-filter: blur(16px);
  }

  body.id-pwa-native .id-cart-add-toast.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  body.id-pwa-native .id-cart-add-toast > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    background: #15803d;
    color: #fff;
    font-size: 21px;
    box-shadow: 0 7px 16px rgba(21,128,61,.22);
  }

  body.id-pwa-native .id-cart-add-toast strong,
  body.id-pwa-native .id-cart-add-toast small {
    display: block;
    color: inherit;
    text-align: left;
  }

  body.id-pwa-native .id-cart-add-toast strong {
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
  }

  body.id-pwa-native .id-cart-add-toast small {
    margin-top: 2px;
    color: #3f6f51;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
  }

  body.id-pwa-native.id-pwa-keyboard-open .id-cart-add-toast {
    display: none !important;
  }
}

/* iDrugstore mobile menu v24.3 — reserve the fixed cart dock at list end. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-menu .section-menu .menu-left-content {
    padding-bottom: calc(152px + env(safe-area-inset-bottom)) !important;
    scroll-margin-bottom: calc(152px + env(safe-area-inset-bottom));
  }
}
@media(max-width:359px){:root{--app-gutter:8px}body.id-pwa-native .section-label-a{font-size:16px!important}body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{padding-right:9px!important;padding-left:9px!important}}
@media(min-width:768px) and (max-width:1024px){body.id-pwa-native .container{max-width:920px!important}body.id-pwa-native .id-pwa-tabbar{max-width:620px!important;margin:0 auto!important}}
@media(orientation:landscape) and (max-height:520px){body.id-pwa-native .top-menu-wrapper{position:relative!important}body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{max-height:96dvh!important}}
@media(prefers-reduced-motion:reduce){body.id-pwa-native *,body.id-pwa-native *:before,body.id-pwa-native *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v13 structural remediation: fix causes, never mask viewport overflow */
@media (max-width:1024px){
:root{--app-page-max:760px;--app-gutter:clamp(12px,3.6vw,24px);--app-control:48px;--app-header:calc(60px + env(safe-area-inset-top));--app-nav:calc(64px + env(safe-area-inset-bottom));--app-space-1:4px;--app-space-2:8px;--app-space-3:12px;--app-space-4:16px;--app-space-5:24px;--app-space-6:32px}
html{inline-size:100%;min-inline-size:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--app-header)}
body.id-pwa-native{inline-size:100%;min-inline-size:0;max-inline-size:none;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)!important;padding-block-end:calc(var(--app-nav) + var(--app-space-4))!important;overscroll-behavior-y:contain}
body.id-pwa-native :where(main,#main-content,.main-wrapper,.content-wrapper,.sections,section,.container,.row,[class*="col-"],form,fieldset,article,aside,nav,ul,li,div){min-inline-size:0}
body.id-pwa-native :where(#main-content,.main-wrapper,.content-wrapper,.sections,section){inline-size:100%;max-inline-size:100%;margin-inline:0}
body.id-pwa-native .container{inline-size:min(100%,var(--app-page-max))!important;max-inline-size:var(--app-page-max)!important;margin-inline:auto!important;padding-inline:var(--app-gutter)!important}
body.id-pwa-native .row{display:flex;flex-wrap:wrap;inline-size:100%;max-inline-size:100%;margin-inline:0!important}
body.id-pwa-native .row>[class*="col-"]{min-inline-size:0;max-inline-size:100%;padding-inline:0}
body.id-pwa-native :where(img,svg,video,canvas,iframe){display:block;max-inline-size:100%;block-size:auto}
body.id-pwa-native :where(h1,h2,h3,h4,h5,p,a,span,strong,small,label,td,th){max-inline-size:100%;overflow-wrap:break-word;word-break:normal}
body.id-pwa-native :where(input,select,textarea,button,.uk-button,.green-button,.orange-button,.red-button){max-inline-size:100%;font:inherit}
body.id-pwa-native :where(button,.uk-button,.green-button,.orange-button,.red-button,input[type="submit"],input[type="button"]){min-block-size:var(--app-control)!important;padding:11px 16px!important;white-space:normal;text-align:center;touch-action:manipulation}
body.id-pwa-native :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(212,20,33,.28)!important;outline-offset:2px!important}
body.id-pwa-native :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){inline-size:100%!important;min-block-size:var(--app-control)!important;font-size:16px!important}
body.id-pwa-native .section-footer,body.id-pwa-native .section-subcribe,body.id-pwa-native .footer-divider{display:none!important}
body.id-pwa-native .top-menu-wrapper{position:sticky!important;inset-block-start:0;inline-size:100%;min-block-size:var(--app-header);padding-block-start:env(safe-area-inset-top);isolation:isolate}
body.id-pwa-native .top-menu-wrapper>.container{display:flex!important;align-items:center;gap:10px;min-block-size:60px}
body.id-pwa-native .id-pwa-context{display:flex;align-items:center;gap:10px;min-inline-size:0;flex:1}
body.id-pwa-native .id-pwa-context-copy{display:flex;min-inline-size:0;flex-direction:column}
body.id-pwa-native .id-pwa-context-copy strong{display:block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.id-pwa-native .id-pwa-back{inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;padding:0!important;border-radius:50%!important}
body.id-pwa-native .id-pwa-tabbar{position:fixed;inset-inline:0;inset-block-end:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));inline-size:100%;min-inline-size:0;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-block-start:1px solid var(--app-line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
body.id-pwa-native .id-pwa-tabbar>a{display:flex!important;min-inline-size:0;min-block-size:54px!important;padding:5px 2px!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--app-muted)!important;text-align:center}
body.id-pwa-native .id-pwa-tabbar>a i{display:grid;inline-size:26px;block-size:26px;place-items:center;font-size:23px;line-height:1}
body.id-pwa-native .id-pwa-tabbar>a span{display:block;inline-size:100%;overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body.id-pwa-native .id-pwa-tabbar>a.is-active{color:var(--app-brand)!important}
body.id-pwa-native.id-pwa-keyboard-open .id-pwa-tabbar,body.id-pwa-native.id-pwa-keyboard-open .id-menu-cart-dock{display:none!important}
body.id-pwa-native.id-pwa-keyboard-open{padding-block-end:var(--app-space-4)!important}
body.id-pwa-native .sections{padding-block:var(--app-space-4) var(--app-space-6)!important}
body.id-pwa-native .box-grey,body.id-pwa-native .box-grey2,body.id-pwa-native .rounded{inline-size:100%;min-inline-size:0;padding:var(--app-space-4);border-radius:18px!important}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.cuisine-list,.product-list,.order-history-list,.favorites-list){inline-size:100%;min-inline-size:0}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(.row,ul){display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3);inline-size:100%}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(li,[class*="col-"]){inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;margin:0!important;padding:0!important}
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) img{inline-size:100%;aspect-ratio:16/9;object-fit:cover}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab){display:flex!important;max-inline-size:100%;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab)::-webkit-scrollbar{display:none}
body.id-pwa-native :where(.menu-category,.category-list,.cuisine-list,.tabs,.uk-tab)>*{flex:0 0 auto;scroll-snap-align:start}
body.id-pwa-native :where(.food-item-wrap,.menu-item,.item-row,.cart-item,.order-item){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--app-space-3);inline-size:100%;min-inline-size:0;align-items:start}
body.id-pwa-native :where(.food-item-wrap,.menu-item,.item-row,.cart-item,.order-item)>*{min-inline-size:0;max-inline-size:100%}
body.id-pwa-native .food-pic{inline-size:100%!important;aspect-ratio:16/10;min-block-size:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
body.id-pwa-native .item-order-wrap{inline-size:100%;min-inline-size:0}
body.id-pwa-native :where(.qty-minus,.qty-plus,.qty-addon-minus,.qty-addon-plus){inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;padding:0!important}
body.id-pwa-native :where(.cart-total-wrap,.order-total-wrap,.sticky-div){max-inline-size:100%;inset-inline:auto!important}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder,.section-profile)>.container>.row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3)}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder,.section-profile)>.container>.row>[class*="col-"]{inline-size:100%!important;margin:0!important;padding:0!important}
body.id-pwa-native table{inline-size:100%!important;max-inline-size:100%!important;border-collapse:collapse}
body.id-pwa-native :where(#table_list,.order-order-history,.table-order-details){table-layout:fixed}
body.id-pwa-native :where(#table_list,.order-order-history,.table-order-details) :where(th,td){max-inline-size:100%;white-space:normal!important;overflow-wrap:anywhere}
body.id-pwa-native :where(.modal,.uk-modal){position:fixed!important;inset:0!important;inline-size:100%!important;block-size:100dvh!important;padding:0!important;overscroll-behavior:contain}
body.id-pwa-native :where(.modal-dialog,.uk-modal-dialog){position:absolute!important;inset-inline:0!important;inset-block-end:0!important;inline-size:100%!important;max-inline-size:100%!important;max-block-size:min(88dvh,720px)!important;margin:0!important;padding:20px var(--app-gutter) calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;border-radius:24px 24px 0 0!important}
body.id-pwa-native :where(.modal-footer,.uk-modal-footer){display:flex;flex-wrap:wrap;gap:8px;position:sticky;inset-block-end:0;padding-block-start:12px;background:inherit}
body.id-pwa-native :where(.modal-footer,.uk-modal-footer)>*{flex:1 1 140px}
body.id-pwa-native .id-menu-cart-dock{inset-inline:var(--app-gutter)!important;max-inline-size:calc(100% - (2 * var(--app-gutter)))}
}

/* v25.8 mobile home readability: light cards with dark, high-contrast text. */
@media (max-width:1024px){
  body.id-pwa-page-index .id-mobile-home-categories a{
    background:#fff!important;color:#1b1d21!important;border-color:#e2e5e8!important;
  }
  body.id-pwa-page-index .id-mobile-home-categories a *{color:#1b1d21!important}
  body.id-pwa-page-index .id-mobile-store-card{
    background:#fff!important;color:#17191d!important;border-color:#e2e5e8!important;
  }
  body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy strong{color:#17191d!important}
  body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy small{color:#5e6872!important}
  body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy em{color:#4e5862!important}
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-all{background:#fff!important;border-color:#e2e5e8!important;color:#17191d!important}
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-all small,
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-all strong{color:#17191d!important}
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary{background:linear-gradient(135deg,#f0f2f4,#dfe3e7)!important}
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary,
  body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary *{color:#1b1d21!important}
}
@media (min-width:600px) and (max-width:1024px){
body.id-pwa-native :where(.merchant-list,.result-merchant,.restaurant-list,.product-list) :where(.row,ul){grid-template-columns:repeat(2,minmax(0,1fr))}
body.id-pwa-native :where(.section-checkout,.section-payment-option,.section-confirmorder)>.container>.row{grid-template-columns:repeat(2,minmax(0,1fr))}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{inset-inline:50%!important;inline-size:min(680px,calc(100% - 32px))!important;transform:translateX(-50%)}
}
@media (max-width:359px){
body.id-pwa-native .id-pwa-tabbar>a span{font-size:9px}
body.id-pwa-native .id-pwa-context-copy small{display:none}
body.id-pwa-native :where(button,.uk-button,.green-button,.orange-button,.red-button,input[type="submit"]){padding-inline:12px!important}
}
@media (orientation:landscape) and (max-height:520px){
body.id-pwa-native{--app-header:52px;--app-nav:58px}
body.id-pwa-native .top-menu-wrapper>.container{min-block-size:52px}
body.id-pwa-native .id-pwa-tabbar>a{min-block-size:46px!important;flex-direction:row}
body.id-pwa-native .modal-dialog,body.id-pwa-native .uk-modal-dialog{max-block-size:96dvh!important}
}
/* Measured overflow fixes from production DOM */
@media (max-width:1024px){
body.id-pwa-native .row.border{inset-inline:0!important;transform:none!important}
body.id-pwa-native .id-plans-grid,body.id-pwa-native .id-plan-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--app-space-3);inline-size:100%;max-inline-size:100%}
body.id-pwa-native .id-plan-card{position:relative;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;margin-inline:0!important;transform:none!important}
body.id-pwa-native .id-plan-card::before,body.id-pwa-native .id-plan-card::after{max-inline-size:100%;inset-inline:0}
body.id-pwa-native .id-plan-card :where(.id-plan-topline,.id-plan-price,.id-plan-features,.id-plan-action){min-inline-size:0;max-inline-size:100%}
body.id-pwa-native .id-plan-badge{inset-inline:auto var(--app-space-3)!important;max-inline-size:calc(100% - (2 * var(--app-space-3)));transform:none!important;white-space:normal}
}
@media (min-width:600px) and (max-width:1024px){body.id-pwa-native .id-plans-grid,body.id-pwa-native .id-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){
body.id-pwa-native .id-plan-card.is-featured::after{inline-size:clamp(100px,35vw,180px)!important;block-size:clamp(100px,35vw,180px)!important;inset-inline-start:auto!important;inset-inline-end:0!important;inset-block-start:0!important;transform:none!important}
body.id-pwa-native .row.border{position:relative!important;inset-inline-start:0!important;inset-inline-end:auto!important;inline-size:100%!important;max-inline-size:100%!important;margin-inline:0!important}
}
/* Accessibility findings from 320/390 emulation */
@media (max-width:1024px){
body.id-pwa-native .label-success{background:#dff5ea!important;color:#055f3a!important}
body.id-pwa-page-menu #parallax-wrap{position:relative;isolation:isolate}
body.id-pwa-page-menu #parallax-wrap::before{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(9,18,27,.48),rgba(9,18,27,.72));content:"";pointer-events:none}
body.id-pwa-page-menu #parallax-wrap>*{position:relative;z-index:1}
body.id-pwa-page-menu #parallax-wrap h1{color:#fff!important}
body.id-pwa-native #mobile-menu-toggle{display:grid!important;inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important;min-block-size:44px!important;place-items:center}
}

/* --- preserved structural baseline: pwa-complete-v15.css --- */
/*
 * iDrugstore PWA Complete v15.0
 * Correções incrementais comprovadas pelo Lighthouse do cardápio em 414 px.
 * Carregado após idrugstore-v4.css e pwa-mobile-v13.css.
 */

/* Mantém as estrelas 16 × 16, de acordo com a proporção do asset raty. */
body.id-pwa-page-menu .rating-stars img {
  inline-size: 16px !important;
  block-size: 16px !important;
  min-inline-size: 16px !important;
  min-block-size: 16px !important;
  object-fit: contain !important;
}

/* #707a88 atingia somente 4,34:1 em 11 px sobre branco. */
body.id-pwa-page-menu .items-row > p.small {
  color: #5f6977 !important;
}

/* O texto visível passa a ser o próprio nome acessível do link no template. */
body.id-pwa-page-menu .id-menu-cart-dock:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: -5px !important;
}

@media (forced-colors: active) {
  body.id-pwa-page-menu .id-menu-cart-dock:focus-visible {
    outline-color: Highlight !important;
  }
}


/* --- preserved structural baseline: pwa-rebuild-v16.css --- */
/*
 * iDrugstore PWA visual rebuild v16.0
 * Single final layer for the public consumer experience.
 * Scope: <= 1024px and body.id-pwa-native only.
 */
@media (max-width:1024px) {
  :root {
    --v16-brand:#d41421;
    --v16-brand-dark:#a90f19;
    --v16-brand-soft:#fff1f2;
    --v16-ink:#17212b;
    --v16-muted:#5f6c7a;
    --v16-subtle:#5f6c7a;
    --v16-bg:#f4f6f8;
    --v16-surface:#ffffff;
    --v16-line:#e5e9ee;
    --v16-line-strong:#d6dde4;
    --v16-success:#087a4b;
    --v16-warning:#9a5700;
    --v16-danger:#b4232d;
    --v16-gutter:clamp(14px,4vw,24px);
    --v16-radius-sm:10px;
    --v16-radius:16px;
    --v16-radius-lg:22px;
    --v16-shadow:0 8px 24px rgba(23,33,43,.07);
    --v16-header:64px;
    --v16-nav:72px;
  }

  html {
    background:var(--v16-bg)!important;
    color-scheme:light;
  }

  body.id-pwa-native {
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 calc(var(--v16-nav) + env(safe-area-inset-bottom) + 12px)!important;
    background:var(--v16-bg)!important;
    color:var(--v16-ink)!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:14px!important;
    line-height:1.5!important;
    overflow-x:clip!important;
  }

  body.id-pwa-native *,
  body.id-pwa-native *::before,
  body.id-pwa-native *::after {
    box-sizing:border-box!important;
  }

  body.id-pwa-native #main-content {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:calc(100dvh - var(--v16-header) - var(--v16-nav))!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.id-pwa-native :where(.sections,section,.main-wrapper,.content-wrapper) {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px 0 28px!important;
    background:transparent!important;
  }

  body.id-pwa-native .container {
    width:min(100%,760px)!important;
    max-width:760px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding-right:var(--v16-gutter)!important;
    padding-left:var(--v16-gutter)!important;
  }

  body.id-pwa-native .row {
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    flex-wrap:wrap!important;
  }

  body.id-pwa-native .row > [class*="col-"] {
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
  }

  /* Remove ornamental Bootstrap borders that fragment mobile cards. */
  body.id-pwa-native :where(.row.border,.row.borderx,[class*="col-"].border,[class*="col-"].borderx,.mycol.border,.mycol.borderx) {
    border:0!important;
  }

  body.id-pwa-native :where(h1,h2,h3,h4,h5,p) {
    max-width:100%!important;
    margin-top:0;
    color:var(--v16-ink);
    overflow-wrap:break-word;
  }

  body.id-pwa-native h1 { font-size:clamp(28px,8vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important; }
  body.id-pwa-native h2 { font-size:22px!important;line-height:1.18!important;letter-spacing:-.025em!important; }
  body.id-pwa-native h3 { font-size:17px!important;line-height:1.25!important;letter-spacing:-.015em!important; }
  body.id-pwa-native :where(.small,small) { color:var(--v16-muted)!important;line-height:1.45!important; }
  body.id-pwa-native img { max-width:100%!important;height:auto; }

  /* Header: one quiet clinical surface, no floating border artifacts. */
  body.id-pwa-native .top-menu-wrapper {
    position:sticky!important;
    z-index:900!important;
    top:0!important;
    width:100%!important;
    min-height:calc(var(--v16-header) + env(safe-area-inset-top))!important;
    margin:0!important;
    padding:env(safe-area-inset-top) 0 0!important;
    border:0!important;
    border-bottom:1px solid var(--v16-line)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:none!important;
    backdrop-filter:blur(16px) saturate(150%);
  }

  body.id-pwa-native .top-menu-wrapper > .container {
    display:flex!important;
    min-height:var(--v16-header)!important;
    align-items:center!important;
    gap:10px!important;
  }

  body.id-pwa-native .top-menu-wrapper :where(.logo-desktop,.logo-mobile,.col-a,.col-b) {
    display:none!important;
  }

  body.id-pwa-native .id-pwa-context {
    display:flex!important;
    min-width:0!important;
    flex:1 1 auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  body.id-pwa-native .id-pwa-context-copy {
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:1px!important;
  }

  body.id-pwa-native .id-pwa-context-copy small {
    color:var(--v16-brand)!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
  }

  body.id-pwa-native .id-pwa-context-copy strong {
    max-width:100%!important;
    color:var(--v16-ink)!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.25!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.id-pwa-native :where(.id-pwa-back,.menu-nav-mobile) {
    display:grid!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid var(--v16-line)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:var(--v16-ink)!important;
    box-shadow:none!important;
  }

  body.id-pwa-native.id-pwa-has-back .menu-nav-mobile { display:none!important; }

  /* Buttons: brand red for primary, ink/white for secondary, semantic colors only for states. */
  body.id-pwa-native :where(button:not(.owl-dot):not(.id-pwa-back):not(.menu-nav-mobile),input[type="button"],input[type="submit"],a.green-button,a.orange-button,a.red-button,a.id-btn-primary,a.checkout-confirm-btn,.id-submit-action,.uk-button-primary) {
    display:inline-flex!important;
    min-height:48px!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 18px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid var(--v16-brand)!important;
    border-radius:13px!important;
    background:var(--v16-brand)!important;
    background-image:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:800 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
    white-space:normal!important;
    box-shadow:none!important;
  }

  body.id-pwa-native :where(a.black-button,a.grey-button,a.id-btn-outline,a.id-btn-ghost,.uk-button:not(.uk-button-primary),button.cancel,button.close) {
    border:1px solid var(--v16-line-strong)!important;
    background:#fff!important;
    color:var(--v16-ink)!important;
    -webkit-text-fill-color:var(--v16-ink)!important;
    box-shadow:none!important;
  }

  body.id-pwa-native :where(button,input[type="button"],input[type="submit"],a.green-button,a.orange-button,a.red-button,a.black-button,a.grey-button,.uk-button):active {
    transform:translateY(1px)!important;
    box-shadow:none!important;
  }

  body.id-pwa-native :where(button,input,a,.uk-button):focus-visible {
    outline:3px solid rgba(212,20,33,.25)!important;
    outline-offset:2px!important;
  }

  body.id-pwa-native :where(button,input[type="submit"],.uk-button,.green-button,.orange-button)[disabled],body.id-pwa-native :where(button,input[type="submit"],.uk-button,.green-button,.orange-button).disabled {
    border-color:#cfd6dd!important;
    background:#cfd6dd!important;
    color:#64717e!important;
    -webkit-text-fill-color:#64717e!important;
    opacity:1!important;
  }

  /* Forms */
  body.id-pwa-native :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea,.grey-fields) {
    display:block!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid var(--v16-line-strong)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--v16-ink)!important;
    -webkit-text-fill-color:var(--v16-ink)!important;
    font:500 16px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    box-shadow:none!important;
  }

  body.id-pwa-native textarea { min-height:116px!important;resize:vertical!important; }
  body.id-pwa-native :where(input,select,textarea):focus {
    border-color:var(--v16-brand)!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(212,20,33,.1)!important;
  }
  body.id-pwa-native label {
    display:block!important;
    margin:0 0 6px!important;
    color:#394652!important;
    font-size:12px!important;
    font-weight:750!important;
  }
  body.id-pwa-native form .row { gap:14px!important; }
  body.id-pwa-native form .row > [class*="col-"] { width:100%!important;flex:1 1 100%!important; }

  /* Unified surfaces: no double border, no arbitrary internal whitespace. */
  body.id-pwa-native :where(.box-grey,.box-grey2,.menu-cat,.result-merchant,.id-modern-form,.id-account-workspace,.section-notfound,.id-empty-state) {
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    padding:18px!important;
    border:1px solid var(--v16-line)!important;
    border-radius:var(--v16-radius)!important;
    background:var(--v16-surface)!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.id-pwa-native :where(.section-label,.id-section-heading,.id-onboarding-intro) {
    margin:0 0 16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.id-pwa-native .section-label-a {
    display:flex!important;
    min-width:0!important;
    align-items:center!important;
    gap:10px!important;
    color:var(--v16-ink)!important;
    font-size:18px!important;
    font-weight:850!important;
  }

  /* Home: purposeful pharmacy storefront, not a collection of bordered blocks. */
  body.id-pwa-page-index .parallax-container.parallax-home {
    min-height:auto!important;
    margin:0!important;
    padding:28px 0 30px!important;
    border:0!important;
    background:linear-gradient(145deg,#17212b 0%,#232f3a 68%,#68151c 150%)!important;
    box-shadow:none!important;
  }

  body.id-pwa-page-index .parallax-search.search-wraps {
    display:flex!important;
    width:100%!important;
    padding:0!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.id-pwa-page-index .parallax-search h1 {
    max-width:560px!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }

  body.id-pwa-page-index .mobile-search-menu {
    display:flex!important;
    width:100%!important;
    gap:6px!important;
    padding:4px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.08)!important;
    overflow-x:auto!important;
  }

  body.id-pwa-page-index .mobile-search-menu a {
    min-height:38px!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:10px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:12px!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }

  body.id-pwa-page-index .mobile-search-menu .active a {
    background:#fff!important;
    color:var(--v16-brand)!important;
  }

  body.id-pwa-page-index .search-input-wraps,
  body.id-pwa-page-index .search-input-wraps > .row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    min-height:56px!important;
    gap:0!important;
    padding:4px!important;
    border:0!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  }

  body.id-pwa-page-index .search-input-wraps input {
    height:48px!important;
    min-height:48px!important;
    padding:0 12px!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.id-pwa-page-index .search-input-wraps button {
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:11px!important;
  }

  body.id-pwa-page-index :where(.id-categories,.id-how,.id-trust,.id-faq,.id-cta) {
    padding:28px 0!important;
  }

  body.id-pwa-page-index .id-cat-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.id-pwa-page-index .cat-item {
    min-width:0!important;
    margin:0!important;
    padding:14px 10px!important;
    border:1px solid var(--v16-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  /* Browse: one clear merchant card per surface. */
  body.id-pwa-page-browse #restuarant-list {
    display:grid!important;
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.id-pwa-page-browse #restuarant-list > .infinite-item {
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.id-pwa-page-browse #restuarant-list > .infinite-item > .inner {
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid var(--v16-line)!important;
    border-radius:var(--v16-radius)!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.id-pwa-page-browse #restuarant-list .inner > .row {
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
  }

  body.id-pwa-page-browse #restuarant-list .logo-small {
    width:72px!important;
    height:72px!important;
    margin:0!important;
    border:1px solid var(--v16-line)!important;
    border-radius:14px!important;
    object-fit:cover!important;
  }

  body.id-pwa-page-browse #restuarant-list :where(.browse-list-map,.with-padleft) {
    display:none!important;
  }

  body.id-pwa-page-browse #restuarant-list .orange-button {
    width:100%!important;
    margin-top:14px!important;
  }

  /* Menu: simple list rows with stable two-line information hierarchy. */
  body.id-pwa-page-menu :where(#menu_left_content,#menu-list-wrapper) {
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.id-pwa-page-menu .category-list {
    position:sticky!important;
    z-index:20!important;
    top:calc(var(--v16-header) + env(safe-area-inset-top))!important;
    width:100%!important;
    margin:0!important;
    padding:8px 0!important;
    border-bottom:1px solid var(--v16-line)!important;
    background:rgba(244,246,248,.97)!important;
    box-shadow:none!important;
  }

  body.id-pwa-page-menu .category {
    display:flex!important;
    width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding:0 var(--v16-gutter)!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  body.id-pwa-page-menu .category-child {
    min-height:40px!important;
    padding:9px 13px!important;
    border:1px solid var(--v16-line-strong)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--v16-ink)!important;
    font-size:12px!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }

  body.id-pwa-page-menu .category-child.active {
    border-color:var(--v16-brand)!important;
    background:var(--v16-brand-soft)!important;
    color:var(--v16-brand)!important;
  }

  body.id-pwa-page-menu .menu-cat {
    margin:0 0 14px!important;
    padding:18px!important;
  }

  body.id-pwa-page-menu .menu-cat > a {
    display:flex!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 12px!important;
    align-items:center!important;
    border:0!important;
    color:var(--v16-ink)!important;
    text-decoration:none!important;
  }

  body.id-pwa-page-menu .items-row > p.small {
    margin:0 0 8px!important;
    color:var(--v16-muted)!important;
    font-size:12px!important;
  }

  body.id-pwa-page-menu .items-row > .row {
    display:grid!important;
    width:100%!important;
    min-height:74px!important;
    margin:0!important;
    padding:13px 0!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:"name action" "price action"!important;
    column-gap:12px!important;
    row-gap:4px!important;
    align-items:center!important;
    border:0!important;
    border-top:1px solid var(--v16-line)!important;
    background:#fff!important;
    overflow:visible!important;
  }

  body.id-pwa-page-menu .items-row > .row > div:first-child {
    grid-area:name!important;
    color:var(--v16-ink)!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.35!important;
  }

  body.id-pwa-page-menu .items-row > .row > .food-price-wrap:not(.relative) {
    grid-area:price!important;
    color:var(--v16-brand-dark)!important;
    font-size:13px!important;
    font-weight:800!important;
    text-align:left!important;
  }

  body.id-pwa-page-menu .items-row > .row > .food-price-wrap.relative {
    grid-area:action!important;
    display:grid!important;
    width:44px!important;
    max-width:44px!important;
    place-items:center!important;
  }

  body.id-pwa-page-menu .menu-item.mbile {
    display:grid!important;
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid var(--v16-brand)!important;
    border-radius:12px!important;
    background:var(--v16-brand)!important;
    color:#fff!important;
  }

  body.id-pwa-page-menu #menu-right-content { display:none!important; }

  body.id-pwa-page-menu .id-menu-cart-dock {
    right:var(--v16-gutter)!important;
    bottom:calc(var(--v16-nav) + env(safe-area-inset-bottom) + 8px)!important;
    left:var(--v16-gutter)!important;
    min-height:56px!important;
    padding:8px 8px 8px 16px!important;
    border:0!important;
    border-radius:15px!important;
    background:var(--v16-ink)!important;
    box-shadow:0 12px 30px rgba(23,33,43,.25)!important;
  }

  /* Checkout, cart, account and forms: one column, deliberate rhythm. */
  body.id-pwa-page-checkout :where(#parallax-wrap,.parallax-container),body.id-pwa-page-cart :where(#parallax-wrap,.parallax-container) {
    display:none!important;
  }

  body.id-pwa-page-checkout .section-checkout,
  body.id-pwa-page-cart .sections,
  body.id-pwa-page-profile .sections,
  body.id-pwa-page-contact .sections,
  body.id-pwa-page-signup .sections {
    padding:18px 0 28px!important;
  }

  body.id-pwa-page-checkout .section-checkout > .container > .row {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.id-pwa-page-checkout .section-checkout > .container > .row > [class*="col-"] {
    width:100%!important;
    margin:0!important;
  }

  body.id-pwa-page-checkout :where(.box-grey,.green-button,.orange-button),body.id-pwa-page-signup :where(.id-modern-form,.id-submit-action),body.id-pwa-page-contact :where(.green-button,input[type="submit"]) {
    width:100%!important;
  }

  body.id-pwa-page-signup :where(.id-journey-hero,.id-account-hero) {
    margin:0!important;
    padding:24px 0!important;
    border:0!important;
    border-bottom:1px solid var(--v16-line)!important;
    background:#fff!important;
  }

  body.id-pwa-page-profile :where(.id-account-shell,.id-account-workspace,.id-account-identity) {
    width:100%!important;
    max-width:100%!important;
  }

  /* Status colors are never used for generic actions. */
  body.id-pwa-native .label {
    display:inline-flex!important;
    min-height:26px!important;
    padding:4px 9px!important;
    align-items:center!important;
    border:0!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  body.id-pwa-native :where(.label-success,.green-color) { color:var(--v16-success)!important; }
  body.id-pwa-native .label-success { background:#e8f6ef!important; }
  body.id-pwa-native :where(.label-warning,.orange-text) { color:var(--v16-warning)!important; }
  body.id-pwa-native .label-warning { background:#fff5e6!important; }
  body.id-pwa-native :where(.label-danger,.label-error) { background:#fff0f1!important;color:var(--v16-danger)!important; }

  /* Bottom navigation: edge-to-edge, stable and visually subordinate. */
  body.id-pwa-native nav.id-pwa-tabbar {
    position:fixed!important;
    z-index:1000!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(var(--v16-nav) + env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    border:0!important;
    border-top:1px solid var(--v16-line)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -6px 22px rgba(23,33,43,.06)!important;
    overflow:visible!important;
    backdrop-filter:blur(16px) saturate(150%);
  }

  body.id-pwa-native nav.id-pwa-tabbar > a {
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:6px 2px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:var(--v16-subtle)!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.id-pwa-native nav.id-pwa-tabbar > a i {
    display:grid!important;
    width:25px!important;
    height:25px!important;
    place-items:center!important;
    color:currentColor!important;
    font-size:22px!important;
  }

  body.id-pwa-native nav.id-pwa-tabbar > a span {
    width:100%!important;
    color:currentColor!important;
    font-size:9px!important;
    font-weight:750!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.id-pwa-native nav.id-pwa-tabbar > a.is-active {
    background:var(--v16-brand-soft)!important;
    color:var(--v16-brand)!important;
  }

  body.id-pwa-native nav.id-pwa-tabbar > a.is-active::before { display:none!important; }
  body.id-pwa-native.id-pwa-keyboard-open :where(.id-pwa-tabbar,.id-menu-cart-dock) { display:none!important; }

  /* Dialogs become contained bottom sheets. */
  body.id-pwa-native :where(.modal,.uk-modal) {
    z-index:1100!important;
    padding:0!important;
    background:rgba(15,23,32,.5)!important;
  }
  body.id-pwa-native :where(.modal-dialog,.uk-modal-dialog) {
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:88dvh!important;
    margin:0!important;
    padding:20px var(--v16-gutter) calc(20px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:22px 22px 0 0!important;
    background:#fff!important;
    box-shadow:0 -16px 40px rgba(15,23,32,.18)!important;
    overflow-y:auto!important;
  }

  body.id-pwa-native :where(.section-footer,.section-subcribe,.footer-divider) {
    display:none!important;
  }
}

@media (max-width:359px) {
  :root { --v16-gutter:10px; }
  body.id-pwa-page-index .id-cat-grid { grid-template-columns:1fr!important; }
  body.id-pwa-page-menu .menu-cat { padding:14px!important; }
}

@media (min-width:768px) and (max-width:1024px) {
  body.id-pwa-native .container { max-width:820px!important; }
  body.id-pwa-page-index .id-cat-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  body.id-pwa-page-browse #restuarant-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.id-pwa-native nav.id-pwa-tabbar {
    right:50%!important;
    left:auto!important;
    width:620px!important;
    transform:translateX(50%)!important;
    border-right:1px solid var(--v16-line)!important;
    border-left:1px solid var(--v16-line)!important;
    border-radius:18px 18px 0 0!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.id-pwa-native *,
  body.id-pwa-native *::before,
  body.id-pwa-native *::after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* --- preserved structural baseline: pwa-fit-v17.css --- */
/*
 * iDrugstore PWA Fit v17.0
 * Every public view must fit the application viewport without horizontal drag.
 * Loaded after v16; fixes causes (sizing/layout/wrapping), then clips only paint.
 */
@media (max-width:1024px) {
  html {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  body.id-pwa-native {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /*
   * Legacy Yii/Bootstrap views contain fixed widths and intrinsic min-content
   * sizes. Every content wrapper may shrink; media and controls remain fluid.
   */
  body.id-pwa-native :where(
    #main-content,
    #main-content > *,
    .sections,
    section,
    .container,
    .row,
    [class*="col-"],
    .inner,
    .mytable,
    .mycol,
    form,
    fieldset,
    article,
    aside,
    nav,
    ul,
    ol,
    li,
    div
  ) {
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native :where(
    img,
    svg,
    video,
    canvas,
    iframe,
    object,
    embed,
    picture,
    input,
    select,
    textarea,
    button
  ) {
    max-width:100%!important;
  }

  body.id-pwa-native :where(
    h1,h2,h3,h4,h5,h6,p,span,strong,small,label,a,button,
    td,th,legend,figcaption,blockquote,pre,code
  ) {
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body.id-pwa-native :where(pre,code) {
    max-width:100%!important;
    white-space:pre-wrap!important;
    word-break:break-word!important;
  }

  body.id-pwa-native [style*="width"] {
    max-width:100%!important;
  }

  body.id-pwa-native [style*="min-width"] {
    min-width:0!important;
  }

  body.id-pwa-native :where(.container-fluid,.wrapper,.main-wrapper,.content-wrapper,.content,.page-content) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }

  /* Bootstrap rows cannot use negative gutters inside the PWA. */
  body.id-pwa-native .row {
    margin-right:0!important;
    margin-left:0!important;
  }

  body.id-pwa-native .row > [class*="col-"] {
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }

  /* No content carousel, tab list or chip row requires a sideways gesture. */
  body.id-pwa-native :where(
    .mobile-search-menu,
    .id-journey-proof,
    .id-account-proof,
    .id-trust-bar .trust-items,
    .cats-grid,
    .id-cat-grid,
    .id-stats-grid,
    .id-how-grid,
    .id-testimonials-grid,
    .id-discovery-tabs,
    .menu-category,
    .category,
    .category-list,
    .cuisine-list,
    .tabs,
    .tabs-wrapper,
    #tabs,
    .uk-tab,
    .search-result-options,
    .view-options,
    .pagination,
    .pager,
    .payment-options,
    .services-type,
    .social-wrap
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
    flex-wrap:wrap!important;
    overflow-x:visible!important;
    scroll-snap-type:none!important;
    transform:none!important;
  }

  body.id-pwa-native :where(
    .mobile-search-menu > *,
    .id-journey-proof > *,
    .id-account-proof > *,
    .id-trust-bar .trust-items > *,
    .cats-grid > *,
    .id-cat-grid > *,
    .id-stats-grid > *,
    .id-how-grid > *,
    .id-testimonials-grid > *,
    .id-discovery-tabs > *,
    .category > *,
    .cuisine-list > *,
    .tabs > *,
    #tabs > *,
    .uk-tab > *,
    .pagination > *,
    .pager > *
  ) {
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
    white-space:normal!important;
  }

  /* Home collections become visible grids rather than partial cards. */
  body.id-pwa-page-index .mobile-search-menu {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:4px!important;
  }

  body.id-pwa-page-index .mobile-search-menu :where(li,a,button) {
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    text-align:center!important;
  }

  body.id-pwa-page-index .parallax-home > .parallax-search > div:last-child,
  body.id-pwa-page-index .id-trust-bar .trust-items {
    display:grid!important;
    width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
  }

  body.id-pwa-page-index .parallax-home > .parallax-search > div:last-child > *,
  body.id-pwa-page-index .id-trust-item {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  body.id-pwa-page-index :where(.cats-grid,.id-cat-grid) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.id-pwa-page-index :where(.id-stats-grid,.id-how-grid,.id-testimonials-grid) {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.id-pwa-page-index :where(
    .cats-grid > *,
    .id-cat-grid > *,
    .id-stats-grid > *,
    .id-how-grid > *,
    .id-testimonials-grid > *
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    flex:none!important;
  }

  /* Browse controls and cards stay inside their own columns. */
  body.id-pwa-page-browse :where(.id-discovery-tabs,.services-type) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.id-pwa-page-browse :where(.id-discovery-tabs > *, .services-type > *) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  body.id-pwa-page-browse #restuarant-list .inner > .row {
    width:100%!important;
    max-width:100%!important;
  }

  body.id-pwa-page-browse #restuarant-list :where(.mytable,.mycol,.merchant-address,.concat-text) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  /* Menu categories and tabs wrap; every product row is a contained grid. */
  body.id-pwa-page-menu .category-list {
    position:relative!important;
    top:auto!important;
    padding:10px var(--v16-gutter)!important;
  }

  body.id-pwa-page-menu :where(.category,#tabs) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.id-pwa-page-menu :where(.category-child,#tabs > li) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 8px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.id-pwa-page-menu :where(
    .section-menu,
    .menu-left-content,
    #menu_left_content,
    #menu-list-wrapper,
    .menu-cat,
    .items-row,
    .items-row > .row
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-page-menu .items-row > .row {
    grid-template-columns:minmax(0,1fr) 42px!important;
    column-gap:10px!important;
  }

  body.id-pwa-page-menu .items-row > .row > div {
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-page-menu .id-menu-cart-dock {
    width:auto!important;
    max-width:calc(100% - (2 * var(--v16-gutter)))!important;
  }

  body.id-pwa-page-menu .id-menu-cart-dock > span {
    min-width:0!important;
    max-width:calc(100% - 92px)!important;
    white-space:normal!important;
  }

  body.id-pwa-page-menu .id-menu-cart-dock > b {
    min-width:0!important;
    max-width:88px!important;
    padding-right:10px!important;
    padding-left:10px!important;
    white-space:normal!important;
  }

  /* Search filters/results never preserve desktop widths. */
  body.id-pwa-page-searcharea :where(
    .search-left-content,
    .search-right-content,
    .search-results-wrapper,
    .result-merchant,
    .search-result-options,
    #mobile-search-filter
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-page-searcharea .search-result-options {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.id-pwa-page-searcharea .view-options {
    display:flex!important;
    width:100%!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  /* Account tabs wrap into a visible menu; no 560px desktop table floor. */
  body.id-pwa-page-profile :where(
    .id-account-shell,
    .id-account-workspace,
    .id-account-workspace > #tabs,
    .id-account-workspace > #tab,
    .id-account-identity
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-page-profile .id-account-workspace > #tabs {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    height:auto!important;
    overflow:visible!important;
  }

  body.id-pwa-page-profile .id-account-workspace > #tabs > li {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    white-space:normal!important;
  }

  /* All legacy table families fit. Desktop columns stack on phones. */
  body.id-pwa-native :where(
    .table-responsive,
    .dataTables_wrapper,
    .dataTables_scroll,
    .dataTables_scrollHead,
    .dataTables_scrollBody,
    .table-order-details,
    .order-order-history
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body.id-pwa-native table {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    overflow:visible!important;
  }

  body.id-pwa-native table :where(th,td) {
    min-width:0!important;
    max-width:100%!important;
    padding:9px 7px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.id-pwa-native .dataTables_wrapper :where(.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate) {
    float:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    text-align:left!important;
  }

  body.id-pwa-native .dataTables_wrapper .dataTables_filter label {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  body.id-pwa-native .dataTables_wrapper .dataTables_paginate {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
  }

  /* Third-party fields and payment widgets are fluid. */
  body.id-pwa-native :where(
    .select2-container,
    .chosen-container,
    .easy-autocomplete,
    .intl-tel-input,
    .input-group,
    .input-prepend,
    .input-append,
    .StripeElement,
    .paypal-button-container,
    .payment-option-list,
    .payment-options,
    .bank-deposit-wrap
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native :where(.select2-choice,.chosen-single,.input-group) {
    white-space:normal!important;
  }

  body.id-pwa-native :where(.input-group,.input-prepend,.input-append) {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  body.id-pwa-native :where(.input-group > *,.input-prepend > *,.input-append > *) {
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 150px!important;
  }

  /* Maps, gallery plugins and overlays are constrained by the viewport. */
  body.id-pwa-native :where(
    #map_canvas,
    #map,
    .google-map,
    .map-wrapper,
    .fancybox-wrap,
    .fancybox-inner,
    .owl-wrapper-outer,
    .owl-stage-outer,
    .slick-list,
    .bx-wrapper,
    .modal-dialog,
    .uk-modal-dialog
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native :where(.fancybox-wrap,.fancybox-inner) {
    right:0!important;
    left:0!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }

  body.id-pwa-native :where(.modal,.uk-modal) {
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /* Install prompt changes from 3 columns to a contained 2-column card. */

  /* Pagination and action groups wrap instead of overflowing. */
  body.id-pwa-native :where(.button-group,.btn-group,.action-wrap,.action-bar,.food-item-actions,.cart-actions) {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  body.id-pwa-native :where(.button-group,.btn-group,.action-wrap,.action-bar,.food-item-actions,.cart-actions) > * {
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 140px!important;
    white-space:normal!important;
  }
}

@media (max-width:599px) {
  /*
   * Dense desktop tables become vertical records. All values remain visible
   * without a horizontal table viewport.
   */
  body.id-pwa-native table,
  body.id-pwa-native table tbody,
  body.id-pwa-native table tr,
  body.id-pwa-native table td {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native table thead {
    display:none!important;
  }

  body.id-pwa-native table tr {
    margin:0 0 10px!important;
    padding:8px 10px!important;
    border:1px solid var(--v16-line)!important;
    border-radius:12px!important;
    background:#fff!important;
  }

  body.id-pwa-native table td {
    padding:7px 0!important;
    border:0!important;
    border-bottom:1px solid var(--v16-line)!important;
    text-align:left!important;
  }

  body.id-pwa-native table td:last-child {
    border-bottom:0!important;
  }

  body.id-pwa-native .id-pwa-tabbar > a > span {
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:359px) {
  body.id-pwa-page-index :where(.cats-grid,.id-cat-grid),body.id-pwa-page-index .parallax-home > .parallax-search > div:last-child,body.id-pwa-page-index .id-trust-bar .trust-items,body.id-pwa-page-browse :where(.id-discovery-tabs,.services-type),body.id-pwa-page-menu :where(.category,#tabs),body.id-pwa-page-profile .id-account-workspace > #tabs {
    grid-template-columns:1fr!important;
  }

  body.id-pwa-page-menu .id-menu-cart-dock {
    gap:7px!important;
    padding-left:11px!important;
  }
}

/* v17 menu tabs hard stop: third-party script reapplies horizontal flex. */
@media (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-menu .tabs-wrapper {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.id-pwa-native.id-pwa-page-menu ul#tabs {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    flex-flow:row wrap!important;
    overflow:visible!important;
    transform:none!important;
  }
  body.id-pwa-native.id-pwa-page-menu ul#tabs > li {
    position:static!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    flex:none!important;
    transform:none!important;
    white-space:normal!important;
  }
}

@media (max-width:359px) {
  body.id-pwa-native.id-pwa-page-menu ul#tabs { grid-template-columns:1fr!important; }
}

/* v17 merchant onboarding gutter correction. */
@media (max-width:1024px) {
  body.id-pwa-native[class*="id-pwa-page-merchantsignup"] .container > .row,
  body.id-pwa-native[class*="id-pwa-page-merchantsignup"] .row.top30 {
    position:static!important;
    left:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    transform:none!important;
  }
}


/* --- preserved structural baseline: pwa-home-v18.css --- */
/*
 * iDrugstore PWA Home v18.0
 * Complete mobile-home composition: balanced gutters, explicit surfaces,
 * centered icon/card geometry and deterministic text contrast.
 */
@media (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-index {
    --home-gutter:clamp(16px,4.5vw,28px);
    --home-content:760px;
  }

  body.id-pwa-native.id-pwa-page-index #main-content {
    background:#f4f6f8!important;
  }

  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .id-stats-section,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-merchant-cta,
    .id-faq
  ) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:32px 0!important;
  }

  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .id-stats-section,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-merchant-cta,
    .id-faq
  ) > .container {
    width:min(100%,var(--home-content))!important;
    min-width:0!important;
    max-width:var(--home-content)!important;
    margin:0 auto!important;
    padding-right:var(--home-gutter)!important;
    padding-left:var(--home-gutter)!important;
  }

  /* Hero: the only dark signature surface. */
  body.id-pwa-native.id-pwa-page-index .parallax-container.parallax-home {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:30px var(--home-gutter) 32px!important;
    border:0!important;
    background:linear-gradient(145deg,#17212b 0%,#25313d 72%,#65171e 155%)!important;
    color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search.search-wraps {
    display:flex!important;
    width:min(100%,var(--home-content))!important;
    min-width:0!important;
    max-width:var(--home-content)!important;
    margin:0 auto!important;
    padding:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    text-align:left!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > :where(h1,.search-text,.id-hero-badge,.id-hero-ctas,.advance-search) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > h1 {
    margin:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:clamp(29px,9vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    text-align:left!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > .search-text {
    margin:12px 0 20px!important;
    color:#d9e0e7!important;
    -webkit-text-fill-color:#d9e0e7!important;
    font-size:14px!important;
    line-height:1.55!important;
    text-align:left!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-hero-badge {
    align-self:flex-start!important;
    width:auto!important;
    margin:0 0 12px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search {
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .search-input-wraps,
  body.id-pwa-native.id-pwa-page-index .search-input-wraps > .row {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > div:last-child {
    display:grid!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > div:last-child > span {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:7px 8px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.08)!important;
    color:#eef2f6!important;
    -webkit-text-fill-color:#eef2f6!important;
    font-size:10px!important;
    line-height:1.3!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Every light surface receives explicit dark typography. */
  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-faq
  ) {
    background:#f4f6f8!important;
    color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-faq
  ) :where(h1,h2,h3,h4,p,span,strong,small,a) {
    color:#17212b;
    -webkit-text-fill-color:currentColor;
  }

  /* Section headings occupy and visually center the available width. */
  body.id-pwa-native.id-pwa-page-index .id-section-heading {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 20px!important;
    padding:0!important;
    text-align:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-section-heading > :where(span,h2,p) {
    width:100%!important;
    min-width:0!important;
    max-width:620px!important;
    margin-right:auto!important;
    margin-left:auto!important;
    text-align:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-section-heading > span {
    color:#b8121d!important;
    -webkit-text-fill-color:#b8121d!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-section-heading > h2 {
    margin-top:5px!important;
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-section-heading > p {
    display:block!important;
    margin-top:9px!important;
    color:#5f6c7a!important;
    -webkit-text-fill-color:#5f6c7a!important;
  }

  /* Trust cards: icon and label share a balanced centered cell. */
  body.id-pwa-native.id-pwa-page-index .id-trust-bar {
    padding:16px 0!important;
    border:0!important;
    background:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-trust-bar .trust-items {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-trust-item {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:66px!important;
    margin:0!important;
    padding:10px 8px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid #e2e7ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#34414d!important;
    -webkit-text-fill-color:#34414d!important;
    font-size:10px!important;
    line-height:1.3!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-trust-item > i {
    display:grid!important;
    width:24px!important;
    height:24px!important;
    margin:0 auto!important;
    place-items:center!important;
    color:#d41421!important;
    -webkit-text-fill-color:#d41421!important;
    font-size:18px!important;
  }

  /* Category cards: equal columns and truly centered icons. */
  body.id-pwa-native.id-pwa-page-index .cats-grid {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.id-pwa-native.id-pwa-page-index .cat-item {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:118px!important;
    margin:0!important;
    padding:14px 10px!important;
    flex:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:1px solid #e2e7ec!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
    text-align:center!important;
    box-shadow:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .cat-icon {
    display:grid!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0!important;
    place-items:center!important;
    border-radius:15px!important;
    transform:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .cat-icon :where(svg,img,i) {
    display:block!important;
    max-width:30px!important;
    max-height:30px!important;
    margin:auto!important;
  }

  body.id-pwa-native.id-pwa-page-index .cat-label {
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#273440!important;
    -webkit-text-fill-color:#273440!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.3!important;
    text-align:center!important;
  }

  /* Statistics explicitly retain their dark surface and white hierarchy. */
  body.id-pwa-native.id-pwa-page-index .id-stats-section {
    padding:30px 0!important;
    background:#17212b!important;
    color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-stats-grid {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-stats-grid > div {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:112px!important;
    margin:0!important;
    padding:16px 10px!important;
    flex:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.07)!important;
    text-align:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-stat-num {
    display:block!important;
    width:100%!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:clamp(26px,8vw,36px)!important;
    line-height:1!important;
    text-align:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-stat-label {
    display:block!important;
    width:100%!important;
    margin-top:7px!important;
    color:#d4dce4!important;
    -webkit-text-fill-color:#d4dce4!important;
    font-size:11px!important;
    line-height:1.35!important;
    text-align:center!important;
  }

  /* Steps: centered icon, then copy. No left-heavy two-column card. */
  body.id-pwa-native.id-pwa-page-index .id-how-grid {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card {
    position:relative!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:20px 18px!important;
    flex:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    border:1px solid #e2e7ec!important;
    border-radius:15px!important;
    background:#fff!important;
    text-align:center!important;
    box-shadow:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card .id-how-icon {
    display:grid!important;
    width:60px!important;
    height:60px!important;
    margin:0 auto 4px!important;
    place-items:center!important;
    grid-column:auto!important;
    grid-row:auto!important;
    border-radius:16px!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card .id-how-num {
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    left:auto!important;
    color:#5f6c7a!important;
    -webkit-text-fill-color:#5f6c7a!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card :where(h3,p) {
    width:100%!important;
    max-width:520px!important;
    margin-right:auto!important;
    margin-left:auto!important;
    grid-column:auto!important;
    text-align:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card h3 {
    margin-top:0!important;
    margin-bottom:0!important;
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card p {
    margin-top:0!important;
    margin-bottom:0!important;
    color:#5f6c7a!important;
    -webkit-text-fill-color:#5f6c7a!important;
  }

  /* Testimonials and FAQ use full symmetric cards. */
  body.id-pwa-native.id-pwa-page-index :where(.id-testimonials-grid,.id-faq-grid) {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.id-pwa-native.id-pwa-page-index :where(.id-testimonial-card,.id-faq-item) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px!important;
    flex:none!important;
    border:1px solid #e2e7ec!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
    box-shadow:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-testimonial-card :where(.id-testimonial-text,.id-testimonial-name,.id-testimonial-role) {
    color:#34414d!important;
    -webkit-text-fill-color:#34414d!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-testimonial-author {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-faq-q {
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-faq-a {
    margin:8px 0 0!important;
    padding:0!important;
    color:#5f6c7a!important;
    -webkit-text-fill-color:#5f6c7a!important;
  }
}

@media (max-width:359px) {
  body.id-pwa-native.id-pwa-page-index {
    --home-gutter:12px;
  }

  body.id-pwa-native.id-pwa-page-index .parallax-home > .parallax-search > div:last-child,
  body.id-pwa-native.id-pwa-page-index .id-trust-bar .trust-items {
    grid-template-columns:1fr!important;
  }
}

@media (min-width:600px) and (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-index .cats-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-grid,
  body.id-pwa-native.id-pwa-page-index .id-testimonials-grid,
  body.id-pwa-native.id-pwa-page-index .id-faq-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* --- preserved structural baseline: pwa-home-v19.css --- */
/*
 * iDrugstore PWA Home v19.0
 * Final contrast, search geometry and full-depth footer correction.
 */
@media (max-width:1024px) {
  /* Keep the document surface dark behind the last footer pixels. */
  html:has(body.id-pwa-native.id-pwa-page-index),
  body.id-pwa-native.id-pwa-page-index {
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    background:#0b1220!important;
  }

  body.id-pwa-native.id-pwa-page-index #main-content {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    background:#f4f6f8!important;
  }

  /*
   * Legacy rules still assign white to typography with higher specificity.
   * Declare the foreground for every light home surface deterministically.
   */
  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-faq
  ) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,small,strong) {
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index :where(
    .id-trust-bar,
    .id-pharma-cats,
    .section-how-it-works,
    .section-feature-resto,
    .section-cuisine,
    .id-testimonials,
    #mobile-app-sections,
    .id-plans,
    .id-faq
  ) :where(p,small,dd) {
    color:#536170!important;
    -webkit-text-fill-color:#536170!important;
  }

  /* Restore white only where the background is explicitly dark. */
  body.id-pwa-native.id-pwa-page-index :where(
    .parallax-home,
    .id-stats-section,
    .section-subcribe,
    .section-footer
  ) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,small,strong,span,a) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /*
   * Search is a two-column control, independent of Bootstrap's float/column
   * rules. The button is locked to the visual center of the 48px end cell.
   */
  body.id-pwa-native.id-pwa-page-index .advance-search > .forms-search {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    margin:0!important;
    padding:5px!important;
    overflow:hidden!important;
    border:1px solid #dce2e8!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(15,23,42,.16)!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps > .row {
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:stretch!important;
    gap:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps > .row > div {
    position:static!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    align-items:center!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps input {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 11px!important;
    border:0!important;
    background:#fff!important;
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
    line-height:normal!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps button {
    position:static!important;
    display:grid!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    align-self:center!important;
    border:0!important;
    border-radius:11px!important;
    background:#d41421!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    line-height:1!important;
    transform:none!important;
  }

  body.id-pwa-native.id-pwa-page-index .advance-search .search-input-wraps button > i {
    display:grid!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:24px!important;
  }

  /* Footer reaches the physical bottom and stays behind the fixed PWA bar. */
  body.id-pwa-native.id-pwa-page-index .section-footer {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:240px!important;
    margin:0!important;
    padding:30px 0 calc(102px + env(safe-area-inset-bottom))!important;
    border:0!important;
    background:#0b1220!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer > .container {
    box-sizing:border-box!important;
    width:min(100%,760px)!important;
    min-width:0!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:0 clamp(16px,4.5vw,28px)!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row > [class*="col-"] {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row > [class*="col-"]:not(:first-child):has(:not(h3):not(.social-wrap)) {
    display:block;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .id-footer-bottom {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:24px 0 0!important;
    padding:20px 0 0!important;
    align-items:flex-start!important;
    color:#cbd5e1!important;
  }
}



/* --- preserved structural baseline: pwa-home-v20.css --- */
/*
 * iDrugstore PWA Home v20.0
 * Root-cause override for legacy hidden footer and inherited white text.
 */
@media (max-width:1024px) {
  /* Light content owns a dark foreground by default. */
  body.id-pwa-native.id-pwa-page-index #main-content,
  body.id-pwa-native.id-pwa-page-index #main-content :where(
    h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,dt,dd,a
  ) {
    color:#17212b!important;
    -webkit-text-fill-color:#17212b!important;
  }

  body.id-pwa-native.id-pwa-page-index #main-content :where(p,small,dd) {
    color:#536170!important;
    -webkit-text-fill-color:#536170!important;
  }

  /* White is allowed only inside surfaces that are explicitly dark/red. */
  body.id-pwa-native.id-pwa-page-index #main-content :where(
    .parallax-home,
    .id-stats-section,
    .id-merchant-cta
  ),
    body.id-pwa-native.id-pwa-page-index #main-content :where(
    .parallax-home,
    .id-stats-section,
    .id-merchant-cta
  ) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,dt,dd,a) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /* Buttons on brand/dark fills must retain a white foreground. */
  body.id-pwa-native.id-pwa-page-index #main-content :where(
    .id-btn-primary,
    .green-button,
    button[type="submit"],
    .id-merchant-cta a
  ),
    body.id-pwa-native.id-pwa-page-index #main-content :where(
    .id-btn-primary,
    .green-button,
    button[type="submit"],
    .id-merchant-cta a
  ) :where(span,strong,small,i,svg) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /*
   * v13/v16 hid these with display:none!important. Re-enable the real footer
   * instead of styling an element that never participates in layout.
   */
  body.id-pwa-native.id-pwa-page-index .section-subcribe {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:30px clamp(16px,4.5vw,28px)!important;
    background:#d41421!important;
    color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-subcribe > .container {
    width:min(100%,760px)!important;
    min-width:0!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-subcribe :where(h1,h2,h3,p,span,strong,small,label) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:260px!important;
    margin:0!important;
    padding:32px 0 calc(104px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:#0b1220!important;
    color:#e2e8f0!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer > .container {
    display:block!important;
    box-sizing:border-box!important;
    width:min(100%,760px)!important;
    min-width:0!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:0 clamp(16px,4.5vw,28px)!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer :where(h1,h2,h3,h4,h5,h6,strong) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer :where(p,span,small,a) {
    color:#cbd5e1!important;
    -webkit-text-fill-color:#cbd5e1!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row {
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row > [class*="col-"] {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .id-footer-bottom {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:24px 0 0!important;
    padding:20px 0 0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
}



/* --- preserved structural baseline: pwa-mobile-v21.css --- */
/*
 * iDrugstore PWA mobile consistency v21
 * Scope: PWA shell only, <= 1024px. No desktop or business-rule changes.
 */
@media (max-width: 1024px) {
  body.id-pwa-native {
    --id-mobile-gutter: clamp(12px, 4vw, 20px);
    --id-touch-target: 44px;
    --id-link: #a71930;
  }

  body.id-pwa-native :where(
    .sections, .section-checkout, .section-contact, .section-browse,
    .id-account-page, .id-contact-page, .id-signup-plans-page
  ) > :where(.container, .container-medium) {
    width: min(100%, 760px);
    margin-inline: auto;
    padding-inline: var(--id-mobile-gutter);
  }

  body.id-pwa-native :where(.add_favorites, .goto-reviews-tab) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--id-touch-target);
    min-height: var(--id-touch-target);
  }

  body.id-pwa-native a.mycol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--id-touch-target);
    min-height: var(--id-touch-target);
    padding-block: 8px;
  }

  body.id-pwa-page-checkout :where(
    a.orange-text, .orange-text, .forgot-pass-link2,
    a[href*="terms"], a[href*="page"]
  ) {
    color: var(--id-link) !important;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  body.id-pwa-page-checkout :where(
    a.orange-text, .forgot-pass-link2, a[href*="terms"], a[href*="page"]
  ):focus-visible {
    border-radius: 4px;
    outline: 3px solid rgba(167, 25, 48, .28);
    outline-offset: 3px;
  }

  body.id-pwa-page-merchantsignup .id-signup-plan-card {
    position: relative;
    min-width: 0;
  }

  body.id-pwa-page-merchantsignup .id-plan-ribbon {
    position: static !important;
    display: table;
    margin: 12px 12px 0 auto;
    max-width: calc(100% - 24px);
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }

  body.id-pwa-page-menu :where(
    .menu-category, .menu-category-list, .category-list
  ) a {
    min-height: var(--id-touch-target);
    padding-block: 10px;
  }

  body.id-pwa-native :where(
    .disabled-button, button[disabled], input[disabled]
  ) {
    color: #4b5563;
    background-color: #e5e7eb;
    border-color: #cbd5e1;
    opacity: 1;
  }

  body.id-pwa-native main,
  body.id-pwa-native .sections {
    scroll-padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  body.id-pwa-native :where(input, select, textarea) {
    scroll-margin-block: 96px calc(104px + env(safe-area-inset-bottom));
  }
}

@media (display-mode: standalone) and (max-width: 1024px) {
  body.id-pwa-native {
    padding-top: env(safe-area-inset-top);
  }

  body.id-pwa-native .id-pwa-bottom-nav {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* v21.1: vence apenas a cor rosa legada das colunas de acesso do checkout. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-checkout
  .section-checkout .col-md-6.border
  :where(a, span.bold, .orange-text) {
    color: #a71930 !important;
  }
}

/* v21.2: alvos autônomos que possuem dimensões legadas com !important. */
@media (max-width: 1024px) {
  body.id-pwa-native a.mycol {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* v21.3: o instalador usa classes, não IDs. */
@media (max-width: 1024px) {
}

/* v21.4: texto de aceite do checkout não pode herdar cinza claro. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-checkout
  .box-grey form#form-signup .col-md-11 {
    color: #374151 !important;
  }
}
/* v21.7: alvos de toque das rotas autenticadas legadas. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-profile #single_uploadfile,
  body.id-pwa-native.id-pwa-page-addressbook
  .dataTables_paginate :where(a, [role="button"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding-block: 8px;
  }
}
/* O tema legado fixa este botão em 40px com alta especificidade. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-profile #single_uploadfile {
    height: 44px !important;
  }
}

/* --- canonical visual layer v22 --- */
/*
 * iDrugstore Mobile Design System v22
 * White foundation, ruby actions, graphite content.
 * Scope: PWA shell only. Desktop remains unchanged.
 */
@media (max-width: 1024px) {
  body.id-pwa-native {
    --id-red-700: #a70f1d;
    --id-red-600: #c91525;
    --id-red-500: #df1f31;
    --id-red-100: #fff0f2;
    --id-red-050: #fff7f8;
    --id-ink-950: #121417;
    --id-ink-800: #272b30;
    --id-ink-650: #4b525b;
    --id-ink-500: #68717c;
    --id-line: #e7e9ec;
    --id-line-strong: #d8dce1;
    --id-surface: #ffffff;
    --id-surface-muted: #f6f7f8;
    --id-success: #087a4b;
    --id-warning: #8a5100;
    --id-danger: #b4232d;
    --id-space-1: 4px;
    --id-space-2: 8px;
    --id-space-3: 12px;
    --id-space-4: 16px;
    --id-space-5: 20px;
    --id-space-6: 24px;
    --id-space-8: 32px;
    --id-radius-sm: 10px;
    --id-radius-md: 14px;
    --id-radius-lg: 20px;
    --id-radius-pill: 999px;
    --id-control: 48px;
    --id-gutter: clamp(12px, 4vw, 20px);
    --id-shadow-card: 0 6px 20px rgba(18, 20, 23, .07);
    --id-shadow-float: 0 12px 36px rgba(18, 20, 23, .16);
    --id-header-height: 60px;
    --id-nav-height: 72px;

    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding-bottom: calc(var(--id-nav-height) + env(safe-area-inset-bottom));
    background: var(--id-surface) !important;
    color: var(--id-ink-950) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
  }

  body.id-pwa-native,
  body.id-pwa-native * {
    box-sizing: border-box;
  }

  body.id-pwa-native :where(
    main, section, article, aside, nav, header, footer, form, fieldset,
    .sections, .container, .container-medium, .row, [class*="col-"]
  ) {
    min-width: 0;
    max-width: 100%;
  }

  body.id-pwa-native :where(.container, .container-medium) {
    width: min(100%, 760px) !important;
    margin-inline: auto !important;
    padding-inline: var(--id-gutter) !important;
  }

  body.id-pwa-native .sections {
    width: 100%;
    padding-block: var(--id-space-5) var(--id-space-8) !important;
    background: var(--id-surface);
  }

  body.id-pwa-native :where(h1, h2, h3, h4, h5, h6) {
    max-width: 100%;
    margin-block: 0 var(--id-space-3);
    color: var(--id-ink-950);
    font-family: inherit;
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.025em;
    overflow-wrap: break-word;
  }

  body.id-pwa-native h1 { font-size: clamp(26px, 7vw, 34px); }
  body.id-pwa-native h2 { font-size: clamp(22px, 6vw, 28px); }
  body.id-pwa-native h3 { font-size: clamp(18px, 5vw, 22px); }
  body.id-pwa-native h4 { font-size: 17px; }

  body.id-pwa-native :where(p, li, td, th, label, small, span) {
    overflow-wrap: break-word;
  }

  body.id-pwa-native p {
    margin-block: 0 var(--id-space-4);
    color: var(--id-ink-650);
    line-height: 1.55;
  }

  body.id-pwa-native small,
  body.id-pwa-native .text-muted,
  body.id-pwa-native .muted {
    color: var(--id-ink-500) !important;
  }

  body.id-pwa-native a {
    color: var(--id-red-700);
    text-underline-offset: 3px;
  }

  body.id-pwa-native :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid rgba(201, 21, 37, .28) !important;
    outline-offset: 2px !important;
  }

  body.id-pwa-native :where(
    button, .uk-button, .btn, .green-button, .orange-button, .red-button,
    input[type="submit"], input[type="button"], .id-primary-action
  ) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--id-space-2);
    min-width: 44px;
    min-height: var(--id-control);
    max-width: 100%;
    padding: 11px 18px;
    border: 1px solid var(--id-red-600);
    border-radius: var(--id-radius-md);
    background: var(--id-red-600);
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    box-shadow: none;
    touch-action: manipulation;
    transition: background-color .16s ease, border-color .16s ease,
      transform .16s ease, box-shadow .16s ease;
  }

  body.id-pwa-native :where(
    button, .uk-button, .btn, .green-button, .orange-button, .red-button,
    input[type="submit"], input[type="button"], .id-primary-action
  ):active {
    transform: scale(.985);
  }

  body.id-pwa-native :where(.btn-default, .btn-secondary, .button-grey, .uk-button-default) {
    border-color: var(--id-line-strong);
    background: var(--id-surface);
    color: var(--id-ink-950);
  }

  body.id-pwa-native :where(
    button[disabled], input[disabled], .disabled-button, .btn.disabled
  ) {
    border-color: var(--id-line);
    background: var(--id-surface-muted);
    color: var(--id-ink-500);
    opacity: 1;
    cursor: not-allowed;
    transform: none;
  }

  body.id-pwa-native :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select, textarea
  ) {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: var(--id-control);
    margin: 0;
    padding: 11px 13px;
    border: 1px solid var(--id-line-strong);
    border-radius: var(--id-radius-md);
    background: var(--id-surface);
    color: var(--id-ink-950);
    font: inherit;
    font-size: 16px;
    line-height: 1.35;
    box-shadow: none;
    scroll-margin-block: 88px calc(96px + env(safe-area-inset-bottom));
  }

  body.id-pwa-native textarea {
    min-height: 112px;
    resize: vertical;
  }

  body.id-pwa-native :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select, textarea
  ):focus {
    border-color: var(--id-red-600);
    box-shadow: 0 0 0 3px rgba(201, 21, 37, .10);
  }

  body.id-pwa-native :where(input, textarea)::placeholder {
    color: #7b838d;
    opacity: 1;
  }

  body.id-pwa-native label {
    display: block;
    margin-bottom: 6px;
    color: var(--id-ink-800);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
  }

  body.id-pwa-native :where(
    .box-grey, .box-grey2, .rounded, .panel, .uk-panel, .well,
    .merchant-card, .restaurant-card, .id-card, .id-plan-card,
    .id-signup-plan-card
  ) {
    min-width: 0;
    max-width: 100%;
    border: 1px solid var(--id-line);
    border-radius: var(--id-radius-lg);
    background: var(--id-surface);
    color: var(--id-ink-950);
    box-shadow: var(--id-shadow-card);
  }

  body.id-pwa-native :where(.box-grey, .box-grey2, .panel, .uk-panel, .well) {
    padding: var(--id-space-4);
  }

  body.id-pwa-native :where(img, svg, video, canvas, iframe) {
    display: block;
    max-width: 100%;
    height: auto;
  }

  body.id-pwa-native :where(.avatar-wrap, .img-circle) {
    overflow: hidden;
    border-radius: 50%;
  }

  body.id-pwa-native .top-menu-wrapper {
    position: sticky;
    z-index: 900;
    top: 0;
    width: 100%;
    min-height: calc(var(--id-header-height) + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    border-bottom: 1px solid var(--id-line);
    background: rgba(255, 255, 255, .97);
    color: var(--id-ink-950);
    box-shadow: 0 3px 14px rgba(18, 20, 23, .06);
    backdrop-filter: blur(18px);
  }

  body.id-pwa-native .top-menu-wrapper::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--id-red-700), var(--id-red-500));
    content: "";
    pointer-events: none;
  }

  body.id-pwa-native .top-menu-wrapper > .container {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: var(--id-header-height);
  }

  body.id-pwa-native :where(.id-pwa-context, .id-pwa-context-copy) {
    min-width: 0;
  }

  body.id-pwa-native .id-pwa-context-copy strong {
    overflow: hidden;
    color: var(--id-ink-950);
    font-size: 15px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.id-pwa-native .id-pwa-context-copy small {
    color: var(--id-ink-500);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.id-pwa-native :where(.id-pwa-back, #mobile-menu-toggle, a.mycol) {
    display: inline-grid;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--id-line);
    border-radius: 50%;
    background: var(--id-surface);
    color: var(--id-ink-950);
  }

  body.id-pwa-native .id-pwa-tabbar {
    position: fixed;
    z-index: 950;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    padding: 6px max(6px, env(safe-area-inset-right))
      calc(6px + env(safe-area-inset-bottom))
      max(6px, env(safe-area-inset-left));
    border-top: 1px solid var(--id-line);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 -8px 24px rgba(18, 20, 23, .08);
    backdrop-filter: blur(18px);
  }

  body.id-pwa-native .id-pwa-tabbar > a {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 56px;
    padding: 5px 2px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: var(--id-radius-sm);
    color: var(--id-ink-500);
    font-weight: 750;
    text-align: center;
    text-decoration: none;
  }

  body.id-pwa-native .id-pwa-tabbar > a::before {
    position: absolute;
    top: 1px;
    width: 22px;
    height: 3px;
    border-radius: var(--id-radius-pill);
    background: transparent;
    content: "";
  }

  body.id-pwa-native .id-pwa-tabbar > a.is-active {
    color: var(--id-red-700);
    background: var(--id-red-050);
  }

  body.id-pwa-native .id-pwa-tabbar > a.is-active::before {
    background: var(--id-red-600);
  }

  body.id-pwa-native .id-pwa-tabbar > a i {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    font-size: 22px;
    line-height: 1;
  }

  body.id-pwa-native .id-pwa-tabbar > a span {
    width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.id-pwa-native.id-pwa-keyboard-open {
    padding-bottom: var(--id-space-4);
  }

  body.id-pwa-native.id-pwa-keyboard-open :where(.id-pwa-tabbar, .id-menu-cart-dock) {
    display: none;
  }

  body.id-pwa-native :where(.modal, .uk-modal) {
    position: fixed;
    z-index: 1100;
    inset: 0;
    width: 100%;
    height: 100dvh;
    padding: 0;
    background: rgba(18, 20, 23, .58);
    overscroll-behavior: contain;
  }

  body.id-pwa-native :where(.modal-dialog, .uk-modal-dialog) {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    max-height: min(88dvh, 720px);
    margin: 0;
    padding: 20px var(--id-gutter) calc(20px + env(safe-area-inset-bottom));
    overflow-y: auto;
    border-radius: 24px 24px 0 0;
    background: var(--id-surface);
    color: var(--id-ink-950);
    box-shadow: var(--id-shadow-float);
    overscroll-behavior: contain;
  }

  body.id-pwa-native :where(.modal-dialog, .uk-modal-dialog)::before {
    display: block;
    width: 38px;
    height: 4px;
    margin: 0 auto 16px;
    border-radius: var(--id-radius-pill);
    background: var(--id-line-strong);
    content: "";
  }

  body.id-pwa-native :where(.modal-footer, .uk-modal-footer) {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--id-space-2);
    padding-top: var(--id-space-3);
    background: inherit;
  }

  body.id-pwa-native :where(.modal-footer, .uk-modal-footer) > * {
    flex: 1 1 140px;
  }

  body.id-pwa-native :where(.alert, .uk-alert, .notification, .id-message) {
    padding: var(--id-space-3) var(--id-space-4);
    border: 1px solid var(--id-line);
    border-left: 4px solid var(--id-red-600);
    border-radius: var(--id-radius-md);
    background: var(--id-surface);
    color: var(--id-ink-800);
  }

  body.id-pwa-native :where(.label, .badge) {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: var(--id-radius-pill);
    background: var(--id-surface-muted);
    color: var(--id-ink-800);
    font-size: 11px;
    font-weight: 800;
  }

  body.id-pwa-native .label-success {
    background: #e5f7ef;
    color: var(--id-success);
  }

  body.id-pwa-native :where(.label-danger, .label-error) {
    background: var(--id-red-100);
    color: var(--id-danger);
  }

  body.id-pwa-native .label-warning {
    background: #fff6e8;
    color: var(--id-warning);
  }

  body.id-pwa-native :where(
    .merchant-list, .result-merchant, .restaurant-list, .product-list
  ) :where(.row, ul) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--id-space-3);
    width: 100%;
  }

  body.id-pwa-native :where(
    .merchant-list, .result-merchant, .restaurant-list, .product-list
  ) :where(li, [class*="col-"]) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  body.id-pwa-native :where(
    .merchant-list, .result-merchant, .restaurant-list, .product-list
  ) img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  body.id-pwa-native :where(.menu-category, .category-list, .cuisine-list, .tabs, .uk-tab) {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: var(--id-space-2);
  }

  body.id-pwa-native :where(.menu-category, .category-list, .cuisine-list, .tabs, .uk-tab) a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 13px;
    border: 1px solid var(--id-line);
    border-radius: var(--id-radius-pill);
    background: var(--id-surface);
    color: var(--id-ink-800);
    font-weight: 750;
    text-decoration: none;
  }

  body.id-pwa-native :where(.menu-category, .category-list, .cuisine-list, .tabs, .uk-tab)
  :where(.active, .uk-active) a {
    border-color: var(--id-red-600);
    background: var(--id-red-600);
    color: #fff;
  }

  body.id-pwa-native :where(.food-item-wrap, .menu-item, .item-row, .cart-item, .order-item) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--id-space-3);
    width: 100%;
    min-width: 0;
    padding: var(--id-space-4);
    border: 1px solid var(--id-line);
    border-radius: var(--id-radius-lg);
    background: var(--id-surface);
    box-shadow: var(--id-shadow-card);
  }

  body.id-pwa-native :where(.qty-minus, .qty-plus, .qty-addon-minus, .qty-addon-plus) {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
  }

  body.id-pwa-native table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    color: var(--id-ink-800);
  }

  body.id-pwa-native :where(th, td) {
    padding: 12px 10px;
    border-bottom: 1px solid var(--id-line);
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.id-pwa-native th {
    color: var(--id-ink-950);
    font-size: 12px;
    font-weight: 850;
    text-align: left;
  }

  body.id-pwa-native :where(.dataTables_paginate a, #single_uploadfile) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 12px;
  }

  body.id-pwa-native .section-subcribe {
    background: var(--id-red-700);
    color: #fff;
  }

  body.id-pwa-native .section-subcribe :where(h1, h2, h3, p, label, span) {
    color: #fff;
  }

  body.id-pwa-native .section-footer {
    padding-bottom: calc(var(--id-nav-height) + 20px + env(safe-area-inset-bottom));
    background: var(--id-ink-950);
    color: #e7e9ec;
  }

  body.id-pwa-native .section-footer :where(h1, h2, h3, h4, h5, strong, a) {
    color: #fff;
  }

  body.id-pwa-native .section-footer :where(p, li, small, span) {
    color: #cdd2d8;
  }

  body.id-pwa-page-index :where(
    .id-home-trust, .id-home-categories, .id-home-how,
    .id-home-featured, .id-home-nearby, .id-home-app
  ) {
    background: var(--id-surface);
    color: var(--id-ink-950);
  }

  body.id-pwa-page-index :where(
    .id-home-category-card, .id-home-how-card, .id-home-feature-card,
    .id-home-merchant-card
  ) {
    border: 1px solid var(--id-line);
    border-radius: var(--id-radius-lg);
    background: var(--id-surface);
    color: var(--id-ink-950);
    box-shadow: var(--id-shadow-card);
  }

  body.id-pwa-page-index .id-home-hero {
    background: var(--id-surface);
    color: var(--id-ink-950);
  }

  body.id-pwa-page-index .id-home-hero :where(h1, h2, h3, strong) {
    color: var(--id-ink-950);
  }

  body.id-pwa-page-index .id-home-hero :where(p, small, span) {
    color: var(--id-ink-650);
  }

  body.id-pwa-page-index .id-home-hero::before {
    background: radial-gradient(circle at 90% 10%, var(--id-red-100), transparent 42%);
  }

  body.id-pwa-page-index :where(.id-home-stat, .id-home-stats) {
    background: var(--id-ink-950);
    color: #fff;
  }

  body.id-pwa-page-menu #parallax-wrap {
    position: relative;
    isolation: isolate;
  }

  body.id-pwa-page-menu #parallax-wrap::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(180deg, rgba(18, 20, 23, .26), rgba(18, 20, 23, .78));
    content: "";
    pointer-events: none;
  }

  body.id-pwa-page-menu #parallax-wrap > * {
    position: relative;
    z-index: 1;
  }

  body.id-pwa-page-menu #parallax-wrap :where(h1, h2, h3, p, span, a) {
    color: #fff;
  }

  body.id-pwa-page-checkout .box-grey form#form-signup .col-md-11,
  body.id-pwa-page-checkout :where(a.orange-text, .orange-text, .forgot-pass-link2) {
    color: var(--id-ink-800);
  }

  body.id-pwa-page-checkout :where(a.orange-text, .forgot-pass-link2) {
    color: var(--id-red-700);
  }

  body.id-pwa-page-merchantsignup .id-plan-ribbon {
    position: static;
    display: table;
    max-width: calc(100% - 24px);
    margin: 12px 12px 0 auto;
    white-space: normal;
    text-align: center;
  }

  body.id-pwa-native :where(
    .section-notfound, .id-empty-state, .section-mobile-verification,
    .section-orangeform
  ) {
    width: 100%;
    max-width: 520px;
    margin-inline: auto;
    padding: var(--id-space-6) var(--id-space-4);
    border: 1px solid var(--id-line);
    border-radius: var(--id-radius-lg);
    background: var(--id-surface);
    color: var(--id-ink-950);
    text-align: center;
  }
}

@media (min-width: 560px) and (max-width: 1024px) {
  body.id-pwa-native :where(
    .merchant-list, .result-merchant, .restaurant-list, .product-list
  ) :where(.row, ul) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.id-pwa-native :where(.modal-dialog, .uk-modal-dialog) {
    right: auto;
    left: 50%;
    width: min(680px, calc(100% - 32px));
    transform: translateX(-50%);
  }
}

@media (max-width: 359px) {
  body.id-pwa-native {
    --id-gutter: 10px;
  }

  body.id-pwa-native .id-pwa-context-copy small {
    display: none;
  }

  body.id-pwa-native .id-pwa-tabbar > a span {
    font-size: 9px;
  }
}

@media (display-mode: standalone) and (max-width: 1024px) {
  body.id-pwa-native {
    padding-top: env(safe-area-inset-top);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.id-pwa-native *,
  body.id-pwa-native *::before,
  body.id-pwa-native *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* --- home mobile top v22.1 --- */
/*
 * v22.1 — topo da home exclusivamente mobile.
 * Texto preto sobre superfície branca; vermelho permanece como contorno/ação.
 */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-index #parallax-wrap.parallax-home {
    background: #fff !important;
    color: #121417 !important;
  }

  body.id-pwa-native.id-pwa-page-index
  #parallax-wrap.parallax-home::before {
    background:
      radial-gradient(circle at 92% 8%, #fff0f2 0, transparent 42%),
      #fff !important;
  }

  body.id-pwa-native.id-pwa-page-index
  #parallax-wrap.parallax-home :where(
    h1, h2, h3, h4, h5, h6, p, span, strong, small, a, i, label
  ) {
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }

  body.id-pwa-native.id-pwa-page-index
  #parallax-wrap.parallax-home :where(
    button, .btn, .uk-button, .green-button, .orange-button, .red-button,
    input[type="submit"], .id-hero-ctas a
  ) {
    border-color: #c91525 !important;
    background: #fff !important;
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }

  body.id-pwa-native.id-pwa-page-index
  #parallax-wrap.parallax-home .id-hero-badge,
  body.id-pwa-native.id-pwa-page-index
  #parallax-wrap.parallax-home .id-hero-ctas + div span {
    border-color: #d8dce1 !important;
    background: #f6f7f8 !important;
    color: #121417 !important;
    -webkit-text-fill-color: #121417 !important;
  }
}

/* v22.2 — remove both unlabeled legacy search-mode strips on mobile only. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-index
    #parallax-wrap.parallax-home
    :where(.search-menu, .mobile-search-menu) {
    display: none !important;
  }
}

/* iDrugstore PWA v22.3 — targeted mobile layout corrections. */
@media (max-width: 1024px) {
  /* Browse: keep service modes beside the merchant photo, never over it. */
  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px 14px !important;
    padding: 14px !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3 {
    display: contents !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3
    > a {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    width: 104px !important;
    min-width: 0 !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .logo-small {
    width: 104px !important;
    height: 104px !important;
    aspect-ratio: 1 !important;
    border-radius: 14px !important;
    object-fit: cover !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .col-md-3
    > .top10 {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .services-type {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .services-type
    > li {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 5px 9px !important;
    align-items: center !important;
    gap: 5px !important;
    border: 1px solid var(--id-line, #e4e7eb) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--id-ink-900, #121417) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-9 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Menu: bounded information grid; it stays in document flow while scrolling. */
  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper > #tabs {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    gap: 6px !important;
    overflow: visible !important;
    border: 1px solid var(--id-line, #e4e7eb) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper > #tabs > li {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f6f7f8 !important;
    color: var(--id-ink-800, #252a30) !important;
    text-align: center !important;
    transform: none !important;
  }

  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper > #tabs > li.active {
    background: #fff0f1 !important;
    color: var(--id-red-700, #b5121b) !important;
  }

  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper > #tabs > li > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
  }

  body.id-pwa-native.id-pwa-page-menu #menu-tab-wrapper > #tabs > li > i {
    display: grid !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    place-items: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }

  /* Menu product action: true centered plus in a 44px circular target. */
  body.id-pwa-native.id-pwa-page-menu .food-price-wrap {
    display: grid !important;
    min-width: 52px !important;
    place-items: center !important;
  }

  body.id-pwa-native.id-pwa-page-menu
    .food-price-wrap
    > a.menu-item.mbile {
    display: grid !important;
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--id-red-600, #d41421) !important;
    color: #fff !important;
    line-height: 1 !important;
  }

  body.id-pwa-native.id-pwa-page-menu
    .food-price-wrap
    > a.menu-item.mbile
    > i {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 20px !important;
    text-align: center !important;
    transform: none !important;
  }

  /* Orders: remove desktop floats and use the full mobile content width. */
  body.id-pwa-native.id-pwa-page-orderhistory .page-right-sidebar,
  body.id-pwa-native.id-pwa-page-orderhistory .page-right-sidebar > .main,
  body.id-pwa-native.id-pwa-page-orderhistory .page-right-sidebar > .main > .inner,
  body.id-pwa-native.id-pwa-page-orderhistory .left-content,
  body.id-pwa-native.id-pwa-page-orderhistory .right-content {
    box-sizing: border-box !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.id-pwa-native.id-pwa-page-orderhistory .page-right-sidebar {
    padding: 14px var(--app-gutter, 12px) calc(92px + env(safe-area-inset-bottom)) !important;
  }

  body.id-pwa-native.id-pwa-page-orderhistory .page-right-sidebar > .main > .inner {
    display: grid !important;
    margin: 0 !important;
    padding: 18px !important;
    gap: 14px !important;
    border: 1px solid var(--id-line, #e4e7eb) !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  body.id-pwa-native.id-pwa-page-orderhistory .left-content > h3,
  body.id-pwa-native.id-pwa-page-orderhistory .left-content > p {
    width: 100% !important;
    margin-inline: 0 !important;
    text-align: center !important;
  }

  body.id-pwa-native.id-pwa-page-orderhistory
    :where(.order-order-history, .order-history-list, table, tbody, tr) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Cart: fluid shell, controls and totals for both empty and populated states. */
  body.id-pwa-native.id-pwa-page-cart
    :where(.sections, .mobile-cart-main, .item-order-wrap, .cart-item, .cart-total-wrap, .order-total-wrap) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.id-pwa-native.id-pwa-page-cart .sections > .container {
    width: 100% !important;
    max-width: 760px !important;
    margin-inline: auto !important;
    padding-inline: var(--app-gutter, 12px) !important;
  }

  body.id-pwa-native.id-pwa-page-cart
    :where(.item-order-wrap, .cart-item)
    > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.id-pwa-native.id-pwa-page-cart
    :where(.qty-wrap, .quantity-wrap, .cart-actions) {
    display: flex !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  /* Profile management is complete and directly reachable from the mobile dock. */
  body.id-pwa-native.id-pwa-page-profile .id-account-mobile-actions {
    display: grid !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.id-pwa-native.id-pwa-page-profile .id-account-mobile-actions > a {
    display: flex !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 10px 12px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid var(--id-line, #e4e7eb) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--id-ink-900, #121417) !important;
    font-weight: 750 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body.id-pwa-native.id-pwa-page-profile .id-account-mobile-actions > a:last-child {
    grid-column: 1 / -1 !important;
    border-color: #f2b8bd !important;
    color: var(--id-red-700, #b5121b) !important;
  }

  /* Home footer: centered as a single, balanced mobile column. */
  body.id-pwa-native.id-pwa-page-index .section-footer,
  body.id-pwa-native.id-pwa-page-index .section-footer :where(.container, .row, [class*="col-"], .id-footer-bottom) {
    text-align: center !important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer :where(ul, .social-wrap) {
    margin-inline: auto !important;
    justify-content: center !important;
  }

  body.id-pwa-native.id-pwa-page-index .section-footer .id-footer-bottom {
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 359px) {
  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 9px 10px !important;
    padding: 12px !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3
    > a,
  body.id-pwa-native.id-pwa-page-browse #restuarant-list .logo-small {
    width: 88px !important;
    height: 88px !important;
  }
}

@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row {
    display: block !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3 {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px 14px !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3
    > a {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-9 {
    width: 100% !important;
    margin-top: 12px !important;
  }

  body.id-pwa-native.id-pwa-page-menu
    .food-price-wrap
    > a.menu-item.mbile {
    position: relative !important;
  }

  body.id-pwa-native.id-pwa-page-menu
    .food-price-wrap
    > a.menu-item.mbile
    > i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    transform: translate(-50%, -50%) !important;
  }

  body.id-pwa-native.id-pwa-page-menu
    .food-price-wrap
    > a.menu-item.mbile
    > i::before {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    text-align: center !important;
  }
}

@media (max-width: 359px) {
  body.id-pwa-native.id-pwa-page-browse
    #restuarant-list
    .infinite-item
    > .inner
    > .row
    > .col-md-6:first-child
    > .row
    > .col-md-3 {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 9px 10px !important;
  }
}

/* v22.4 — full-width vertical hero benefits on mobile only. */
@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-index
    #parallax-wrap.parallax-home
    .id-hero-ctas
    + div {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.id-pwa-native.id-pwa-page-index
    #parallax-wrap.parallax-home
    .id-hero-ctas
    + div
    > span {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e4e7eb !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #121417 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    box-shadow: 0 6px 18px rgba(15, 23, 32, 0.06) !important;
  }
}

/* v22.5 — account navigation, red journey cards and mobile menu actions. */
@media (max-width: 1024px) {
  /* The four-step journey uses the app's institutional red. */
  body.id-pwa-native.id-pwa-page-index .id-how-card {
    border: 1px solid #b5121b !important;
    border-radius: 20px !important;
    background: #c91525 !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(201, 21, 37, 0.16) !important;
  }

  body.id-pwa-native.id-pwa-page-index
    .id-how-card
    :where(.id-how-num, h3, p) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.id-pwa-native.id-pwa-page-index .id-how-card .id-how-icon {
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.14) !important;
  }

  body.id-pwa-native.id-pwa-page-index
    .id-how-card
    .id-how-icon
    svg {
    stroke: #fff !important;
  }

  /* Authenticated mobile-menu actions are separate, readable buttons. */
  body.id-pwa-native .menu-top-menu li.green-button,
  body.id-pwa-native .menu-top-menu li.orange-button,
  body.id-pwa-native .menu-top-menu li.logout-menu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #c91525 !important;
    box-shadow: none !important;
  }

  body.id-pwa-native .menu-top-menu li.green-button + li.logout-menu,
  body.id-pwa-native .menu-top-menu li.orange-button + li.logout-menu {
    margin-top: 10px !important;
  }

  body.id-pwa-native .menu-top-menu
    li:is(.green-button, .orange-button, .logout-menu)
    > a {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #c91525 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body.id-pwa-native .menu-top-menu
    li:is(.green-button, .orange-button, .logout-menu)
    > a
    :where(i, span) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

@media (max-width: 1024px) {
  body.id-pwa-native.id-pwa-page-index .id-how-grid > .id-how-card {
    animation: none !important;
    transition: none !important;
    border-color: #b5121b !important;
    border-radius: 20px !important;
    background-color: #c91525 !important;
  }

  body.id-pwa-native.id-pwa-page-index #main-content .id-how-grid > .id-how-card > .id-how-num,
  body.id-pwa-native.id-pwa-page-index #main-content .id-how-grid > .id-how-card > h3,
  body.id-pwa-native.id-pwa-page-index #main-content .id-how-grid > .id-how-card > p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}
/* Mobile Account Center v22.8 — scoped to the authenticated PWA profile. */
@media (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-profile { background:#f5f7f9!important; }
  body.id-pwa-page-profile .mobile-banner-wrap,
  body.id-pwa-page-profile #parallax-wrap,
  body.id-pwa-page-profile .banner-receipt,
  body.id-pwa-page-profile .section-profile>.container>.row>.id-account-identity,
  body.id-pwa-page-profile .id-account-workspace>#tabs,
  body.id-pwa-page-profile .id-account-mobile-actions { display:none!important; }
  body.id-pwa-page-profile .section-profile { padding:12px 0 calc(96px + env(safe-area-inset-bottom))!important;background:#f5f7f9!important; }
  body.id-pwa-page-profile .section-profile>.container { display:block!important;width:100%!important;max-width:620px!important;padding:0 12px!important; }
  body.id-pwa-page-profile .id-profile-mobile-hero { display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:4px 14px;position:relative;margin:0 0 12px;padding:18px 16px;border-radius:22px;background:linear-gradient(145deg,#15191e 0%,#242a31 100%);box-shadow:0 12px 30px rgba(20,25,30,.16);color:#fff;overflow:hidden; }
  body.id-pwa-page-profile .id-profile-mobile-hero:after { position:absolute;right:-24px;bottom:-44px;width:132px;height:132px;border:28px solid rgba(201,21,37,.32);border-radius:50%;content:""; }
  body.id-pwa-page-profile .id-profile-mobile-avatar { grid-row:1/3;position:relative;width:72px;height:72px;z-index:1; }
  body.id-pwa-page-profile .id-profile-mobile-avatar img { display:block;width:72px!important;height:72px!important;object-fit:cover;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:#fff; }
  body.id-pwa-page-profile .id-profile-photo-action { display:grid!important;place-items:center;position:absolute;right:-8px;bottom:-8px;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;background:#c91525!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.25); }
  body.id-pwa-page-profile .id-profile-mobile-copy { align-self:end;min-width:0;z-index:1; }
  body.id-pwa-page-profile .id-profile-eyebrow { display:block;margin-bottom:2px;color:#f5b9bf!important;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }
  body.id-pwa-page-profile .id-profile-mobile-copy h1 { margin:0!important;color:#fff!important;font-size:21px!important;line-height:1.2!important;overflow-wrap:anywhere; }
  body.id-pwa-page-profile .id-profile-mobile-copy p { margin:4px 0 0!important;color:#d9dee3!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  body.id-pwa-page-profile .id-profile-status { display:inline-flex;align-items:center;gap:6px;align-self:start;width:max-content;max-width:100%;z-index:1;color:#fff!important;font-size:11px;font-weight:700; }
  body.id-pwa-page-profile .id-profile-status i { width:7px;height:7px;border-radius:50%;background:#45d483;box-shadow:0 0 0 3px rgba(69,212,131,.16); }
  body.id-pwa-page-profile .id-profile-mobile-nav { display:grid!important;margin:0 0 18px;border:1px solid #e2e7eb;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(24,32,40,.06);overflow:hidden; }
  body.id-pwa-page-profile .id-profile-mobile-nav>a { display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;min-height:70px!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid #edf0f2!important;border-radius:0!important;background:#fff!important;color:#171b20!important;text-decoration:none!important; }
  body.id-pwa-page-profile .id-profile-mobile-nav>a:last-child { border-bottom:0!important; }
  body.id-pwa-page-profile .id-profile-nav-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0f1;color:#c91525;font-size:21px; }
  body.id-pwa-page-profile .id-profile-mobile-nav strong { display:block;color:#171b20!important;font-size:14px;line-height:1.25; }
  body.id-pwa-page-profile .id-profile-mobile-nav small { display:block;margin-top:3px;color:#68727d!important;font-size:11px;line-height:1.3; }
  body.id-pwa-page-profile .id-profile-mobile-nav>a>i { color:#9ba4ad;font-size:17px; }
  body.id-pwa-page-profile .id-profile-mobile-section-title { display:flex!important;align-items:center;justify-content:space-between;margin:0 2px 10px;scroll-margin-top:76px; }
  body.id-pwa-page-profile .id-profile-mobile-section-title span,.id-profile-form-heading>span { color:#c91525!important;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase; }
  body.id-pwa-page-profile .id-profile-mobile-section-title h2 { margin:2px 0 0!important;color:#171b20!important;font-size:19px!important; }
  body.id-pwa-page-profile .id-profile-mobile-section-title>i { color:#a5adb5;font-size:20px; }
  body.id-pwa-page-profile .section-profile>.container>.row { display:block!important;margin:0!important; }
  body.id-pwa-page-profile .id-account-main { width:100%!important;padding:0!important; }
  body.id-pwa-page-profile .id-account-shell,.id-account-workspace { width:100%!important;scroll-margin-top:76px; }
  body.id-pwa-page-profile .id-account-workspace>#tab { display:block!important;width:100%!important;margin:0!important;padding:0!important; }
  body.id-pwa-page-profile .id-account-workspace>#tab>li { width:100%!important;margin:0!important;padding:0!important; }
  body.id-pwa-page-profile .id-profile-form-card { margin:0!important;padding:17px 14px!important;border:1px solid #e2e7eb!important;border-radius:20px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,32,40,.05)!important; }
  body.id-pwa-page-profile .id-profile-form-heading { margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #edf0f2; }
  body.id-pwa-page-profile .id-profile-form-heading h2 { margin:3px 0 5px!important;color:#171b20!important;font-size:18px!important; }
  body.id-pwa-page-profile .id-profile-form-heading p { margin:0!important;color:#68727d!important;font-size:12px!important;line-height:1.5; }
  body.id-pwa-page-profile .profile-forms .row { display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0 0 12px!important; }
  body.id-pwa-page-profile .profile-forms .row>[class*="col-"] { width:100%!important;padding:0!important; }
  body.id-pwa-page-profile .profile-forms .text-small { margin:0 0 6px!important;color:#363d45!important;font-size:12px!important;font-weight:750; }
  body.id-pwa-page-profile .profile-forms :where(input[type="text"],input[type="email"],input[type="password"],input[type="tel"]) { width:100%!important;min-height:50px!important;padding:12px 13px!important;border:1px solid #d8dee3!important;border-radius:13px!important;background:#fafbfc!important;color:#171b20!important;font-size:16px!important;box-shadow:none!important; }
  body.id-pwa-page-profile .profile-forms input:disabled { opacity:1!important;background:#eef1f3!important;color:#68727d!important; }
  body.id-pwa-page-profile .profile-forms input:focus { border-color:#c91525!important;box-shadow:0 0 0 3px rgba(201,21,37,.12)!important;outline:0!important; }
  body.id-pwa-page-profile .id-profile-form-divider { display:flex;flex-direction:column;gap:3px;margin:18px 0 12px;padding-top:16px;border-top:1px solid #edf0f2; }
  body.id-pwa-page-profile .id-profile-form-divider span { color:#171b20!important;font-size:14px;font-weight:800; }
  body.id-pwa-page-profile .id-profile-form-divider span i { margin-right:7px;color:#c91525; }
  body.id-pwa-page-profile .id-profile-form-divider small { color:#68727d!important;font-size:11px; }
  body.id-pwa-page-profile .profile-forms input[type="submit"] { width:100%!important;min-height:52px!important;margin-top:2px!important;border:0!important;border-radius:14px!important;background:#c91525!important;color:#fff!important;font-size:14px!important;font-weight:850!important;box-shadow:0 8px 18px rgba(201,21,37,.22)!important; }
  body.id-pwa-page-profile .id-profile-mobile-logout { display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:50px;margin:14px 0 10px;border:1px solid #edb9be;border-radius:14px;background:#fff;color:#b5121b!important;font-weight:800;text-decoration:none!important; }
  body.id-pwa-page-profile .id-profile-mobile-security { display:flex!important;align-items:flex-start;justify-content:center;gap:7px;margin:0 12px!important;color:#717b85!important;font-size:10px!important;line-height:1.45;text-align:center; }
  body.id-pwa-page-profile .id-profile-mobile-security i { margin-top:1px;color:#919aa3; }
}
@media (min-width:1025px) { .id-profile-mobile-hero,.id-profile-mobile-nav,.id-profile-mobile-section-title,.id-profile-mobile-logout,.id-profile-mobile-security,.id-profile-form-heading,.id-profile-form-divider { display:none!important; } }
/* v22.9: profile identity copy is black on a light surface, mobile only. */
@media (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-profile .id-profile-mobile-hero {
    background:linear-gradient(145deg,#ffffff 0%,#f1f3f5 100%)!important;
    border:1px solid #e0e4e8!important;
    box-shadow:0 10px 26px rgba(20,25,30,.10)!important;
    color:#000!important;
  }
  body.id-pwa-native.id-pwa-page-profile .id-profile-eyebrow,
  body.id-pwa-native.id-pwa-page-profile .id-profile-mobile-copy h1,
  body.id-pwa-native.id-pwa-page-profile .id-profile-mobile-copy p,
  body.id-pwa-native.id-pwa-page-profile .id-profile-status {
    color:#000!important;
    -webkit-text-fill-color:#000!important;
  }
}
/* Meus pedidos mobile v23.0 — cards de rastreamento, PWA only. */
@media (max-width:1024px) {
  body.id-pwa-native.id-pwa-page-orderhistory { background:#f4f6f8!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-desktop { display:none!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-mobile { display:block!important;width:100%;max-width:680px;margin:0 auto;padding:12px 12px calc(92px + env(safe-area-inset-bottom)); }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-hero { display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:14px;padding:18px 16px;border:1px solid #e0e4e8;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f0f3f5 100%);box-shadow:0 9px 24px rgba(23,29,35,.08); }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-hero-icon { display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#c91525;color:#fff;font-size:26px;box-shadow:0 8px 18px rgba(201,21,37,.22); }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-eyebrow { display:block;color:#c91525!important;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-hero h1 { margin:2px 0 3px!important;color:#14181d!important;font-size:22px!important;line-height:1.15!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-hero p { margin:0!important;color:#66717c!important;font-size:11px!important;line-height:1.45!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-list { display:grid;gap:14px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-card { display:block;position:relative;width:100%;min-width:0;padding:16px 14px 14px 20px;border:1px solid #dfe4e8;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(23,29,35,.06);overflow:hidden; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-card-rail { position:absolute;top:0;bottom:0;left:0;width:6px;background:#eef1f3; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-card-rail i { display:block;width:100%;height:64px;background:#c91525; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf0f2; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-number span { display:block;color:#727c86!important;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-number strong { display:block;margin-top:1px;color:#12161b!important;font-size:19px;line-height:1.1; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-status { display:inline-flex;align-items:center;gap:6px;max-width:54%;min-height:30px;padding:6px 9px;border-radius:999px;background:#edf3ff;color:#285b9f!important;font-size:10px;font-weight:850;line-height:1.2;text-align:right; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-status i { flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-status.is-success { background:#e7f7ef;color:#147548!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-status.is-warning { background:#fff5df;color:#9a5b00!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-status.is-danger { background:#fff0f1;color:#b5121b!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-merchant { display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:13px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-merchant-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0f1;color:#c91525;font-size:20px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-merchant small,.id-order-meta small { display:block;color:#7a848e!important;font-size:10px;line-height:1.25; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-merchant strong { display:block;margin-top:2px;color:#171b20!important;font-size:14px;line-height:1.3;overflow-wrap:anywhere; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-meta { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-meta>div { display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-height:52px;padding:9px;border:1px solid #e7ebee;border-radius:13px;background:#f8f9fa; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-meta>div>i { display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:#c91525;font-size:15px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-meta strong { display:block;margin-top:2px;color:#252b31!important;font-size:11px;line-height:1.25;overflow-wrap:anywhere; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-items { margin-bottom:13px;padding:11px 12px;border-radius:14px;background:#f7f8fa; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-section-label { display:flex;align-items:center;gap:7px;color:#343b42!important;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.045em; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-section-label i { color:#c91525;font-size:15px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-items ul { display:grid!important;gap:6px;margin:9px 0 0!important;padding:0!important;list-style:none!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-items li { display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:start;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#505963!important;font-size:11px!important;line-height:1.4; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-items li i { display:grid;place-items:center;width:16px;height:16px;margin-top:0;border-radius:50%;background:#e6f6ee;color:#16764a;font-size:9px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions>a { display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px!important;padding:9px!important;border:1px solid #dfe4e8!important;border-radius:13px!important;background:#fff!important;color:#242a30!important;font-size:11px!important;font-weight:800!important;text-align:center;text-decoration:none!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions>a:first-child { border-color:#c91525!important;background:#c91525!important;color:#fff!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions>a:last-child { grid-column:1/-1;justify-content:flex-start;padding-inline:13px!important;background:#f7f8f9!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions>a:last-child .id-order-chevron { margin-left:auto; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-actions>a>i { flex:0 0 auto;font-size:17px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline { display:none;margin-top:12px!important;padding:13px 12px!important;border:1px solid #e4e8eb!important;border-radius:14px!important;background:#fafbfc!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline ol { display:grid;gap:0;margin:11px 0 0!important;padding:0!important;list-style:none!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline li { display:grid!important;grid-template-columns:14px minmax(0,1fr);gap:9px;position:relative;margin:0!important;padding:0 0 14px!important;border:0!important;background:transparent!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline li:last-child { padding-bottom:0!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline li>i { position:relative;z-index:1;width:10px;height:10px;margin-top:3px;border:3px solid #c91525;border-radius:50%;background:#fff;box-sizing:border-box; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline li:not(:last-child)>i:after { position:absolute;top:7px;left:1px;width:2px;height:calc(100% + 12px);background:#e2e6e9;content:""; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline strong { display:block;color:#252b31!important;font-size:11px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline time { display:block;margin-top:2px;color:#7b858f!important;font-size:9px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-order-timeline p { margin:4px 0 0!important;color:#5b646d!important;font-size:10px!important;line-height:1.4; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-empty { display:grid;place-items:center;padding:30px 18px;border:1px solid #e0e4e8;border-radius:20px;background:#fff;text-align:center;box-shadow:0 7px 22px rgba(23,29,35,.05); }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-empty>i { display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:18px;background:#fff0f1;color:#c91525;font-size:27px; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-empty h2 { margin:0 0 6px!important;color:#171b20!important;font-size:18px!important; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-empty p { max-width:360px;margin:0 0 15px!important;color:#69737d!important;font-size:12px!important;line-height:1.5; }
  body.id-pwa-native.id-pwa-page-orderhistory .id-orders-empty a { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border-radius:13px;background:#c91525;color:#fff!important;font-size:12px;font-weight:850;text-decoration:none!important; }
}
@media (min-width:1025px) { .id-orders-mobile { display:none!important; } .id-orders-desktop { display:block!important; } }
@media (max-width:359px) { body.id-pwa-native.id-pwa-page-orderhistory .id-order-meta { grid-template-columns:1fr; } }
/* iDrugstore consumer home v25.0 — mobile discovery */
.id-mobile-discovery-home{display:none}
@media (max-width:1024px){
body.id-pwa-page-index{background:#f7f7f8!important}
body.id-pwa-page-index .top-menu-wrapper{display:none!important}
body.id-pwa-page-index .id-mobile-discovery-home{display:block;width:100%;max-width:600px;margin:0 auto;color:#171719;background:#fff;padding:calc(8px + env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom));font-family:Inter,Arial,sans-serif;box-sizing:border-box}
body.id-pwa-page-index #parallax-wrap,body.id-pwa-page-index .id-trust-bar,body.id-pwa-page-index .id-pharma-cats,body.id-pwa-page-index .id-stats-section,body.id-pwa-page-index .section-how-it-works,body.id-pwa-page-index .section-feature-resto,body.id-pwa-page-index .section-cuisine,body.id-pwa-page-index .id-testimonials,body.id-pwa-page-index #mobile-app-sections,body.id-pwa-page-index .id-plans,body.id-pwa-page-index .id-merchant-cta,body.id-pwa-page-index .id-faq,body.id-pwa-page-index .section-subcribe,body.id-pwa-page-index .section-footer{display:none!important}
.id-mobile-home-head{display:flex;align-items:center;gap:10px;padding:8px 16px 10px}
.id-mobile-home-address{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#171719!important;text-decoration:none!important}
.id-mobile-home-address>i:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0f1;color:#d41421;font-size:21px;flex:none}
.id-mobile-home-address span{display:flex;flex-direction:column;min-width:0;line-height:1.2}.id-mobile-home-address small{color:#747477;font-size:9px;font-weight:850;letter-spacing:.11em}.id-mobile-home-address strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;margin-top:2px}.id-mobile-home-address>i:last-child{color:#d41421;font-size:13px}
.id-mobile-home-user{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #e5e5e7;border-radius:50%;color:#171719!important;background:#fff;font-size:21px;box-shadow:0 4px 14px rgba(20,20,24,.06)}
.id-mobile-home-search{margin:2px 16px 18px;height:48px;border-radius:14px;background:#f2f2f4;display:flex;align-items:center;gap:11px;padding:0 15px;color:#69696d!important;text-decoration:none!important;font-size:14px;font-weight:600}.id-mobile-home-search i{font-size:21px;color:#363639}
.id-mobile-home-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 16px 17px}.id-mobile-home-welcome div{min-width:0}.id-mobile-home-welcome small,.id-mobile-home-stores header small,.id-mobile-home-all small{display:block;color:#d41421;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}.id-mobile-home-welcome h1{font-size:25px;line-height:1.08;letter-spacing:-.75px;font-weight:850;margin:0;max-width:290px;color:#171719}.id-mobile-home-welcome>a{height:40px;padding:0 17px;border-radius:12px;background:#d41421;color:#fff!important;display:flex;align-items:center;font-size:13px;font-weight:800;text-decoration:none!important;flex:none}
.id-mobile-home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;overflow:visible;padding:3px 16px 22px}.id-mobile-home-categories a{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:#28282b!important;text-decoration:none!important;font-size:11px;font-weight:750}.id-mobile-home-categories i{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#f7f7f8;border:1px solid #ededee;font-size:25px;color:#d41421;box-shadow:0 5px 15px rgba(20,20,24,.045)}.id-mobile-home-categories a:nth-child(2) i{color:#18875d;background:#eef9f4}.id-mobile-home-categories a:nth-child(3) i{color:#3274c5;background:#eef5ff}.id-mobile-home-categories a:nth-child(4) i{color:#ad6623;background:#fff7ed}.id-mobile-home-categories a:nth-child(5) i{color:#7f54b3;background:#f7f1ff}.id-mobile-home-categories a:nth-child(6) i{color:#d41421;background:#fff0f1}
.id-mobile-home-promos{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible;padding:0 16px 24px}.id-mobile-home-promos>a{position:relative;overflow:hidden;width:100%;min-width:0;height:124px;border-radius:22px;padding:18px;display:flex;align-items:flex-end;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(108,9,17,.16)}.id-mobile-home-promos .is-primary{background:linear-gradient(135deg,#bd0f1c,#e82937)}.id-mobile-home-promos .is-secondary{background:linear-gradient(135deg,#242428,#4a4a50)}.id-mobile-home-promos span{position:relative;z-index:1;display:flex;flex-direction:column}.id-mobile-home-promos small{font-size:9px;font-weight:900;letter-spacing:.13em;opacity:.8}.id-mobile-home-promos strong{font-size:20px;line-height:1.1;margin:5px 0 4px;font-weight:850}.id-mobile-home-promos em{font-style:normal;font-size:11px;opacity:.82}.id-mobile-home-promos>a>i{position:absolute;right:16px;top:15px;font-size:63px;opacity:.18;transform:rotate(-8deg)}
.id-mobile-home-stores{padding:2px 16px 20px}.id-mobile-home-stores>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.id-mobile-home-stores h2{font-size:21px;line-height:1.1;letter-spacing:-.45px;font-weight:850;color:#171719;margin:0}.id-mobile-home-stores header>a{color:#d41421!important;font-size:12px;font-weight:800;text-decoration:none!important;padding:10px 0}.id-mobile-store-list{display:flex;flex-direction:column}.id-mobile-store-card{display:flex;align-items:center;gap:12px;min-height:86px;border-bottom:1px solid #efeff1;color:#171719!important;text-decoration:none!important;padding:11px 0}.id-mobile-store-card>img{width:62px;height:62px;object-fit:cover;border-radius:16px;border:1px solid #ededee;background:#fff;flex:none}.id-mobile-store-copy{display:flex;flex:1;min-width:0;flex-direction:column}.id-mobile-store-copy strong{font-size:14px;line-height:1.25;font-weight:820;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-mobile-store-copy small{font-size:11px;color:#77777b;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-mobile-store-copy em{font-size:10px;color:#55555a;font-style:normal}.id-mobile-store-copy em i{color:#e7a315}.id-mobile-store-card>i{color:#b1b1b5;font-size:16px;flex:none}
.id-mobile-home-all{margin:2px 16px 4px;min-height:72px;border:1px solid #e5e5e7;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;color:#171719!important;text-decoration:none!important;background:#fafafa}.id-mobile-home-all span{min-width:0}.id-mobile-home-all strong{display:block;font-size:14px;font-weight:820}.id-mobile-home-all>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d41421;color:#fff;flex:none}
body.id-pwa-page-index .id-mobile-home-head,body.id-pwa-page-index .id-mobile-home-search,body.id-pwa-page-index .id-mobile-home-welcome,body.id-pwa-page-index .id-mobile-home-categories,body.id-pwa-page-index .id-mobile-home-promos,body.id-pwa-page-index .id-mobile-home-stores,body.id-pwa-page-index .id-mobile-home-all{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.id-pwa-page-index .id-mobile-home-search{width:100%!important}
body.id-pwa-page-index .id-mobile-home-promos>a{width:100%!important;box-sizing:border-box}
body.id-pwa-page-index .id-mobile-home-stores{margin-top:4px!important}
body.id-pwa-page-index .id-mobile-store-card{margin-bottom:10px;border:1px solid #e7e7ea;border-radius:18px;background:#fff;padding:12px!important;min-height:102px;box-shadow:0 5px 16px rgba(20,20,24,.06)}
body.id-pwa-page-index .id-mobile-store-card>img{width:78px;height:78px;border-radius:16px}
body.id-pwa-page-index .id-mobile-store-copy strong{font-size:15px}
body.id-pwa-page-index .id-mobile-store-copy small{margin:5px 0;font-size:12px}
body.id-pwa-page-index .id-mobile-store-copy em{font-size:11px}
body.id-pwa-page-index .id-mobile-home-all{margin-top:4px!important}
body.id-pwa-page-checkout .id-mobile-guest-checkout{display:none!important}
}
@media (max-width:350px){body.id-pwa-page-index .id-mobile-discovery-home{padding-left:12px;padding-right:12px}.id-mobile-home-welcome h1{font-size:22px}.id-mobile-home-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:no-preference) and (max-width:1024px){body.id-pwa-page-index.id-pwa-page-ready .id-mobile-discovery-home{animation:id-home-enter .32s ease-out both}@keyframes id-home-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media (max-width:1024px){
body.id-pwa-page-index .id-mobile-store-card{background:#24252b!important;border-color:#3c3d46!important;color:#fff!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy strong{color:#fff!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy small{color:#e3e4e8!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy em{color:#d4d5da!important}
body.id-pwa-page-index .id-mobile-store-card>i{color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card,
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card strong{color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card small{color:#e3e4e8!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card em{color:#d4d5da!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos>a,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos strong,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos small,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos em{color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all{background:#24252b!important;border-color:#3c3d46!important;color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all small,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all strong{color:#fff!important}
body.id-pwa-page-index .id-mobile-home-categories a{background:#24252b!important;border:1px solid #3c3d46;border-radius:18px;padding:8px 4px;color:#fff!important}
body.id-pwa-page-index .id-mobile-home-categories a,
body.id-pwa-page-index .id-mobile-home-categories a *{color:#fff!important}
}

/* Final mobile readability override. */
@media (max-width:1024px){
body.id-pwa-page-index .id-mobile-home-categories a{background:#fff!important;color:#1b1d21!important;border-color:#e2e5e8!important}
body.id-pwa-page-index .id-mobile-home-categories a *{color:#1b1d21!important}
body.id-pwa-page-index .id-mobile-store-card{background:#fff!important;border-color:#e2e5e8!important;color:#17191d!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy strong{color:#17191d!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy small{color:#5e6872!important}
body.id-pwa-page-index .id-mobile-store-card .id-mobile-store-copy em{color:#4e5862!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all{background:#fff!important;border-color:#e2e5e8!important;color:#17191d!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all small,body.id-pwa-native.id-pwa-page-index .id-mobile-home-all strong{color:#17191d!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary{background:linear-gradient(135deg,#f0f2f4,#dfe3e7)!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary,body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-secondary *{color:#1b1d21!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card strong{color:#17191d!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card small{color:#5e6872!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-store-card em{color:#4e5862!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary *{color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all strong,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-all small{color:#17191d!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary span,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary span *,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos .is-primary > i{color:#fff!important}
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos a.is-primary,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos a.is-primary span,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos a.is-primary span small,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos a.is-primary span strong,
body.id-pwa-native.id-pwa-page-index .id-mobile-home-promos a.is-primary span em{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.18)!important}
}

/* Desktop profile workspace v27.0 — isolated from the mobile PWA */
@media (max-width:1024px){
 .section-profile .id-desktop-nav-heading,.section-profile .id-desktop-identity-copy,.section-profile .id-desktop-section-title{display:none!important}
 .section-profile .id-desktop-form-section{display:contents}
}
@media (min-width:1025px){
 body:has(.section-profile.id-account-shell) .section-profile{--dp-ink:#17191d;--dp-muted:#667085;--dp-line:#e4e7ec;--dp-red:#d71920;background:#f5f6f8!important;padding:42px 0 72px!important}
 .section-profile.id-account-shell>.container{width:min(1180px,calc(100% - 64px))}
 .section-profile .id-profile-mobile-hero,.section-profile .id-profile-mobile-nav,.section-profile .id-profile-mobile-section-title,.section-profile .id-profile-mobile-logout,.section-profile .id-profile-mobile-security{display:none!important}
 .section-profile .id-desktop-account-grid{position:relative;display:block;margin:0}
 .section-profile .id-account-main,.section-profile .id-account-identity{float:none;padding:0}
 .section-profile .id-account-main{width:100%!important}
 .section-profile .id-account-workspace{display:grid;width:100%!important;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
 .section-profile .id-desktop-nav-heading{grid-column:1;margin-bottom:-18px;padding:24px 22px 18px;z-index:1}
 .section-profile .id-desktop-nav-eyebrow,.section-profile .id-desktop-identity-eyebrow{display:block;color:var(--dp-red);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
 .section-profile .id-desktop-nav-heading strong{display:block;margin-top:7px;color:var(--dp-ink);font-size:20px;line-height:1.2}
 .section-profile .id-desktop-nav-heading small{display:block;margin-top:7px;color:var(--dp-muted);font-size:12px;line-height:1.5}
 .section-profile .id-account-workspace #tabs{grid-column:1;margin:0!important;padding:10px!important;display:flex!important;flex-direction:column;gap:4px;border:1px solid var(--dp-line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(23,25,29,.06)}
 .section-profile #tabs li{width:100%!important;min-height:48px;display:flex!important;align-items:center;gap:12px;padding:0 14px!important;border:0!important;border-radius:11px;color:#4b5565!important;background:transparent!important;font-size:14px;font-weight:650;cursor:pointer;transition:.18s ease}
 .section-profile #tabs li:hover{background:#f7f7f8!important;color:var(--dp-ink)!important;transform:translateX(2px)}
 .section-profile #tabs li.active{background:#fff0f1!important;color:var(--dp-red)!important;box-shadow:inset 3px 0 0 var(--dp-red)}
 .section-profile #tabs li i{width:22px;text-align:center;color:inherit!important;font-size:20px}
 .section-profile .id-account-workspace #tab{grid-column:2;grid-row:1/span 3;margin:0!important;min-width:0}
 .section-profile #tab>li{padding:0!important}
 .section-profile #tab .box-grey{margin:0!important;padding:32px!important;border:1px solid var(--dp-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(23,25,29,.06)!important}
 .section-profile .id-account-identity{position:absolute;left:0;top:246px;width:270px!important;z-index:2}
 .section-profile .id-account-identity .box-grey{position:relative;padding:22px!important;border:1px solid #303238!important;border-radius:18px!important;background:linear-gradient(145deg,#1e2025,#111216)!important;color:#fff;box-shadow:0 18px 40px rgba(17,18,22,.16)!important;overflow:hidden}
 .section-profile .id-account-identity .box-grey:before{content:"";position:absolute;width:120px;height:120px;right:-48px;top:-48px;border:22px solid rgba(215,25,32,.75);border-radius:50%}
 .section-profile .id-desktop-identity-copy{padding-right:64px}
 .section-profile .id-desktop-identity-copy h2{margin:8px 0 3px;color:#fff!important;font-size:19px;line-height:1.25}
 .section-profile .id-desktop-identity-copy p{margin:0;color:#c9cdd5!important;font-size:12px;overflow-wrap:anywhere}
 .section-profile .id-desktop-account-status{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#dcefe2;font-size:12px;font-weight:700}
 .section-profile .id-desktop-account-status i{color:#6bd18a}
 .section-profile .avatar-wrap{width:92px;height:92px;margin:22px auto 0;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08)}
 .section-profile .avatar-wrap img{width:100%;height:100%;object-fit:cover}
 .section-profile #single_uploadfile{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:10px;background:var(--dp-red);color:#fff!important;font-weight:750;text-decoration:none}
 .section-profile .id-account-identity .line-top{margin-top:18px;padding-top:16px;border-color:rgba(255,255,255,.13)!important;color:#c9cdd5;font-size:12px;line-height:1.45}
 .section-profile .id-profile-form-heading{display:block!important;padding-bottom:25px;border-bottom:1px solid var(--dp-line)}
 .section-profile .id-profile-form-heading span{color:var(--dp-red);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
 .section-profile .id-profile-form-heading h2{margin:7px 0 6px;color:var(--dp-ink);font-size:30px;line-height:1.15;letter-spacing:-.025em}
 .section-profile .id-profile-form-heading p{margin:0;color:var(--dp-muted);font-size:14px}
 .section-profile .id-desktop-form-section{margin-top:26px;padding:24px;border:1px solid var(--dp-line);border-radius:14px;background:#fbfbfc}
 .section-profile .id-desktop-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}
 .section-profile .id-desktop-section-title>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff0f1;color:var(--dp-red);font-size:20px}
 .section-profile .id-desktop-section-title strong,.section-profile .id-desktop-section-title span{display:block}
 .section-profile .id-desktop-section-title strong{color:var(--dp-ink);font-size:15px}
 .section-profile .id-desktop-section-title span{margin-top:2px;color:var(--dp-muted);font-size:12px}
 .section-profile .id-profile-form-divider{display:none}
 .section-profile .profile-forms .row{margin-left:-8px;margin-right:-8px}
 .section-profile .profile-forms [class*="col-md-"]{padding-left:8px;padding-right:8px}
 .section-profile .profile-forms .text-small{margin:0 0 7px;color:#344054;font-size:12px;font-weight:750}
 .section-profile .profile-forms .grey-fields{height:48px!important;padding:0 14px!important;border:1px solid #d9dde4!important;border-radius:10px!important;background:#fff!important;color:var(--dp-ink)!important;font-size:14px;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:.18s ease}
 .section-profile .profile-forms .grey-fields:focus{border-color:var(--dp-red)!important;box-shadow:0 0 0 3px rgba(215,25,32,.11)!important;outline:0}
 .section-profile .profile-forms .grey-fields:disabled{background:#f1f3f5!important;color:#667085!important;cursor:not-allowed}
 .section-profile .id-desktop-form-actions{margin-top:24px!important}
 .section-profile .id-desktop-form-actions input[type="submit"]{float:right;min-width:190px;height:48px;padding:0 22px;border:0;border-radius:11px;background:var(--dp-red)!important;color:#fff!important;font-size:14px;font-weight:800;box-shadow:0 9px 20px rgba(215,25,32,.2)}
 .section-profile .id-desktop-form-actions input[type="submit"]:hover{background:#b81016!important;transform:translateY(-1px)}
}