/* Rawaj + Smart Sell — Tabib Mart 2026 look (same identity as the new product page, home and shop).
   Navy #003159 · blue #048ED6 · sale red #D92D20 · soft #EAF6FD · lines #E6EDF3 · round corners. */

/* shared tokens for every Smart Sell piece */
.tss-mini,.tss-fbt,.tss-tier,.tss-pp,.tss-pack,.tss-bump,.tss-box{--tss-brand:#048ED6;--tss-ink:#1F2A37;--tss-muted:#5B6B7B;--tss-line:#E6EDF3;--tss-soft:#F3F8FC;--tss-sale:#D92D20}

/* ---------- «نبّهني لو السعر نزل» / «بلّغني لما يرجع» ---------- */
.tmsal{margin:12px 0!important;padding:0!important;border:1.5px solid #CFE0EC!important;background:#fff!important;border-radius:30px!important;overflow:hidden;transition:border-radius .2s}
.tmsal:has(.tmsal-body[style*="block"]),.tmsal:not(:has(.tmsal-open)){border-radius:18px!important;padding:14px!important}
.tmsal-open{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;color:#003159!important;font-weight:800!important;font-size:14.5px}
.tmsal-open:before,.tmsal-go:before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0112 0v5l2 2H4zM10 20a2 2 0 004 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0112 0v5l2 2H4zM10 20a2 2 0 004 0'/%3E%3C/svg%3E") center/contain no-repeat}
.tmsal:has(.tmsal-body[style*="block"]) .tmsal-open{justify-content:flex-start;padding:0;min-height:0;margin-bottom:4px}
.tmsal>div:first-child:not(.tmsal-body){color:#003159!important;font-weight:800!important}
.tmsal input[type=text],.tmsal input[type=tel],.tmsal input[type=email]{height:46px!important;border:1.5px solid #DCE6EE!important;border-radius:12px!important;padding:0 12px!important;font-family:inherit;margin-bottom:8px!important;background:#fff}
.tmsal input:focus{border-color:#048ED6!important;box-shadow:0 0 0 4px rgba(4,142,214,.12)}
.tmsal-go{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px!important;border-radius:30px!important;background:#048ED6!important;font-weight:800!important;box-shadow:0 6px 14px rgba(4,142,214,.3)}
.tmsal-msg{color:#1E8E5A;font-weight:700}

/* ---------- «بيتطلبوا كتير مع بعض» (product page) ---------- */
.tss-fbt{border:1px solid #E6EDF3!important;background:#fff!important;border-radius:22px!important;box-shadow:0 6px 20px rgba(0,49,89,.06)!important;padding:26px 18px 18px!important}
.tss-fbt__badge{background:#D92D20!important;border-radius:30px!important;font-weight:800!important;box-shadow:0 6px 14px rgba(217,45,32,.25)!important}
.tss-fbt__badge:before{content:""!important;width:7px;height:7px;border-radius:50%;background:#fff}
.tss-fbt>.wd-el-title,.tss-fbt .wd-el-title.element-title{color:#003159!important;font-weight:900!important}
.tss-fbt__proof{color:#048ED6!important;font-weight:700}
.tss-fbt .wd-fbt-purchase{background:#F6F8FB!important;border:0!important;border-radius:18px!important}
.tss-fbt .wd-fbt-purchase-btn,.tss-fbt .wd-fbt-purchase .button{border-radius:30px!important;background:#048ED6!important;color:#fff!important;font-weight:800!important;min-height:48px;box-shadow:0 6px 14px rgba(4,142,214,.3)}
.tss-fbt .wd-fbt-form .price,.tss-fbt .wd-fbt-purchase .price{color:#048ED6!important;font-weight:900}
.tss-fbt .wd-fbt-form input[type=checkbox]{accent-color:#048ED6}
.tss-fbt .wd-product.tbh-item .tbh-card__quick,.tss-fbt .wd-product.tbh-item .tbh-card__add{display:none}

/* ---------- cart: suggestions box + quantity discount ---------- */
.tss-box{background:#fff;border:1px solid #E6EDF3;border-radius:22px;padding:20px 20px 16px;margin:24px 0}
.tss-box .tss-head{margin-bottom:14px}
.tss-box .tss-title{font-size:21px!important;font-weight:900!important;color:#003159!important;line-height:1.35}
.tss-box .tss-sub{color:#5B6B7B}
.tss-tier{background:#EAF6FD!important;border:1px solid #CFE6F5!important;border-radius:16px!important;padding:12px 14px!important;color:#003159}
.tss-tier__msg{font-weight:800!important;color:#003159!important;font-size:14px}
.tss-tier__bar{height:6px!important;border-radius:6px!important;background:#fff!important;overflow:hidden}
.tss-tier__bar>*{border-radius:6px!important;background:#048ED6!important}
.tss-pp{border-radius:18px!important;border-color:#E6EDF3!important}
.tss-pp__btn,.tss-pack__btn,.tss-btn{border-radius:30px!important;background:#048ED6!important;color:#fff!important;font-weight:800!important}
.tss-pack{border-radius:16px!important;border-color:#E6EDF3!important}
.tss-tag{border-radius:30px!important;background:#D92D20!important;color:#fff!important}

/* ---------- checkout: «ضيفه لطلبك بضغطة», online payment nudge, loyalty ---------- */
.tss-bump{border:1.5px solid #CFE6F5!important;border-radius:18px!important;background:linear-gradient(135deg,#F3FAFE 0%,#fff 70%)!important;transition:border-color .2s,box-shadow .2s}
.tss-bump.is-on{border-color:#048ED6!important;box-shadow:0 0 0 4px rgba(4,142,214,.1)!important}
.tss-bump__title{color:#048ED6!important;font-weight:800!important;font-size:12.5px!important}
.tss-bump__name{color:#1F2A37!important;font-weight:800!important}
.tss-bump__why{color:#5B6B7B!important}
.tss-bump__price,.tss-bump__price ins{color:#048ED6!important;font-weight:900!important}
.tss-bump__img{border-radius:10px!important}
.tss-bump__check{border-radius:7px!important;border-color:#C5D2DE!important}
.tss-bump.is-on .tss-bump__check{background:#048ED6!important;border-color:#048ED6!important}
.tmspi-row td>div{border-radius:14px!important;border:1px solid #CFE6F5!important;background:#EAF6FD!important;color:#003159!important;font-weight:700!important;padding:10px 12px!important}
.tmspi-row td>div[style*="ecfdf3"]{border-color:#B7E4C9!important;background:#E8F5EE!important;color:#14492D!important}
.tmspi-row td>div>div{height:6px!important;background:#fff!important;border-radius:6px!important}
.tmspi-row td>div>div>div{height:6px!important;background:#048ED6!important;border-radius:6px!important}
.tmsl-box{position:relative;background:#EAF6FD!important;border:1px solid #CFE6F5!important;border-radius:14px!important;color:#003159!important;padding:10px 42px 10px 12px!important;font-size:13.5px!important}
.tmsl-box:before{content:"";position:absolute;right:12px;top:11px;width:20px;height:20px;background:#048ED6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v10M9 9.5c0-1 1.3-2 3-2s3 .8 3 2-1.2 1.7-3 2.3-3 1.1-3 2.3 1.3 2 3 2 3-1 3-2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v10M9 9.5c0-1 1.3-2 3-2s3 .8 3 2-1.2 1.7-3 2.3-3 1.1-3 2.3 1.3 2 3 2 3-1 3-2'/%3E%3C/svg%3E") center/contain no-repeat}
.tmsl-box strong{color:#048ED6}
.tmsl-apply{color:#048ED6!important}

/* ---------- side cart picks ---------- */
.tss-mini__title{color:#003159!important;font-weight:800!important}
.tss-mini__card{border-color:#EEF2F6!important}
.tss-mini__img{border-radius:12px!important;background:#F3F8FC}
.tss-mini__price{color:#048ED6!important;font-weight:800!important}
.tss-mini__add{border-radius:30px!important;background:#048ED6!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 10px rgba(4,142,214,.25)}
.tss-mini__save,.tss-mini__badge{color:#D92D20!important}

/* ---------- Rawaj on the new product card ---------- */
.wd-product.rwj-flash-card .tbh-card{box-shadow:0 0 0 2px #D92D20,0 12px 26px rgba(217,45,32,.12)!important;border-color:transparent!important}
.wd-product.rwj-flash-card .tbh-card__media:after{content:"العرض بيخلص قريب";position:absolute;top:12px;left:12px;z-index:3;font-size:11px;font-weight:800;color:#fff;background:#D92D20;border-radius:30px;padding:3px 10px;line-height:1.5}
.wd-product.rwj-flash-card .product-wrapper{box-shadow:0 0 0 2px #D92D20!important}
.wd-product.rwj-flash-card .product-element-top:after{background:#D92D20!important;content:"العرض بيخلص قريب"!important}

/* ---------- Rawaj: sub-category pills, «عروض بتخلص قريب», personal blocks ---------- */
.rwj-pill{height:46px;padding:0 18px 0 6px!important;border-radius:30px!important;box-shadow:none!important;border:1px solid #E3EBF2;color:#1F2A37!important;font-weight:700!important}
[dir=rtl] .rwj-pill{padding:0 6px 0 18px!important}
.rwj-pill img{width:34px!important;height:34px!important;background:#EAF6FD!important}
.rwj-pill:hover{border-color:#048ED6;box-shadow:none!important;color:#048ED6!important}
.rwj-pill.is-on{background:#003159!important;border-color:#003159;color:#fff!important}
.rwj-fs{background:linear-gradient(135deg,#FFF5F3 0%,#fff 60%)!important;box-shadow:none!important;border:1px solid #F6CFCA!important;border-radius:22px!important;padding:18px!important}
.rwj-fs__head strong{color:#003159!important;font-size:20px!important;font-weight:900!important;display:inline-flex;align-items:center;gap:8px}
.rwj-fs__head strong:before{content:"";width:8px;height:8px;border-radius:50%;background:#D92D20;box-shadow:0 0 0 4px rgba(217,45,32,.15)}
.rwj-fs__head span{color:#7A5A55!important}
.rwj-fs__x{border-radius:50%!important;background:#fff!important;border:1px solid #F6CFCA!important;color:#7A5A55!important}
.rwj-fs__card{border:1px solid #F1E2E0;box-shadow:none!important;border-radius:18px!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.rwj-fs__card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,49,89,.1)!important}
.rwj-fs__img{background:linear-gradient(165deg,#F7FAFD,#EAF3FA)}
.rwj-fs__pct{background:#D92D20!important;border-radius:30px!important;font-weight:800!important}
.rwj-fs__name{color:#1F2A37!important;font-weight:700!important}
.rwj-fs__price b,.rwj-fs__price ins{color:#D92D20!important;font-weight:900!important}
.rwj-fs__clock{color:#003159!important;font-weight:800!important;font-variant-numeric:tabular-nums}
.rwj-fs__btn{border-radius:30px!important;background:#048ED6!important;color:#fff!important;font-weight:800!important}
.rwj-block{border:1px solid #E6EDF3!important;border-radius:22px!important;box-shadow:none!important}
.rwj-block h2,.rwj-block h3,.rwj-block .rwj-block__title,.rwj-block .wd-el-title{color:#003159!important;font-weight:900!important}
.tmsfl-chip{color:#B42318!important;font-weight:800!important}
