#sticky-atc-bar{position:fixed;bottom:0;left:0;width:100%;background:#fffffff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.08);padding:10px 0;z-index:999;box-shadow:0 -6px 24px #00000012;will-change:transform}#sticky-atc-bar.sticky-atc-initialized{transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s ease}.sticky-atc-hidden{transform:translateY(100%);visibility:hidden}.sticky-atc-visible{transform:translateY(0);visibility:visible}.sticky-atc-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.25rem;gap:12px}.sticky-atc-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sticky-atc-thumb{width:45px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.07)}.sticky-atc-title{font-weight:600;font-size:13.5px;color:#232625;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.sticky-atc-buttons-wrapper{flex-shrink:0}.sticky-atc-btn{position:relative;background-color:#1a1c1b;color:#fff;border:none;padding:0 28px;height:46px;font-size:13.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .2s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.sticky-atc-btn:hover:not(:disabled){background-color:#333}.sticky-atc-btn:active:not(:disabled){transform:scale(.97)}.sticky-atc-btn:disabled{background-color:#999;cursor:not-allowed}.sticky-atc-btn.loading .btn-text{visibility:hidden;opacity:0}.sticky-atc-btn .loading__spinner{width:1.6rem;height:1.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.sticky-atc-btn .loading__spinner svg circle{stroke:#fff!important}.sticky-atc-btn .loading__spinner svg path{fill:#fff!important}[dir=rtl] .sticky-atc-content,[dir=rtl] .sticky-atc-info{flex-direction:row-reverse}@media(max-width:768px){.sticky-atc-content{padding:0 1rem;gap:10px}.sticky-atc-thumb{width:36px;height:36px;border-radius:5px}.sticky-atc-title{display:none}.sticky-atc-btn{flex:1;height:44px;font-size:13px;padding:0 20px}}@media(max-width:360px){.sticky-atc-thumb{width:32px;height:32px}.sticky-atc-btn{font-size:12px;padding:0 16px}}#sticky-atc-bar.sticky-atc--phase9{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.sticky-atc--phase9 .sticky-atc-content{min-height:52px}.sticky-atc--phase9 .sticky-atc-thumb{width:52px;height:52px;border-radius:10px}.sticky-atc--phase9 .sticky-atc-title{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:700;line-height:1.3;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sticky-atc--phase9 product-form{flex:0 0 auto}.sticky-atc--phase9 .sticky-atc-btn{min-height:48px;border-radius:11px;font-size:14px}body:has(.sticky-atc--phase9.sticky-atc-visible) .wa-float.wa-float--icon{bottom:calc(92px + env(safe-area-inset-bottom));transition:bottom .2s ease}[dir=rtl] .sticky-atc--phase9 .sticky-atc-title,[dir=rtl] .sticky-atc--phase9 .sticky-atc-btn{font-family:Tajawal,system-ui,sans-serif;font-weight:700;letter-spacing:0}@media(max-width:768px){body:has(.sticky-atc--phase9.sticky-atc-visible) .wa-float.wa-float--icon{bottom:calc(90px + env(safe-area-inset-bottom))}.sticky-atc--phase9 .sticky-atc-content{padding-inline:12px;gap:10px}.sticky-atc--phase9 .sticky-atc-info{gap:9px}.sticky-atc--phase9 .sticky-atc-thumb{width:48px;height:48px;border-radius:9px}.sticky-atc--phase9 .sticky-atc-title{display:-webkit-box;font-size:13px;-webkit-line-clamp:2}.sticky-atc--phase9 product-form{width:min(62%,280px)}.sticky-atc--phase9 .sticky-atc-buttons-wrapper,.sticky-atc--phase9 .sticky-atc-btn{width:100%}.sticky-atc--phase9 .sticky-atc-btn{height:48px;min-height:48px;padding-inline:12px;font-size:13.5px}}@media(max-width:360px){.sticky-atc--phase9 .sticky-atc-thumb{width:44px;height:44px}.sticky-atc--phase9 .sticky-atc-title{font-size:12.5px}.sticky-atc--phase9 product-form{width:58%}.sticky-atc--phase9 .sticky-atc-btn{font-size:12.5px;padding-inline:9px}}@media screen and (max-width:749px){body:has(.sticky-atc--phase9.sticky-atc-visible) .wa-float.wa-float--icon{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}}@media(max-width:749px){.sticky-atc--phase9 .sticky-atc-info{display:none}.sticky-atc--phase9 product-form{flex:1 1 100%;width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/sticky-atc.css.map */