/* Tabib Product Page — same WoodMart identity, new order. Scoped to .tpp-root */
body .tpp-root{--tpp-p:#048ED6;--tpp-d:#003159;--tpp-l:#1E73BE;--tpp-bn:#065C82;--tpp-t:#333;--tpp-m:#777;--tpp-line:#EEEEEE;--tpp-soft:#F2F9FD;--tpp-top:80px}
body .e-con.tpp-root{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;display:block!important;max-width:var(--wd-container-w,1400px);margin:0 auto!important;padding:0 15px 40px!important;width:100%;box-sizing:border-box}
body .e-con.tpp-root .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0!important;min-height:0;width:100%;max-width:100%}
body .e-con.tpp-root .elementor-widget:not(:last-child){margin-bottom:0}
body .e-con.tpp-root .elementor-widget{width:100%}
.tpp-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tpp-stars{display:inline-flex;gap:1px;vertical-align:middle}
.tpp-star{fill:#F5B301}
.tpp-star.is-off{fill:#DDD}

/* breadcrumb */
.tpp-root .tpp-crumb{margin:18px 0 16px!important}
.tpp-root .tpp-crumb .wd-breadcrumbs,.tpp-root .tpp-crumb .woocommerce-breadcrumb{display:block;background:#EDEBEC;border-radius:10px;padding:8px 16px;font-size:14px;margin:0}

/* hero */
.tpp-root .tpp-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.tpp-root .tpp-gal{display:block!important;position:sticky!important;top:var(--tpp-top)}
body .e-con.tpp-root .e-con.tpp-sum{display:block!important;background:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.08);padding:26px 28px!important}
.tpp-brand{font-size:14px;color:#999;display:flex;gap:8px;align-items:center;flex-wrap:wrap;line-height:1.5}
.tpp-brand .tpp-brand__ar{color:#555;font-weight:600}
.tpp-brand .tpp-dot{color:#C9C9C9}
.tpp-brand a{color:#999}
.tpp-brand a:hover{color:var(--tpp-d)}
.tpp-brand .tpp-brand__b{color:var(--tpp-p);font-weight:700}
.tpp-root .tpp-sum .product_title{font-size:32px!important;font-weight:900!important;color:var(--tpp-t)!important;line-height:1.25!important;margin:6px 0 2px!important}
.tpp-ar{font-size:16px;color:var(--tpp-m);font-weight:600}
.tpp-rate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px;font-size:14px}
.tpp-rate b{color:var(--tpp-t)}
.tpp-rate a{color:var(--tpp-l)}
.tpp-root .tpp-pbox{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px!important}
.tpp-root .tpp-pbox>.elementor-element{width:auto!important;flex:0 0 auto}
.tpp-root .tpp-pbox .price{font-size:30px!important;font-weight:800!important;color:var(--tpp-p)!important;margin:0!important;line-height:1.2}
.tpp-stock{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#2E9E5B;background:#EAF7EF;border-radius:30px;padding:2px 12px;line-height:1.7}
.tpp-stock .tpp-ic{width:15px;height:15px;stroke-width:2.4}
.tpp-stock.is-out{color:#B42318;background:#FDECEA}
.tpp-points{list-style:none;margin:14px 0 18px!important;padding:0!important;display:flex;flex-direction:column;gap:6px}
.tpp-points li{display:flex;gap:8px;align-items:center;color:#555;font-size:15px;margin:0!important;line-height:1.6}
.tpp-points li:before{display:none!important}
.tpp-points .tpp-ic{color:var(--tpp-p);width:18px;height:18px;stroke-width:2.2}

/* add to cart (WoodMart markup, sizes only) */
.tpp-root .tpp-sum .single_add_to_cart_button,.tpp-root .tpp-sum .wd-buy-now-btn{min-height:48px!important;height:auto;font-size:16px!important;font-weight:700!important;border-radius:35px!important}
.tpp-root .tpp-sum .quantity input.qty{height:46px}
.tpp-root .tpp-sum .quantity input[type=button]{height:46px}

/* delivery / shipping / payment / returns */
.tpp-root .tpp-info{display:block!important;margin-top:16px!important;border:1px solid var(--tpp-line);border-radius:15px;overflow:hidden;background:#fff}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery{position:relative;background:var(--tpp-soft);padding:12px 16px 2px!important;padding-inline-start:46px!important;margin:0!important}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery:before{content:"";position:absolute;top:14px;inset-inline-start:16px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23048ED6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3z'/%3E%3Cpath d='M14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E") no-repeat center/contain}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery,.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery *{font-size:14px!important;color:var(--tpp-t)}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery [class*="icon"],.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery svg,.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery img{display:none!important}
.tpp-shiprow label{margin:0;font-weight:500;color:#555}
.tpp-row{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-top:1px solid #F1F1F1;font-size:14px;color:#555;line-height:1.7}
.tpp-row--del{border-top:0!important;background:var(--tpp-soft)}
.tpp-inforows>.tpp-row:first-child{border-top:0}
.tpp-row>.tpp-ic{color:var(--tpp-p);margin-top:3px}
.tpp-row__b{flex:1;min-width:0}
.tpp-row b{color:var(--tpp-t)}
.tpp-row a{color:var(--tpp-l);font-weight:700}
.tpp-root select.tpp-gov{height:34px!important;min-height:34px;border:1px solid #DDE7EF!important;border-radius:30px!important;font-size:13px!important;padding:0 28px 0 12px!important;background-color:#fff;width:auto!important;max-width:190px;color:var(--tpp-t);line-height:32px}
.tpp-ship__fee{color:var(--tpp-p);font-weight:800}
.tpp-pays{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tpp-pays span{font-size:12px;font-weight:700;color:#1C72BD;background:#fff;border:1px solid #DDE7EF;border-radius:6px;padding:0 8px;line-height:1.9}

/* small actions row (price alert, wishlist, share) */
.tpp-root .tpp-acts{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px 16px!important;align-items:center;margin-top:14px!important}
.tpp-root .tpp-acts>.elementor-element{width:auto!important;max-width:100%;margin:0!important;flex:0 1 auto}
.tpp-root .tpp-acts>.elementor-widget-wd_social_buttons{margin-inline-start:auto!important}
.tpp-root .tpp-acts .elementor-widget-wd_wc_hook .elementor-widget-container>*{margin:0!important}
.tpp-root .tpp-sum .tss-fbt{margin-top:28px}
.tpp-save{display:inline-block;margin-top:8px;background:#FDECEA;color:#B42318;font-weight:700;font-size:14px;border-radius:30px;padding:2px 12px}
.tpp-root .tpp-from{font-size:.55em;font-weight:700;color:var(--tpp-m);vertical-align:middle}

/* hidden in the new order */
.tpp-root .wd-visits-count,.tpp-root .wd-product-info.wd-visits-count,.tpp-root [class*="visits-count"]{display:none!important}
.tpp-root .tsb-trust,.tpp-root .tsb-pd-trust,.tpp-root [class*="tsb-pd"][class*="trust"],.tpp-root [class*="tsb-pd"][class*="guarantee"]{display:none!important}

/* sticky section nav */
.tpp-root .tpp-navw{position:sticky!important;top:0;z-index:30;margin-top:36px!important}
.tpp-nav{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);border-radius:12px}
.tpp-nav__in{display:flex;gap:28px;justify-content:center;overflow-x:auto;white-space:nowrap;padding:0 16px;scrollbar-width:none}
.tpp-nav__in::-webkit-scrollbar{display:none}
.tpp-root .tpp-nav a{color:#555;font-weight:700;font-size:15px;padding:16px 0;border-bottom:2px solid transparent;display:inline-block;line-height:1.2}
.tpp-root .tpp-nav a.is-on{color:var(--tpp-t);border-bottom-color:var(--tpp-l)}
.tpp-root .tpp-nav a.tpp-nav__opt{display:none}
.tpp-root .tpp-nav a.tpp-nav__opt.is-ready{display:inline-block}

/* body cards */
.tpp-root .tpp-body{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
.tpp-root .tpp-body>*{width:100%!important;max-width:100%!important}
/* the specs come before the description: that is what the customer checks first */
.tpp-root .tpp-body>.elementor-element:has(#tpp-specs){order:-1}
.tpp-root .tpp-body>.elementor-widget-wd_single_product_content{background:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.15);padding:28px;margin-top:28px!important;box-sizing:border-box}
.tpp-anchor{display:block;height:0;scroll-margin-top:var(--tpp-top)}
.tpp-card{background:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.15);padding:28px;margin-top:28px;scroll-margin-top:var(--tpp-top);box-sizing:border-box}
[id="tpp-photos"],[id="tpp-faq"],#reviews{scroll-margin-top:var(--tpp-top)}
.tpp-root .tpp-h2{display:flex;align-items:center;gap:10px;font-size:22px!important;font-weight:800!important;color:var(--tpp-t)!important;margin:0 0 18px!important;line-height:1.3}
.tpp-h2:before{content:"";width:4px;height:22px;background:var(--tpp-p);border-radius:4px;flex-shrink:0}

/* specs */
.tpp-specs__g{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.tpp-specs__g.has-about{grid-template-columns:minmax(0,1fr) 300px}
.tpp-sp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--tpp-line);border-radius:14px;overflow:hidden;margin:0!important}
.tpp-sp>div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #F1F1F1;font-size:14px;margin:0}
.tpp-sp>div:nth-child(4n+1),.tpp-sp>div:nth-child(4n+2){background:#FAFAFA}
.tpp-sp dt{color:var(--tpp-m);font-weight:500;margin:0}
.tpp-sp dd{margin:0!important;color:var(--tpp-t);font-weight:700;text-align:left}
.tpp-about{border-radius:14px;background:var(--tpp-soft);border:1px solid #D7ECF8;padding:18px;line-height:1.8;font-size:14px;color:#555}
.tpp-about b{display:block;color:var(--tpp-t);font-size:16px;margin-bottom:4px}
.tpp-about p{margin:0 0 8px}
.tpp-about a{color:var(--tpp-l);font-weight:700}

/* reviews (site reviews) */
.tpp-rv{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.tpp-rsum{border:1px solid var(--tpp-line);border-radius:15px;padding:22px;text-align:center}
.tpp-avg{font-size:52px;font-weight:900;color:var(--tpp-t);line-height:1;margin-bottom:6px}
.tpp-cnt{font-size:14px;color:var(--tpp-m);margin-top:4px}
.tpp-bars{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.tpp-rb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tpp-m)}
.tpp-rb span{width:34px;text-align:right;white-space:nowrap}
.tpp-rb i{flex:1;height:8px;border-radius:8px;background:#EEE;position:relative;overflow:hidden;display:block}
.tpp-rb em{position:absolute;top:0;bottom:0;right:0;background:#F5B301;border-radius:8px;display:block}
.tpp-rb small{width:22px;text-align:left}
.tpp-root a.tpp-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:35px;background:var(--tpp-p);color:#fff;font-weight:700;margin-top:16px}
.tpp-root a.tpp-btn:hover{background:var(--tpp-l);color:#fff}
.tpp-rnote{font-size:12px;color:#999;margin:12px 0 0;line-height:1.6}
.tpp-rempty{border:1.5px dashed #CFE7F6;border-radius:15px;background:#F7FBFE;padding:26px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.tpp-rempty .tpp-ic{width:40px;height:40px;color:var(--tpp-p)}
.tpp-rempty b{color:var(--tpp-t);font-size:17px}
.tpp-reviews #comments{margin:0}
.tpp-reviews .commentlist{list-style:none;margin:0!important;padding:0!important}
.tpp-reviews .commentlist>li{border:1px solid var(--tpp-line);border-radius:15px;padding:16px 18px;margin:0 0 12px!important;list-style:none}
.tpp-reviews .commentlist .children{list-style:none;margin:12px 0 0!important;padding:0!important}
.tpp-reviews .commentlist .children>li{background:var(--tpp-soft);border-inline-start:3px solid var(--tpp-l);border-radius:10px;padding:10px 14px;margin:0!important}
.tpp-reviews .woocommerce-review__verified{color:#2E9E5B;font-weight:700;font-style:normal}
.tpp-reviews .woocommerce-review__author{color:var(--tpp-t)}
.tpp-rform{display:none;border:1px solid var(--tpp-line);border-radius:15px;padding:18px;margin-top:16px}
.tpp-rform.is-open,.tpp-rform:target{display:block}
.tpp-rform .comment-reply-title{display:block;font-size:17px;font-weight:800;color:var(--tpp-t);margin-bottom:10px}
.tpp-rform .comment-form{display:flex;flex-wrap:wrap;gap:0 12px}
.tpp-rform .comment-form>*{flex:1 1 100%}
.tpp-rform .comment-form-author,.tpp-rform .comment-form-email{flex:1 1 220px!important}
.tpp-rform textarea,.tpp-rform input[type=text],.tpp-rform input[type=email]{border-radius:15px!important}

/* shipping section */
.tpp-sr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tpp-sr>div{border:1px solid var(--tpp-line);border-radius:15px;padding:18px;line-height:1.8;font-size:14px;color:#555}
.tpp-fi{width:44px;height:44px;border-radius:12px;background:#EAF5FC;color:var(--tpp-p);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.tpp-sr b{display:block;color:var(--tpp-t);font-size:16px}
.tpp-sr a{color:var(--tpp-l);font-weight:700}

/* featured products at the end */
.tpp-root .tpp-more{margin-top:28px!important}

/* tablet + phone */
@media (max-width:1024px){
body .e-con.tpp-root{padding:0 12px 24px!important}
.tpp-root .tpp-hero{grid-template-columns:minmax(0,1fr);gap:0}
.tpp-root .tpp-gal{position:static!important}
body .e-con.tpp-root .e-con.tpp-sum{position:relative;z-index:2;margin-top:-12px!important;border-radius:24px 24px 15px 15px;box-shadow:0 -6px 20px rgba(0,0,0,.07);padding:20px 16px!important}
.tpp-root .tpp-sum .product_title{font-size:23px!important}
.tpp-ar{font-size:14px}
body .e-con.tpp-root .e-con.tpp-pbox{margin-top:12px!important;border-radius:18px;background:linear-gradient(135deg,#EAF6FD 0%,#FFFFFF 70%);border:1px solid #D7ECF8;padding:12px 14px!important;justify-content:space-between}
.tpp-root .tpp-pbox .price{font-size:32px!important;font-weight:900!important}
.tpp-points{margin:12px 0!important;gap:4px}
.tpp-points li{font-size:13px!important;align-items:flex-start;line-height:1.7}
.tpp-points li span{min-width:0;overflow-wrap:anywhere}
.tpp-points .tpp-ic{width:15px;height:15px;flex-shrink:0;margin-top:4px}
.tpp-root .tpp-crumb{margin:10px 0!important}
.tpp-root .tpp-crumb .wd-breadcrumbs,.tpp-root .tpp-crumb .woocommerce-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:5px 12px}
.tpp-root .tpp-acts>.elementor-widget-wd_social_buttons{display:none}
.tpp-specs__g.has-about,.tpp-rv{grid-template-columns:minmax(0,1fr)}
.tpp-sp,.tpp-sr{grid-template-columns:minmax(0,1fr)}
.tpp-sp>div:nth-child(n){background:#fff}
.tpp-sp>div:nth-child(odd){background:#FAFAFA}
.tpp-root .tpp-navw{margin-top:18px!important}
.tpp-nav{border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.06);margin:0 -12px}
.tpp-nav__in{justify-content:flex-start;gap:8px;padding:10px 12px}
.tpp-root .tpp-nav a{padding:6px 12px;border:1px solid var(--tpp-line);border-radius:30px;font-size:13px}
.tpp-root .tpp-nav a.is-on{background:var(--tpp-d);color:#fff;border-color:var(--tpp-d)}
.tpp-card{padding:18px;margin-top:16px}
.tpp-root .tpp-body>.elementor-widget-wd_single_product_content{padding:16px;margin-top:16px!important}
.tpp-avg{font-size:44px}
}
/* extra theme widgets kept from the old layout */
.tpp-root .tpp-sum>.elementor-widget-wd_single_product_countdown,.tpp-root .tpp-sum>.elementor-widget-wd_sold_counter{margin-top:10px!important}
.tpp-root .tpp-sum>.elementor-widget-wd_single_product_size_guide_button{margin:0 0 10px!important}
.tpp-root .tpp-sum>.elementor-widget-wd_dynamic_discounts_table{margin-top:14px!important}
.tpp-root .tpp-notices{margin-bottom:12px!important}
.tpp-root .tpp-more>.elementor-widget+.elementor-widget{margin-top:20px!important}

.tpp-root #reviews.tpp-card{margin:28px 0 0!important}
@media (max-width:1024px){.tpp-root #reviews.tpp-card{margin-top:16px!important}}

/* phone: full-width photo with dots (no side thumbnails), price and stock on one line */
@media (max-width:768px){
.tpp-root .tpp-gal .wd-gallery-thumb{display:none!important}
.tpp-root .tpp-gal .woocommerce-product-gallery{display:block!important}
.tpp-root .tpp-gal .wd-gallery-images{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
body .e-con.tpp-root .e-con.tpp-gal{margin-inline:-12px!important;width:calc(100% + 24px)!important;max-width:none!important}
body .e-con.tpp-root .e-con.tpp-pbox{flex-wrap:nowrap!important}
.tpp-root .tpp-pbox .price{white-space:nowrap}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery,.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery *{font-size:13px!important}
.tpp-root .tpp-acts{gap:8px 12px!important}
}

/* price: number first, «جنيه» on its left (Arabic reading order) — all prices on the product page */
body.single-product .woocommerce-Price-amount bdi{direction:rtl!important;unicode-bidi:isolate}

/* one heading: eyebrow (brand · Arabic name) above the English product name */
.tpp-root .tpp-sum .product_title{margin-top:4px!important}
/* less empty space above the breadcrumb */
.wd-content-layout:has(.tpp-root){padding-top:16px!important}
@media (max-width:1024px){
.wd-content-layout:has(.tpp-root){padding-top:6px!important}
.tpp-root .tpp-gal .wd-nav-scroll,.tpp-root .tpp-gal .wd-scroll-wrap{display:none!important}
}

/* shipping-by-governorate row: always a full row with its own spacing and icon */
.tpp-inforows .tpp-shiprow{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--tpp-soft);padding:10px 16px 12px;padding-inline-start:46px;font-size:14px;color:#555}
.tpp-inforows .tpp-shiprow:before{content:"";position:absolute;top:50%;inset-inline-start:16px;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23048ED6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0114 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") no-repeat center/contain}
.tpp-inforows .tpp-shiprow+.tpp-row{border-top:1px solid #F1F1F1}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery{padding-bottom:4px!important}
.tpp-root .tpp-info>.elementor-widget-wd_estimate_delivery+.elementor-widget .tpp-shiprow{padding-top:4px}
/* phone: calmer info box — 5 payment chips, short returns line */
@media (max-width:768px){
.tpp-pays span:nth-child(n+6){display:none}
.tpp-row__more{display:none}
.tpp-gov{max-width:160px!important}
}

/* bought-together box: product cards on top, selection list under them (the summary column is too narrow for side-by-side) */
.tpp-root .wd-fbt.wd-design-side{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.tpp-root .wd-fbt.wd-design-side>*{grid-column:auto!important;grid-row:auto!important;max-width:100%!important;width:auto!important}

/* phone: price visible on the first screen — shorter photo (same proportions, not cropped), no breadcrumb bar (its schema stays for Google) */
@media (max-width:768px){
.tpp-root .tpp-crumb{display:none!important}
.wd-content-layout:has(.tpp-root){padding-top:0!important}
.tpp-root .tpp-gal .wd-carousel-wrap{height:auto!important;align-items:flex-start}
.tpp-root .tpp-gal .woocommerce-product-gallery__image{text-align:center}
.tpp-root .tpp-gal .woocommerce-product-gallery__image img{height:clamp(230px,38svh,340px)!important;width:auto!important;max-width:100%!important;object-fit:contain;margin-inline:auto;display:block}
}

/* brand in the eyebrow opens the brand page */
.tpp-brand a.tpp-brand__b:hover{color:var(--tpp-d);text-decoration:underline;text-underline-offset:3px}

/* quantity: one rounded box (minus · number · plus) */
.tpp-root .tpp-sum form.cart .quantity{height:48px;border:1px solid #E3E3E3;border-radius:30px;overflow:hidden;background:#fff;align-items:stretch}
.tpp-root .tpp-sum form.cart .quantity .minus,.tpp-root .tpp-sum form.cart .quantity .plus{height:100%!important;min-width:34px;border:0!important;border-radius:0!important;background:transparent;color:#777}
.tpp-root .tpp-sum form.cart .quantity .minus:hover,.tpp-root .tpp-sum form.cart .quantity .plus:hover{background:#F5F8FA;color:var(--tpp-d)}
.tpp-root .tpp-sum form.cart .quantity input.qty{height:100%!important;border:0!important;border-inline:1px solid #EFEFEF!important;border-radius:0!important;min-width:36px}

/* governorate select: our own arrow, with room so it never sits on the text */
.tpp-root select.tpp-gov{-webkit-appearance:none!important;appearance:none!important;padding:0 14px 0 34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23048ED6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 12px center!important;background-size:14px 14px!important}

/* bought-together cards: photo, name, price only */
.tpp-root .wd-fbt .wd-product-cats,.tpp-root .wd-fbt .wd-product-brands-links,.tpp-root .wd-fbt .wd-product-brands,.tpp-root .wd-fbt .star-rating,.tpp-root .wd-fbt .wd-star-rating,.tpp-root .wd-fbt .wd-buttons{display:none!important}
.tpp-root .wd-fbt .wd-product .wd-entities-title{font-size:13px;line-height:1.5}

/* phone: price box wraps the stock badge under the price when there is no room (long prices, «متاح للطلب», «غير متوفر حاليًا») */
@media (max-width:768px){
body .e-con.tpp-root .e-con.tpp-pbox{flex-wrap:wrap!important;row-gap:8px!important;column-gap:10px!important;align-items:center}
.tpp-root .tpp-pbox .price{font-size:30px!important}
.tpp-root .tpp-pbox .price del{font-size:15px!important}
/* gallery counter instead of dots */
.tpp-root .tpp-gal .wd-nav-pagin-wrap{display:none!important}
.tpp-root .tpp-gal .wd-gallery-images{position:relative}
.tpp-gcount{position:absolute;bottom:22px;left:14px;z-index:3;background:rgba(0,49,89,.72);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:6px 10px;border-radius:20px;direction:ltr;pointer-events:none}
}
@media (min-width:1025px){.tpp-gcount{display:none}}

/* summary spacing: one rhythm — 16px between blocks (price box → add to cart → info) */
body .e-con.tpp-root .e-con.tpp-pbox{margin-top:14px!important}
.tpp-root .tpp-sum>.elementor-widget-wd_single_product_add_to_cart{margin-top:16px!important}
.tpp-root .tpp-points{margin-bottom:0!important}
.tpp-root .tpp-sum>.elementor-widget-wd_single_product_size_guide_button{margin:12px 0 0!important}

/* Rawaj limited-time offer box (.tmsfl) has the same savings info: hide ours when it is there. Its look lives in Rawaj itself. */
.tpp-root .tpp-sum:has(.tmsfl) .tpp-save{display:none!important}

/* tablet (769–1024): same as the phone — shorter photo so the price shows on the first screen, counter instead of dots/thumbnails */
@media (min-width:769px) and (max-width:1024px){
.tpp-root .tpp-crumb{display:none!important}
.wd-content-layout:has(.tpp-root){padding-top:0!important}
.tpp-root .tpp-gal .wd-carousel-wrap{height:auto!important;align-items:flex-start}
.tpp-root .tpp-gal .woocommerce-product-gallery__image{text-align:center}
.tpp-root .tpp-gal .woocommerce-product-gallery__image img{height:clamp(260px,32svh,400px)!important;width:auto!important;max-width:100%!important;object-fit:contain;margin-inline:auto;display:block}
.tpp-root .tpp-gal .wd-gallery-thumb,.tpp-root .tpp-gal .wd-nav-pagin-wrap{display:none!important}
.tpp-root .tpp-gal .wd-gallery-images{position:relative}
.tpp-gcount{position:absolute;bottom:22px;left:14px;z-index:3;background:rgba(0,49,89,.72);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:6px 10px;border-radius:20px;direction:ltr;pointer-events:none}
body .e-con.tpp-root .e-con.tpp-sum{max-width:760px;margin-inline:auto!important;width:100%}
}

/* gallery: one white card behind the photo (product photos have white backgrounds), and the video as a small
   «شاهد الفيديو» pill in the corner instead of a big white circle over the cover */
.tpp-root .tpp-gal .woocommerce-product-gallery__image{background:#fff!important;border-radius:20px!important;overflow:hidden}
.tpp-root .tpp-gal .wd-video-actions{inset:auto!important;top:18px!important;right:18px!important;bottom:auto!important;left:auto!important;width:auto!important;height:auto!important;display:block!important;z-index:4;transform:none!important;translate:none!important;margin:0!important;transition:none!important}
.tpp-root .tpp-gal .wd-play-video{width:auto!important;height:auto!important;display:block!important;margin:0!important}
.tpp-root .tpp-gal .wd-play-video>a{width:auto!important;height:38px!important;min-width:0!important;padding:0 14px 0 12px!important;border-radius:30px!important;background:rgba(0,49,89,.84)!important;color:#fff!important;display:inline-flex!important;align-items:center;gap:7px;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none!important}
.tpp-root .tpp-gal .wd-play-video>a .wd-action-icon{width:auto!important;height:auto!important;line-height:1!important}
.tpp-root .tpp-gal .wd-play-video>a .wd-action-icon:before{font-size:13px!important;color:#fff!important;width:auto!important}
.tpp-root .tpp-gal .wd-play-video>a:after{content:"شاهد الفيديو";font-size:13px;font-weight:800;color:#fff;line-height:1}
.tpp-root .tpp-gal .wd-play-video>a:hover{background:#048ED6!important}

/* video player window */
.tpp-vmodal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(0,20,38,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tppV .2s ease}
.tpp-vmodal__box{width:min(960px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.tpp-vmodal.is-tall .tpp-vmodal__box{width:auto;height:min(82vh,760px);aspect-ratio:9/16;max-width:100%}
.tpp-vmodal__box iframe{width:100%;height:100%;border:0;display:block}
.tpp-vmodal__x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:28px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tpp-vmodal__x:hover{background:rgba(255,255,255,.3)}
html.tpp-vopen,html.tpp-vopen body{overflow:hidden}
@keyframes tppV{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.tpp-vmodal{animation:none}}

/* phone and tablet: the photo sits on a full-width white stage, and the details slide over it like a sheet (app style) */
@media (max-width:1024px){
	.tpp-root .tpp-gal{margin-inline:-12px!important;width:calc(100% + 24px)!important;max-width:none!important;background:#fff;padding-bottom:22px!important}
	.tpp-root .tpp-gal .woocommerce-product-gallery__image,.tpp-root .tpp-gal .wd-carousel,.tpp-root .tpp-gal .elementor-widget-container{border-radius:0!important;box-shadow:none!important}
	body .e-con.tpp-root .e-con.tpp-sum{margin-inline:-12px!important;width:calc(100% + 24px)!important;max-width:none!important;border-radius:26px 26px 0 0!important;margin-top:-22px!important;box-shadow:0 -10px 26px rgba(0,49,89,.07)!important;border:0!important;border-top:1px solid rgba(255,255,255,.9)!important}
	.tpp-gcount{bottom:30px}
}

/* size and colour (Baymard): label + chosen value on top, big clear buttons, obvious selected and unavailable states */
.tpp-root .tpp-sum table.variations,.tpp-root .tpp-sum table.variations tbody{display:block!important;width:100%}
.tpp-root .tpp-sum table.variations tr{display:block!important;margin:0 0 14px!important}
.tpp-root .tpp-sum table.variations tr.tsf-tr{margin-top:-4px!important}
.tpp-root .tpp-sum table.variations th,.tpp-root .tpp-sum table.variations td{display:block!important;width:100%!important;padding:0!important;text-align:start!important;border:0!important}
.tpp-root .tpp-sum table.variations th label{display:flex!important;align-items:baseline;gap:6px;margin:0 0 8px!important;font-size:14.5px!important;font-weight:800!important;color:#003159!important}
.tpp-root .tpp-sum table.variations th label:after{content:none!important}
.tpp-vsel{font-weight:700;color:#048ED6;font-size:14.5px}
.tpp-vsel:before{content:":";color:#003159;margin-inline-end:4px}
.tpp-vsel.is-empty{color:#8A97A5;font-weight:600}
.tpp-root .tpp-sum .wd-swatches-product{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0!important}
/* sizes: rounded buttons with the size written big */
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text{min-width:54px!important;height:46px!important;padding:0 12px!important;border-radius:14px!important;border:1.5px solid #DCE6EE!important;background:#fff!important;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center;transition:border-color .15s,background .15s,color .15s}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text .wd-swatch-text{font-size:15px!important;font-weight:800!important;color:#1F2A37!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text:hover{border-color:#048ED6!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text.wd-active{background:#003159!important;border-color:#003159!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text.wd-active .wd-swatch-text{color:#fff!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text.wd-disabled{background:#F7F9FB!important;border-style:dashed!important;opacity:1!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-text.wd-disabled .wd-swatch-text{color:#A0ABB7!important;text-decoration:line-through}
/* colours: 40px circles with a white inner ring; the chosen one gets a blue outer ring and a check */
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg{width:42px!important;height:42px!important;min-width:0!important;border-radius:50%!important;border:0!important;padding:0!important;position:relative;box-shadow:inset 0 0 0 3px #fff,0 0 0 1.5px #DCE6EE!important;transition:box-shadow .15s}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg:hover{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #9CC9E6!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg.wd-active{box-shadow:inset 0 0 0 3px #fff,0 0 0 2.5px #048ED6!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg.wd-active:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23048ED6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg.wd-disabled{opacity:.45!important}
.tpp-root .tpp-sum .wd-swatches-product .wd-swatch.wd-bg.wd-disabled:before{content:"";position:absolute;inset:6px;background:linear-gradient(to top left,transparent calc(50% - 1px),#fff 50%,transparent calc(50% + 1px));border-radius:50%}
.tpp-root .tpp-sum .reset_variations{font-size:13px;color:#5B6B7B!important;font-weight:700;margin-top:4px}
/* missing choice: inline message instead of the browser alert */
.tpp-root .tpp-sum tr.tpp-vneed .wd-swatches-product{animation:tppShake .35s}
.tpp-root .tpp-sum tr.tpp-vneed td:after{content:"اختار من هنا الأول";display:block;margin-top:6px;color:#D92D20;font-size:13px;font-weight:800}
.tpp-root .tpp-sum tr.tpp-vrow-size.tpp-vneed td:after{content:"اختار المقاس الأول"}
.tpp-root .tpp-sum tr.tpp-vrow-color.tpp-vneed td:after{content:"اختار اللون الأول"}
.tpp-root .tpp-sum tr.tpp-vneed .wd-swatch.wd-text{border-color:#F6CFCA!important}
@keyframes tppShake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.tpp-root .tpp-sum tr.tpp-vneed .wd-swatches-product{animation:none}}

/* gallery badges sit on the photo top-left, as pills, also after a size/colour is chosen */
.tpp-root .tpp-gal .product-labels{position:absolute!important;top:16px!important;left:16px!important;right:auto!important;z-index:5}

/* WoodMart writes the chosen value again in English under the name («Navy Blue», «L»); ours is already next to the name in Arabic */
.tpp-sum .variations .wd-attr-selected,.single-product form.variations_form .wd-attr-selected{display:none!important}
/* payment methods: always one row */
.tpp-pays{flex-wrap:nowrap!important;gap:5px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tpp-pays::-webkit-scrollbar{display:none}
.tpp-pays span{flex:0 0 auto;white-space:nowrap;font-size:11.5px;padding:0 7px}
