/* Tabib Mart — site-wide (phone + tablet): floating glass bottom bar, and on product pages the add to cart bar connected on top of it. */
@media (max-width:1024px){
:root{--tg-gap:10px;--tg-h:62px;--tg-b:calc(10px + env(safe-area-inset-bottom,0px))}

/* bottom bar */
.wd-toolbar{left:var(--tg-gap)!important;right:var(--tg-gap)!important;bottom:var(--tg-b)!important;width:auto!important;height:var(--tg-h)!important;padding:0 6px!important;align-items:center!important;border-radius:24px!important;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 34px rgba(0,49,89,.20),0 2px 6px rgba(0,49,89,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:border-radius .25s ease}
.wd-toolbar>.wd-tools-element{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;height:50px!important}
.wd-toolbar>.wd-tools-element>a{width:100%!important;height:50px!important;padding:0 2px!important;border-radius:17px;color:#003159!important;transition:background .2s,transform .15s}
.wd-toolbar>.wd-tools-element>a:active{transform:scale(.94)}
.wd-toolbar>.wd-tools-element>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}
.wd-toolbar .wd-tools-icon{position:relative!important;display:flex!important;align-items:center;justify-content:center;width:24px!important;height:24px!important;margin:0!important;line-height:1!important;top:auto!important}
.wd-toolbar .wd-tools-icon,.wd-toolbar .wd-tools-icon:before{color:#003159!important}
.wd-toolbar .wd-toolbar-label{width:100%!important;left:0!important;right:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;text-align:center;font-size:10.5px!important;font-weight:700!important;color:#003159!important;position:static!important;margin:0!important;padding:0!important;line-height:1.2!important;transform:none!important}
.wd-toolbar .tpp-on>a{background:rgba(4,142,214,.13)}
.wd-toolbar .tpp-on .wd-tools-icon,.wd-toolbar .tpp-on .wd-tools-icon:before,.wd-toolbar .tpp-on .wd-toolbar-label{color:#048ED6!important}
.wd-toolbar .wd-cart-number{background:#048ED6!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
body.sticky-toolbar-on{padding-bottom:calc(var(--tg-h) + 22px + env(safe-area-inset-bottom,0px))!important}
.scrollToTop{bottom:calc(var(--tg-h) + 24px + env(safe-area-inset-bottom,0px))!important}
body:has(.wd-sticky-btn-shown) .scrollToTop{bottom:calc(var(--tg-h) + 90px + env(safe-area-inset-bottom,0px))!important}

/* product pages: add to cart bar, joined to the top of the bottom bar while scrolling */
.wd-sticky-btn{left:var(--tg-gap)!important;right:var(--tg-gap)!important;width:auto!important;bottom:calc(var(--tg-b) + var(--tg-h) - 1px)!important;border-radius:22px 22px 0 0;background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.75);border-bottom:0;box-shadow:0 -8px 24px rgba(0,49,89,.12)!important;transform:translateY(calc(100% + var(--tg-h) + 20px))!important;opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s!important}
.wd-sticky-btn.wd-sticky-btn-shown{transform:none!important;opacity:1}
body:has(.wd-sticky-btn-shown) .wd-toolbar{border-radius:0 0 24px 24px!important;border-top-color:rgba(0,49,89,.08)}
.wd-sticky-btn .wd-sticky-btn-container{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;max-width:none;border-bottom:1px solid rgba(0,49,89,.07)}
.wd-sticky-btn .wd-sticky-btn-content{display:flex!important;flex:0 0 auto;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
.wd-sticky-btn .wd-sticky-btn-info{display:none!important}
.wd-sticky-btn .wd-sticky-btn-thumbnail{display:block!important;width:46px!important;height:52px!important;flex:0 0 46px;margin:0!important;border-radius:10px;overflow:hidden;background:#F3F8FC;box-shadow:0 0 0 1px rgba(0,49,89,.06)}
.wd-sticky-btn .wd-sticky-btn-thumbnail img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:3px!important;box-sizing:border-box!important;float:none!important;transform:none!important;position:static!important;display:block!important}
.wd-sticky-btn .wd-sticky-btn-thumbnail>*{display:block!important;width:100%!important;height:100%!important;margin:0!important}
.wd-sticky-btn{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.wd-sticky-btn .wd-sticky-btn-cart{display:flex!important;flex:1 1 auto;min-width:0;align-items:center;justify-content:space-between;flex-wrap:nowrap!important;gap:10px;margin:0!important;width:auto!important;max-width:none!important;box-sizing:border-box;padding:0!important}
.wd-sticky-btn .wd-sticky-btn-cart>.price{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;width:auto!important;height:auto!important;font-size:18px!important;font-weight:900!important;color:#003159!important;white-space:nowrap;margin:0!important;line-height:1.1}
.wd-sticky-btn .wd-sticky-btn-cart>.price ins{text-decoration:none;color:#D92D20!important;order:-1}
.wd-sticky-btn .wd-sticky-btn-cart>.price bdi{direction:rtl;unicode-bidi:isolate}
.wd-sticky-btn .wd-sticky-btn-cart>.price del{display:block;font-size:11.5px;color:#8A97A5;font-weight:500}
.wd-sticky-btn .wd-sticky-btn-cart>.stock,.wd-sticky-btn .wd-sticky-btn-actions,.wd-sticky-btn .quantity,.wd-sticky-btn .wd-buy-now-btn{display:none!important}
.wd-sticky-btn form.cart{flex:0 1 180px!important;min-width:132px!important;margin:0!important;display:flex}
.wd-sticky-btn form.cart .single_add_to_cart_button,.wd-sticky-btn .wd-sticky-add-to-cart,.wd-sticky-btn .wd-sticky-btn-cart>a.button,.wd-sticky-btn .wd-sticky-btn-cart .button:not(.wd-buy-now-btn){flex:1 1 0!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 16px!important;border-radius:30px!important;background:#048ED6!important;color:#fff!important;font-weight:800!important;font-size:15px!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(4,142,214,.3)!important;display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important}
.wd-sticky-btn form.cart .single_add_to_cart_button:before{content:"";flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 002 1.6h8.6a2 2 0 002-1.5L22 7H6'/%3E%3C/svg%3E") no-repeat center/contain}
}
/* browsers without blur: solid enough to read */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
@media (max-width:1024px){.wd-toolbar,.wd-sticky-btn{background:rgba(255,255,255,.96)!important}}
}

/* add to cart bar, final layout (1.1.8): the pattern big stores use on phones —
   square thumbnail (WoodMart forces the photo to min-width 65px, which pushed it sideways) | product name on one line + price under it | button. One grid, so nothing can shift. */
@media (max-width:1024px){
.wd-sticky-btn .wd-sticky-btn-container{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"thumb name btn" "thumb price btn";align-items:center;column-gap:10px;row-gap:2px;padding:10px 12px!important}
.wd-sticky-btn .wd-sticky-btn-content,.wd-sticky-btn .wd-sticky-btn-cart{display:contents!important}
.wd-sticky-btn .wd-sticky-btn-thumbnail{grid-area:thumb;position:relative!important;display:block!important;width:48px!important;height:48px!important;flex:none!important;margin:0!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:1px solid #E3EDF5!important;box-shadow:none!important;box-sizing:border-box!important}
.wd-sticky-btn .wd-sticky-btn-thumbnail>*,.wd-sticky-btn .wd-sticky-btn-thumbnail img{position:absolute!important;inset:4px!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:center!important;float:none!important;transform:none!important}
.wd-sticky-btn .wd-sticky-btn-info{grid-area:name;display:block!important;min-width:0;margin:0!important;padding:0!important}
.wd-sticky-btn .wd-sticky-btn-info .wd-entities-title{margin:0!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important;color:#33475B!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate;text-align:right}
.wd-sticky-btn .wd-sticky-btn-cart>.price{grid-area:price;align-self:start;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important;min-width:0;font-size:17px!important;line-height:1.2!important}
.wd-sticky-btn .wd-sticky-btn-cart>.price del{display:inline!important;font-size:11.5px!important}
.wd-sticky-btn form.cart,.wd-sticky-btn .wd-sticky-btn-cart>a.button,.wd-sticky-btn .wd-sticky-btn-cart>.button{grid-area:btn;flex:none!important;width:auto!important;min-width:128px!important;max-width:46vw}
.wd-sticky-btn form.cart .single_add_to_cart_button,.wd-sticky-btn .wd-sticky-btn-cart>a.button{height:46px!important;min-height:46px!important;padding:0 18px!important}
}
/* swatch tooltips (English colour name floating over the colours): never on product pages; on touch screens no tooltip at all,
   a tap leaves it stuck on screen */

@media (hover:none){.tooltip{display:none!important}}