/* TujjarCo product detail — matched to "Desktop · Product detail" */
.tjc-pdp{--g:#0B6B4A;--gd:#084F37;--n:#0F2A4A;--mint:#E8F5EF;--mint2:#DDF2E8;--bg:#F4F6F5;--line:#E6ECE9;--muted:#5B6670;--red:#E53E3E;
  font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',Inter,system-ui,sans-serif;color:var(--n);background:var(--bg)}
.tjc-pdp *{box-sizing:border-box}
body.tjc-pdp-page{background:#F4F6F5}
body.tjc-pdp-page .site-content,body.tjc-pdp-page #content,body.tjc-pdp-page .woocommerce-notices-wrapper{padding:0!important;margin:0}
body.tjc-pdp-page .product.type-product>*:not(.tjc-pdp){display:none}
body.tjc-pdp-page .product.type-product .tjc-pdp{display:block}
.tjc-pdp .tjc-wrap{max-width:1180px;margin:0 auto;padding:0 28px 48px}
.tjc-pdp .tjc-crumbs{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--muted);padding:18px 0 22px;flex-wrap:wrap}
.tjc-pdp .tjc-crumbs a{color:var(--muted);text-decoration:none}
.tjc-pdp .tjc-crumbs strong{color:var(--n);font-weight:700}
/* hero */
.tjc-pdp .tjc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start;margin-bottom:26px}
.tjc-pdp .tjc-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;max-width:520px;margin-inline-start:auto}
.tjc-pdp .tjc-gallery.no-thumbs{grid-template-columns:1fr}
.tjc-pdp .tjc-thumbs{display:flex;flex-direction:column;gap:12px}
.tjc-pdp .tjc-thumb{width:72px;height:72px;border:2px solid var(--line);border-radius:10px;background:#fff;padding:3px;cursor:pointer;overflow:hidden}
.tjc-pdp .tjc-thumb.is-on{border-color:var(--g)}
.tjc-pdp .tjc-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.tjc-pdp .tjc-main{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:360px;display:flex;align-items:center;justify-content:center}
.tjc-pdp .tjc-main img{max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain}
.tjc-pdp .tjc-off{position:absolute;top:16px;inset-inline-start:16px;background:var(--red);color:#fff;font:800 12.5px Inter,system-ui,sans-serif;padding:7px 12px;border-radius:8px}
.tjc-pdp .tjc-verified{display:inline-block;background:var(--mint2);color:var(--gd);font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:8px;text-decoration:none;margin-bottom:14px}
.tjc-pdp .tjc-title{font-size:28px;line-height:1.3;font-weight:800;margin:0 0 12px;letter-spacing:-.01em}
.tjc-pdp .tjc-rate{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:600;color:var(--muted)}
.tjc-pdp .tjc-rate-pill{background:var(--mint2);color:var(--gd);font-weight:800;padding:5px 9px;border-radius:7px;font-size:12.5px}
.tjc-pdp .tjc-pricebox{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.tjc-pdp .tjc-cur{font-size:30px;font-weight:800}
.tjc-pdp .tjc-big{font-size:34px;font-weight:800;letter-spacing:-.01em}
.tjc-pdp .tjc-pricebox s{color:var(--muted);font-weight:600;font-size:15px}
.tjc-pdp .tjc-pricebox em{color:var(--g);font-style:normal;font-weight:800;font-size:15px}
.tjc-pdp .tjc-pricebox small{color:var(--muted);font-size:13px;font-weight:600}
.tjc-pdp .tjc-tiers{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin-bottom:18px}
.tjc-pdp .tjc-tier{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #F1F5F3;font-size:14px;font-weight:600;color:var(--muted)}
.tjc-pdp .tjc-tier:last-child{border-bottom:0}
.tjc-pdp .tjc-tier b{color:var(--n);font-weight:800}
.tjc-pdp .tjc-tier.is-best b{color:var(--g)}
.tjc-pdp .tjc-tier.is-active span{color:var(--n);font-weight:800}
.tjc-pdp .tjc-cartform{display:flex;gap:12px;align-items:stretch;margin:0 0 14px}
.tjc-pdp .tjc-qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;height:50px;padding:0 6px;flex:0 0 auto}
.tjc-pdp .tjc-qbtn{width:34px;height:100%;border:0;background:none;font-size:18px;font-weight:700;color:var(--n);cursor:pointer}
.tjc-pdp .tjc-qty input{width:52px;border:0;text-align:center;font:800 15px inherit;color:var(--n);background:none;-moz-appearance:textfield;padding:0;height:auto;box-shadow:none}
.tjc-pdp .tjc-qty input::-webkit-inner-spin-button{display:none}
.tjc-pdp .tjc-qunit{font-size:14px;font-weight:700;margin-inline-end:4px}
.tjc-pdp .tjc-add{flex:1;height:50px;line-height:50px;border:0;border-radius:12px;background:var(--g)!important;color:#fff!important;font:800 15.5px inherit;cursor:pointer;padding:0 20px;display:block;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tjc-pdp .tjc-add *{display:inline}
.tjc-pdp .tjc-add:hover{background:var(--gd)!important}
.tjc-pdp .tjc-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.tjc-pdp .tjc-btn-outline{display:flex;align-items:center;justify-content:center;height:50px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--n);font-weight:800;font-size:15px;text-decoration:none;transition:.15s}
.tjc-pdp .tjc-btn-outline.is-green{border-color:var(--g);color:var(--g)}
.tjc-pdp .tjc-btn-outline:hover{background:var(--mint)}
.tjc-pdp .tjc-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13px;font-weight:700;color:var(--n)}
.tjc-pdp .tjc-oos{background:#FDF0D5;color:#8A5B00;border-radius:12px;padding:12px 14px;font-weight:700;margin:0 0 14px}
/* lower grid */
.tjc-pdp .tjc-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px;align-items:start;margin-bottom:30px}
.tjc-pdp .tjc-col{display:flex;flex-direction:column;gap:22px}
.tjc-pdp .tjc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px}
.tjc-pdp .tjc-card h2{font-size:19px;font-weight:800;margin:0 0 14px}
.tjc-pdp .tjc-specs{width:100%;border-collapse:collapse;font-size:14px}
.tjc-pdp .tjc-specs th,.tjc-pdp .tjc-specs td{padding:12px 10px;border-bottom:1px solid #F1F5F3;text-align:start;vertical-align:top}
.tjc-pdp .tjc-specs th{width:36%;color:var(--muted);font-weight:600}
.tjc-pdp .tjc-specs td{font-weight:600;color:var(--n)}
.tjc-pdp .tjc-desc{margin-top:18px;font-size:14px;line-height:1.75;color:#3C4C5E}
.tjc-pdp .tjc-desc h3{font-size:15px;font-weight:800;margin:0 0 8px;color:var(--n)}
.tjc-pdp .tjc-others{width:100%;border-collapse:collapse;font-size:14px}
.tjc-pdp .tjc-others th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:start;padding:8px 10px;border-bottom:1px solid var(--line)}
.tjc-pdp .tjc-others td{padding:14px 10px;border-bottom:1px solid #F1F5F3;vertical-align:middle}
.tjc-pdp .tjc-others td b{display:block;font-weight:800}
.tjc-pdp .tjc-others td small{display:block;font-size:12px;color:var(--g);font-weight:700;margin-top:2px}
.tjc-pdp .tjc-oprice{font-weight:800;color:var(--g)}
.tjc-pdp .tjc-mini{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1.5px solid var(--g);border-radius:9px;color:var(--g);font-size:13px;font-weight:800;text-decoration:none;background:#fff}
/* vendor */
.tjc-pdp .tjc-vhead{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.tjc-pdp .tjc-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--mint2);color:var(--gd);display:flex;align-items:center;justify-content:center;font:800 14px Inter,system-ui,sans-serif}
.tjc-pdp .tjc-vhead b{display:block;font-size:16px;font-weight:800}
.tjc-pdp .tjc-vhead small{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.tjc-pdp .tjc-vstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.tjc-pdp .tjc-vstats div{border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}
.tjc-pdp .tjc-vstats b{display:block;font-size:17px;font-weight:800}
.tjc-pdp .tjc-vstats span{font-size:11.5px;color:var(--muted);font-weight:600}
.tjc-pdp .tjc-vbadge{display:inline-block;background:var(--mint2);color:var(--gd);font-size:12px;font-weight:700;padding:6px 10px;border-radius:7px;margin-bottom:14px}
.tjc-pdp .tjc-vendor .tjc-btn-outline{margin-bottom:10px}
/* similar */
.tjc-pdp .tjc-similar h2{font-size:19px;font-weight:800;margin:0 0 14px}
.tjc-pdp .tjc-sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tjc-pdp .tjc-sim{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;color:var(--n);transition:.15s}
.tjc-pdp .tjc-sim:hover{box-shadow:0 10px 26px rgba(15,42,74,.09);transform:translateY(-2px)}
.tjc-pdp .tjc-sim-img{display:block;aspect-ratio:1.15;border-radius:10px;overflow:hidden;background:#F7FAF8;margin-bottom:10px}
.tjc-pdp .tjc-sim-img img{width:100%;height:100%;object-fit:cover;display:block}
.tjc-pdp .tjc-sim-v{font-size:11.5px;font-weight:800;color:var(--g)}
.tjc-pdp .tjc-sim-t{font-size:14px;font-weight:800;line-height:1.35;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.tjc-pdp .tjc-sim-m{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:10px}
.tjc-pdp .tjc-sim-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:17px;font-weight:800}
.tjc-pdp .tjc-sim-foot small{font-size:11px;color:var(--muted);font-weight:700}
/* alignment follows the card's reading direction, not the theme's body class */
.tjc-pdp,.tjc-pdp *{text-align:start}
.tjc-pdp .tjc-crumbs,.tjc-pdp .tjc-vstats div,.tjc-pdp .tjc-btn-outline,.tjc-pdp .tjc-add,.tjc-pdp .tjc-mini,.tjc-pdp .tjc-qty input{text-align:center}
/* LTR (English via GTranslate) */
html.translated-ltr .tjc-pdp{direction:ltr}
html.translated-ltr .tjc-pdp .tjc-gallery{margin-inline-start:0;margin-inline-end:auto}
/* responsive */
@media(max-width:1000px){
.tjc-pdp .tjc-hero{grid-template-columns:1fr;gap:22px}
.tjc-pdp .tjc-gallery{max-width:none;margin:0}
.tjc-pdp .tjc-grid2{grid-template-columns:1fr}
.tjc-pdp .tjc-sim-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
.tjc-pdp .tjc-wrap{padding:0 16px 120px}
.tjc-pdp .tjc-crumbs{justify-content:flex-start;padding:12px 0 14px}
.tjc-pdp .tjc-gallery{grid-template-columns:1fr;gap:10px}
.tjc-pdp .tjc-thumbs{flex-direction:row;order:2;overflow-x:auto}
.tjc-pdp .tjc-main{min-height:260px;padding:12px}
.tjc-pdp .tjc-title{font-size:21px}
.tjc-pdp .tjc-cur{font-size:22px}.tjc-pdp .tjc-big{font-size:28px}
.tjc-pdp .tjc-cartform{flex-direction:column;align-items:stretch}
.tjc-pdp .tjc-add{width:100%}
.tjc-pdp .tjc-qty{justify-content:space-between}
.tjc-pdp .tjc-actions{grid-template-columns:1fr}
.tjc-pdp .tjc-facts{grid-template-columns:1fr}
.tjc-pdp .tjc-card{padding:18px 16px}
.tjc-pdp .tjc-specs th{width:42%}
.tjc-pdp .tjc-sim-grid{gap:10px}
.tjc-pdp .tjc-sim{padding:9px}
}