/* Tabib Storefront — product page category path + «المزيد من …» (2.0.0) */
.tbh-pc-on .tpp-root .tpp-crumb{display:none!important}
.tbh-pc{display:flex;align-items:center;gap:8px;margin:14px 0 14px;direction:rtl;min-width:0}
.tbh-pc__trail{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px 0}
.tbh-pc__trail::-webkit-scrollbar{display:none}
.tbh-pc__c,.tbh-pc__back{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:999px;border:1px solid #E3EAF2;background:#fff;color:#334155!important;font-size:13.5px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.tbh-pc__c:hover{border-color:#BFE1F6;background:#F4FAFE;color:#048ED6!important}
.tbh-pc__c.is-cur{background:#EAF4FD;border-color:#CFE6F7;color:#0670C9!important;font-weight:800}
.tbh-pc__c.is-cur:after{content:"←";font-weight:900}
.tbh-pc__sep{flex:0 0 auto;color:#94A3B8;font-size:18px;line-height:1}
.tbh-pc__back{background:#F1F5FA;border-color:transparent;color:#0F1E33!important}
.tbh-pc__back[hidden]{display:none}
/* the shelf */
.tbh-pshelf{margin:28px 0 8px;padding:22px!important;background:#fff;border-radius:26px;box-shadow:0 1px 2px rgba(15,30,51,.04),0 6px 20px rgba(15,30,51,.06)}
.tbh-pshelf .tbh-head{margin-bottom:16px}
.tbh-pshelf .tbh-head h2{font-size:22px!important}
.tbh-pshelf .tbh-more{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;background:#048ED6;color:#fff!important;font-size:13.5px!important}
.tbh-pshelf .tbh-more:hover{background:#0480C2}
@media (max-width:1024px){
	.tbh-pc{margin:4px 0 10px}
	.tbh-pc__c,.tbh-pc__back{height:36px;padding:0 13px;font-size:13px}
}
@media (max-width:640px){
	.tbh-pshelf{padding:16px 12px!important;border-radius:22px;margin:20px 0 8px}
	.tbh-pshelf .tbh-head{flex-wrap:nowrap;align-items:center}
	.tbh-pshelf .tbh-head h2{font-size:18px!important}
	.tbh-pshelf .tbh-head__end{width:auto!important;flex:0 0 auto}
	.tbh-pshelf .tbh-more{height:34px;padding:0 12px;font-size:12.5px!important}
	.tbh-pshelf .tbh-row{margin:0 -12px!important;padding:4px 12px 14px!important}
}

/* phones: the path sits inside the details card, one swipeable row: [brand] [section ‹ sub-section ←] */
.tbh-pc.is-in{margin:0 0 4px!important}
.tbh-pc.is-in .tbh-pc__c,.tbh-pc.is-in .tbh-pc__back,.tbh-pc__brand{height:32px!important;padding:0 12px!important;font-size:12.5px!important}
.tbh-pc__brand{flex:0 0 auto;display:inline-flex!important;align-items:center;border-radius:999px;background:#048ED6!important;color:#fff!important;font-weight:800;white-space:nowrap;margin-inline-end:2px}

/* 2.0.1 — phones/tablets: the gallery shows it has more pictures — dots + counter on the picture, a one-time swipe hint, side arrows always visible */
.tbh-gi{display:none}
@media (max-width:1024px){
	.tpp-gal .wd-gallery-images{position:relative}
	.tpp-gal .tpp-gcount{display:none!important}
	.tbh-gi{display:flex;position:absolute;left:0;right:0;bottom:10px;z-index:5;align-items:center;justify-content:center;pointer-events:none;direction:ltr}
	.tbh-gi__dots{direction:rtl;display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 2px rgba(15,30,51,.08),0 4px 12px rgba(15,30,51,.10);pointer-events:auto}
	.tbh-gi__d{width:7px;height:7px;padding:0!important;margin:0!important;min-height:0!important;border:0!important;border-radius:999px;background:#C9D6E3!important;box-shadow:none!important;transition:width .25s,background .25s;cursor:pointer}
	.tbh-gi__d.is-on{width:20px;background:#048ED6!important}
	.tbh-gi__n{position:absolute;inset-inline-start:12px;bottom:0;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;background:rgba(15,30,51,.72);color:#fff;font-size:12px;font-weight:800;letter-spacing:.3px;pointer-events:none}
	.tbh-gi__n svg{width:14px;height:14px}
	.tbh-gi__hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:#048ED6;color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap;direction:rtl;box-shadow:0 6px 16px rgba(4,142,214,.35);transition:opacity .35s,transform .35s}
	.tbh-gi__hint svg{width:16px;height:16px;animation:tbhSwipe 1.4s ease-in-out infinite}
	.tbh-gi__hint.is-off{opacity:0;transform:translate(-50%,6px)}
	@keyframes tbhSwipe{0%,100%{transform:translateX(5px)}50%{transform:translateX(-5px)}}
	/* the side arrows: small, white, always visible on touch screens */
	.tpp-gal .wd-gallery-images .wd-nav-arrows .wd-btn-arrow{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;box-shadow:0 1px 2px rgba(15,30,51,.08),0 4px 12px rgba(15,30,51,.12)!important;align-items:center;justify-content:center;transform:translateY(-50%)!important}
	.tpp-gal .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-disabled{opacity:.35!important}
	.tpp-gal .wd-gallery-images .wd-nav-arrows .wd-btn-arrow:after,.tpp-gal .wd-gallery-images .wd-nav-arrows .wd-arrow-inner:after{font-size:14px!important;color:#0F1E33!important}
	.tpp-gal .wd-gallery-images .wd-btn-arrow.wd-prev{inset-inline-start:8px!important}
	.tpp-gal .wd-gallery-images .wd-btn-arrow.wd-next{inset-inline-end:8px!important}
	/* the category path: a soft fade at the end shows it swipes */
	.tbh-pc.is-in .tbh-pc__trail{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);padding-inline-end:22px}
}

/* 2.0.9 — the shelf never grows wider than the page (it was stretching inside a side-by-side layout and leaving a huge empty block) */
.tbh-pshelf{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important;overflow:hidden}
.tbh-pshelf .tbh-row{max-width:100%;min-width:0}