/* Realleaf g13 (staging) – product page buy box, breadcrumbs, trust icons, sticky bar, product FAQ, cards, service pages. */

/* 1. Buy box: price + stock on one row, full-width single-line add button, no stray dot */
html body:not(#rlfx) .rl-product__purchase-panel{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px 12px!important;padding:16px!important;min-height:0!important}
html body:not(#rlfx) .rl-product__purchase-panel>.rl-product__price{grid-column:1!important;margin:0!important;line-height:1.1!important}
html body:not(#rlfx) .rl-product__purchase-panel>.stock{grid-column:2!important;margin:0!important;justify-self:end!important;white-space:nowrap;font-size:.9rem}
html body:not(#rlfx) .rl-product__purchase-panel>*:not(.rl-product__price):not(.stock){grid-column:1 / -1!important;margin:0!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-product__quantity-label{display:none!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-product__quantity-group{display:block!important;margin:0!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-qty--lg{display:flex!important;width:100%!important;max-width:none!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-qty--lg .rl-qty__add{flex:1 1 auto!important;width:100%!important;max-width:none!important;min-height:50px!important;white-space:nowrap!important;justify-content:center!important;gap:8px!important;padding:0 20px!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-qty--lg .rl-qty__add svg,
html body:not(#rlfx) .rl-qty--lg .rl-qty__add svg{background:none!important;width:18px!important;height:18px!important;color:currentColor!important;border-radius:0!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-qty--lg .rl-qty__add-text{white-space:nowrap!important}
html body:not(#rlfx) .rl-product__purchase-panel .rl-qty--lg .rl-qty__pill{flex:1 1 auto!important;width:100%!important;justify-content:space-between!important;min-height:50px!important}
html body:not(#rlfx) .rl-product__purchase-panel .awdr-bulk-customizable-table:empty,
html body:not(#rlfx) .rl-product__purchase-panel .awdr-bulk-customizable-table:not(:has(*)){display:none!important}
html body:not(#rlfx) .rl-product__purchase-panel .stock.out-of-stock{grid-column:1 / -1!important;justify-self:stretch!important;text-align:center;padding:10px 12px;border-radius:12px;background:#f4f4f2;color:#6b1d1d}

/* 2. Full breadcrumbs at the top of the product page */
html body:not(#rlfx) .rlfx-bc--full{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:2px 6px!important;font-size:.82rem!important;line-height:1.5!important;margin:10px 0 8px!important;color:#5d6b65}
html body:not(#rlfx) .rlfx-bc--full a{color:#0B7A3E!important;text-decoration:none}
html body:not(#rlfx) .rlfx-bc--full [aria-current]{color:#5d6b65;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto}
@media (max-width:640px){html body:not(#rlfx) .rlfx-bc--full [aria-current]{max-width:60vw}}

/* 3. Trust row: black icons on the light circle */
html body:not(#rlfx) .rl6-benefits .rl6-ic-badge svg,
html body:not(#rlfx) .rl6-benefits .rl6-ic-badge .rl6-ic{color:#111!important;stroke:#111!important}
html body:not(#rlfx) .rl6-benefits .rl6-ic-badge svg .f{fill:none!important}

/* 4. Mobile sticky bar: full "הוספה לסל" pill, never clipped */
html body:not(#rlfx) .rl8-buybar .rl10-step:not(.is-open){width:auto!important;min-width:0!important;flex:0 0 auto!important}
html body:not(#rlfx) .rl8-buybar .rl10-step:not(.is-open) .rl8-buybar__btn{width:auto!important;min-width:112px!important;height:44px!important;padding:0 16px!important;white-space:nowrap!important;overflow:visible!important;font-size:.95rem!important;font-weight:700!important;gap:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;box-shadow:0 3px 10px rgb(18 161 80/.25)!important;transform:none!important;position:static!important}
html body:not(#rlfx) .rl8-buybar .rl10-step:not(.is-open) .rl8-buybar__btn::before{content:"+"!important;position:static!important;font-size:1.15rem;line-height:1;margin:0!important;transform:none!important}
html body:not(#rlfx) .rl8-buybar .rl10-step:not(.is-open) [data-rl8-buy-label]{display:inline!important;font-size:inherit!important;position:static!important;opacity:1!important;width:auto!important;clip:auto!important;clip-path:none!important}
html body:not(#rlfx) .rl8-buybar{overflow:visible!important;padding-inline:12px!important;gap:10px!important}
html body:not(#rlfx) .rl8-buybar__info{min-width:0!important;flex:1 1 auto!important}
html body:not(#rlfx) .rl8-buybar__info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

/* 5. Product FAQ: one icon only (+ that turns into ×) */
html body:not(#rlfx) .rl13-faq summary{background-image:none!important;list-style:none!important}
html body:not(#rlfx) .rl13-faq summary::-webkit-details-marker{display:none!important}
html body:not(#rlfx) .rl13-faq summary::before{content:none!important;display:none!important}
html body:not(#rlfx) .rl13-faq summary::after{content:"+"!important;border:0!important;transform:none!important;background:#e9f6ee!important;color:#0B7A3E!important;width:30px!important;height:30px!important;min-width:30px;border-radius:50%!important;display:inline-grid!important;place-items:center!important;font-size:20px!important;line-height:1!important;margin-inline-start:auto;transition:transform .2s ease!important;-webkit-mask:none!important;mask:none!important}
html body:not(#rlfx) .rl13-faq details[open]>summary::after{transform:rotate(45deg)!important}

/* 6. Product cards: price stays put; compact stepper in the + spot; card height unchanged */
html body:not(#rlfx) .rl-product-card__foot{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-height:40px!important;height:40px!important}
html body:not(#rlfx) .rl-product-card__foot>.rl-price{flex:1 1 auto!important;min-width:0!important;width:auto!important;order:0!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#rlfx) .rl-product-card__foot>.rl-product-card__actions{flex:0 0 auto!important;width:auto!important;order:1!important;margin:0!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card{width:auto!important;flex:0 0 auto!important;height:40px!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill{width:auto!important;min-width:0!important;height:36px!important;display:inline-flex!important;align-items:center!important;gap:0!important;padding:0 2px!important;position:relative!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill .rl-qty__btn{width:30px!important;height:30px!important;min-width:30px!important;position:relative!important;inset:auto!important;margin:0!important;transform:none!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill .rl-qty__btn::before,
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill .rl-qty__btn::after{position:absolute!important;inset:0!important;margin:auto!important;transform:none!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__value{min-width:22px!important;width:22px!important;padding:0!important;font-size:.95rem!important}
@media (max-width:640px){html body:not(#rlfx) .rl-product-card__foot .rl-price{font-size:.95rem!important}}

/* 7. "נקנה יחד עם המוצר הזה" as a horizontal slider (same as related) */
html body:not(#rlfx) .rl13-bt ul.products{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:calc((100% - 12px) / 2.15)!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 10px!important;margin:0!important}
html body:not(#rlfx) .rl13-bt ul.products::-webkit-scrollbar{display:none}
html body:not(#rlfx) .rl13-bt ul.products>li{width:auto!important;margin:0!important;scroll-snap-align:start;float:none!important}
@media (min-width:900px){html body:not(#rlfx) .rl13-bt ul.products{grid-auto-columns:calc((100% - 36px) / 4)!important}}

/* 8. Related / bought-together images: soft placeholder while loading */
html body:not(#rlfx) :is(section.related,section.rl13-bt,section.upsells) .rl-product-card__media img{background:#f1f5f2}

/* 9. Service pages (FAQ, shipping, privacy, terms): theme-consistent typography */
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-section:first-of-type .elementor-heading-title,
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) h1.elementor-heading-title{font-family:var(--rl-font-body,inherit)!important;font-size:clamp(1.75rem,4.5vw,2.5rem)!important;line-height:1.2!important;font-weight:800!important;color:var(--rl-color-forest,#0B7A3E)!important;word-break:normal;overflow-wrap:anywhere}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-section:first-of-type{padding-block:28px 12px!important;background-image:none!important;background-color:transparent!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-section:first-of-type .elementor-background-overlay{display:none!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor>.elementor-element:not(:first-child),
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor>.elementor-section:not(:first-of-type){max-width:860px;margin:0 auto 32px!important;padding:clamp(18px,4vw,32px)!important;background:#fff!important;border-radius:18px!important;box-shadow:0 1px 3px rgb(0 0 0/.06),0 8px 24px rgb(0 0 0/.04)!important;width:calc(100% - 32px)!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-section:first-of-type>.elementor-container{max-width:860px!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor,
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor *{font-family:var(--rl-font-body,inherit)!important;font-size:1rem!important;line-height:1.75!important;color:#2b2f2d!important;text-align:right!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor :is(h2,h3,h4),
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor :is(h2,h3,h4) *{font-size:1.25rem!important;font-weight:800!important;color:var(--rl-color-forest,#0B7A3E)!important;margin:1.2em 0 .5em!important;line-height:1.35!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor :is(ul,ol){padding-inline-start:1.25em!important;margin:0 0 1em!important}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor li{margin-bottom:.35em}
:is(.page-id-8686,.page-id-8688,.page-id-8690,.page-id-8692) .elementor-widget-text-editor a{color:#0B7A3E!important;text-decoration:underline}

/* 10. Search results header: compact one line + count; no duplicate input (header search stays, prefilled) */
html body:not(#rlfx) .rl-search-page .rl-storefront__heading{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 12px!important;padding:14px 16px!important;min-height:0!important;border-radius:16px!important;overflow:hidden!important;position:relative}
html body:not(#rlfx) .rl-search-page .rl-storefront__heading::before,
html body:not(#rlfx) .rl-search-page .rl-storefront__heading::after{display:none!important;content:none!important}
html body:not(#rlfx) .rl-search-page .rl-storefront__heading .rl-page-title{font-size:clamp(1.05rem,4.2vw,1.5rem)!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%;flex:0 1 auto;min-width:0}
html body:not(#rlfx) .rl-search-page .rl-storefront__heading .rl-page-title::after{display:none!important}
html body:not(#rlfx) .rl-search-page .rl-search-page__count{margin:0!important;font-size:.9rem!important;opacity:.85;white-space:nowrap;flex:0 0 auto}
html body:not(#rlfx) .rl-search-page .rl-search-page__form{display:none!important}

/* 11. Footer sits flush at the bottom (no light strip under it): tab-bar space goes inside the footer, not under it */
@media (max-width:1023px){
html body:not(#rlfx):has(.rl-tabbar){padding-bottom:0!important}
html body:not(#rlfx):has(.rl-tabbar) .rl-site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom) + 12px)!important;margin-bottom:0!important}
}
html body:not(#rlfx) .rl-site-footer{margin-bottom:0!important}
html body:not(#rlfx) .qlwapp{position:fixed!important;height:0!important;min-height:0!important}
html body:not(#rlfx) .rl-cart-status,html body:not(#rlfx) .widget_shopping_cart_live_region{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}

/* 12. Checkout: minimal footer, compact layout, collapsible order details */
html body:not(#rlfx) .rl-checkout-footer{padding:18px 0 calc(18px + env(safe-area-inset-bottom))!important;margin-top:24px!important;border-radius:20px 20px 0 0!important;content-visibility:visible!important;contain-intrinsic-block-size:auto!important}
html body:not(#rlfx) .rl-checkout-footer::before,html body:not(#rlfx) .rl-checkout-footer::after{display:none!important}
html body:not(#rlfx) .rl-checkout-footer__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;font-size:.85rem}
html body:not(#rlfx) .rl-checkout-footer ul{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0;padding:0}
html body:not(#rlfx) .rl-checkout-footer a{color:inherit;opacity:.9;text-decoration:underline;text-underline-offset:3px}
html body.woocommerce-checkout:not(#rlfx){padding-bottom:0!important}
html body.woocommerce-checkout:not(#rlfx) .woocommerce-checkout :is(h3,#order_review_heading){font-size:1.1rem!important;margin:14px 0 8px!important}
html body.woocommerce-checkout:not(#rlfx) .woocommerce-checkout .form-row{margin:0 0 10px!important;padding:0!important}
html body.woocommerce-checkout:not(#rlfx) .woocommerce-checkout .form-row label{margin-bottom:3px!important;font-size:.88rem!important}
html body.woocommerce-checkout:not(#rlfx) .woocommerce-checkout :is(input.input-text,select,textarea,.select2-selection){min-height:46px!important;padding-block:8px!important}
html body.woocommerce-checkout:not(#rlfx) .woocommerce-checkout textarea{min-height:70px!important}
html body.woocommerce-checkout:not(#rlfx) #order_review_heading{display:none!important}
html body:not(#rlfx) .rl-co-summary__toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;margin:6px 0 8px;border:1px solid #dfe9e2;border-radius:14px;background:#fff;color:#1d2520;font:inherit;text-align:right;cursor:pointer}
html body:not(#rlfx) .rl-co-summary__t{font-weight:800}
html body:not(#rlfx) .rl-co-summary__s{margin-inline-start:auto;color:#4b5a52;font-size:.92rem;white-space:nowrap}
html body:not(#rlfx) .rl-co-summary__s b{color:#0B7A3E}
html body:not(#rlfx) .rl-co-summary__chev{width:9px;height:9px;border:solid #0B7A3E;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s ease;margin-top:-4px}
html body:not(#rlfx) .rl-co-summary__toggle.is-open .rl-co-summary__chev{transform:rotate(-135deg);margin-top:4px}
html body:not(#rlfx) table.rl-co-table:not(.is-open) :is(thead,tr.cart_item,tr.cart-subtotal){display:none!important}
html body:not(#rlfx) table.rl-co-table{margin-bottom:10px!important}
html body:not(#rlfx) table.rl-co-table :is(th,td){padding:8px 10px!important;font-size:.92rem}
html body:not(#rlfx) table.rl-co-table tr.cart_item td.product-name{line-height:1.35}
html body.woocommerce-checkout:not(#rlfx) #payment{border-radius:14px!important}
html body.woocommerce-checkout:not(#rlfx) #payment .payment_box{padding:10px 12px!important;margin:6px 0!important}
html body.woocommerce-checkout:not(#rlfx) #payment .place-order{padding:12px!important}
html body.woocommerce-checkout:not(#rlfx) #place_order{min-height:54px!important;font-size:1.05rem!important;font-weight:800!important;width:100%!important;border-radius:999px!important}

/* 13. Drawer: prominent stores + blog links */
.rl13-navlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 16px 6px}
.rl13-navlink{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:14px;background:#eaf6ee;color:#0b3d27!important;font-weight:800;text-decoration:none!important;border:1px solid #d3eadb}
.rl13-navlink__ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0b5e35;color:#fff;flex:0 0 32px}
.rl13-navlink__ic svg{width:18px;height:18px;color:#fff;stroke:#fff}

/* 14. Home: guides banner + square stores tile side by side */
.rl13-guides-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(118px,30vw,220px);gap:12px;align-items:stretch}
.rl13-guides-row>.rl11-promo{margin:0!important;min-width:0}
.rl13-stores-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;aspect-ratio:1/1;align-self:center;width:100%;padding:14px;border-radius:20px;background:linear-gradient(160deg,#0b5e35,#063b22);color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px rgb(6 59 34/.18);overflow:hidden}
.rl13-stores-tile b{font-size:clamp(.95rem,3.6vw,1.2rem);line-height:1.2}
.rl13-stores-tile small{font-size:.78rem;opacity:.85}
.rl13-stores-tile__ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgb(255 255 255/.14);margin-bottom:4px}
.rl13-stores-tile__ic svg{stroke:#c8f56a;color:#c8f56a}
.rl13-stores-tile .rl11-promo__cta{margin-top:auto;font-size:.8rem;display:inline-flex;align-items:center;gap:4px;color:#c8f56a}
@media (max-width:520px){.rl13-stores-tile .rl11-promo__cta{display:none}.rl13-stores-tile{padding:10px}}

/* 15. Points of sale: sticky search + chips bar below the real header, live suggestions */
.rl13-stbar{position:sticky;top:var(--rl13-hd,0px);z-index:60;background:#f5faf5;padding:10px 16px 8px;margin:0 -16px 12px;box-shadow:0 6px 12px -10px rgb(0 0 0/.25);border-bottom:1px solid #e3eee6}
.rl13-stbar .rl12-search{display:block;margin:0 0 8px!important;max-width:none!important}
.rl13-stbar .rl12-search input{width:100%;min-height:46px;border-radius:999px;font-size:16px}
.rl13-stbar .rl12-chips{position:static!important;top:auto!important;margin:0!important;padding:0 0 2px!important;background:none!important;box-shadow:none!important;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}
.rl13-stbar .rl12-chips::-webkit-scrollbar{display:none}
.rl13-stbar .rl12-chips button{flex:0 0 auto;white-space:nowrap}
.rl13-stbar__q{position:relative}
.rl13-sugg{position:absolute;inset-inline:0;top:52px;z-index:70;background:#fff;border:1px solid #dfe9e2;border-radius:16px;box-shadow:0 14px 34px rgb(0 0 0/.16);max-height:min(60vh,460px);overflow:auto;padding:6px}
.rl13-sugg__g+.rl13-sugg__g{border-top:1px solid #edf3ef;margin-top:4px;padding-top:4px}
.rl13-sugg button{display:flex;width:100%;align-items:center;gap:8px;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;text-align:right;color:#1d2520;cursor:pointer}
.rl13-sugg button:hover,.rl13-sugg button:focus-visible{background:#eef7f1}
.rl13-sugg__city b{font-size:1rem;color:#0B7A3E}.rl13-sugg__city small{margin-inline-start:auto;color:#5d6b65}
.rl13-sugg ul{list-style:none;margin:0;padding:0 0 4px}
.rl13-sugg li button{padding:8px 12px 8px 12px;padding-inline-start:24px;flex-direction:column;align-items:flex-start;gap:0}
.rl13-sugg__a{font-weight:700;font-size:.95rem}.rl13-sugg__n{font-size:.82rem;color:#5d6b65}
.rl13-sugg__none{margin:0;padding:12px;color:#5d6b65}
.rl12-card.rl13-flash{outline:3px solid #12A150;outline-offset:2px;transition:outline-color 1.2s}
@media (min-width:900px){.rl13-stbar{margin:0 0 16px;border-radius:0 0 16px 16px}}

/* 6b. tighter stepper on narrow cards so the price is never cut */
@media (max-width:640px){
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill .rl-qty__btn{width:26px!important;height:26px!important;min-width:26px!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill .rl-qty__btn svg{width:14px!important;height:14px!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__value{min-width:18px!important;width:18px!important;font-size:.9rem!important}
html body:not(#rlfx) .rl-product-card__foot .rl-qty--card .rl-qty__pill{height:34px!important;padding:0 3px!important}
html body:not(#rlfx) .rl-product-card__foot{gap:4px!important}
html body:not(#rlfx) .rl-product-card__foot>.rl-price{overflow:visible!important;text-overflow:clip!important}
html body:not(#rlfx) .rl-product-card__foot:has(.rl-qty:not([data-quantity="0"])) .rl-price{font-size:.86rem!important;letter-spacing:-.01em}
}

/* FAQ page: placeholder accordion hidden server-side; drop its empty wrapper card too */
.page-id-8686 .elementor>.elementor-element:has(.elementor-widget-n-accordion),.page-id-8686 .elementor>.elementor-element:has(.elementor-widget-nested-accordion){display:none!important}

/* 16. Keyboard open (touch): no floating bars; stores search pinned to the visual viewport top */
html.rl-kb .rl-tabbar,html.rl-kb .qlwapp,html.rl-kb #qlwapp,html.rl-kb .rlfx-wa,html.rl-kb .rl8-buybar,html.rl-kb .wp-whatsapp-chat{display:none!important}
html.rl-kb body{padding-bottom:0!important}
.rl13-stbar.is-kb{position:fixed!important;top:0!important;left:0;right:0;margin:0!important;z-index:2147480000!important;will-change:transform;border-radius:0!important}
.rl13-stbar.is-kb .rl13-sugg{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}