/* Tijara Stage 4 — product detail */
html.theme-tijara .tj-pdp{padding-block:16px 56px}
html.theme-tijara .tj-pdp .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px}
html.theme-tijara .tj-pdp .crumbs a{color:var(--ink);text-decoration:none;font-weight:600}
html.theme-tijara .tj-pdp .pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);gap:20px;align-items:start}
html.theme-tijara .tj-pdp .gal{display:grid;grid-template-columns:68px 1fr;gap:10px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr,132px) + 16px)}
html.theme-tijara .tj-pdp .gal .vt{display:flex;flex-direction:column;gap:8px}
html.theme-tijara .tj-pdp .gal .vt button{border:2px solid transparent;border-radius:14px;padding:0;overflow:hidden;aspect-ratio:1;background:var(--surface-2)}
html.theme-tijara .tj-pdp .gal .vt button.on{border-color:var(--ink)}
html.theme-tijara .tj-pdp .gal .vt img{width:100%;height:100%;object-fit:cover}
html.theme-tijara .tj-pdp .gal .main{border-radius:24px;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line);aspect-ratio:1}
html.theme-tijara .tj-pdp .gal .main img{width:100%;height:100%;object-fit:contain}
html.theme-tijara .tj-pdp .gal .badges{position:absolute;top:14px;inset-inline-start:14px;display:flex;gap:6px;z-index:1}
html.theme-tijara .tj-pdp .pinfo{display:flex;flex-direction:column;gap:12px;min-width:0}
html.theme-tijara .tj-pdp .pinfo > .col-sm-12,
html.theme-tijara .tj-pdp .pinfo > .col-lg-6{flex:none;width:100%;max-width:100%;padding:0;margin:0}
html.theme-tijara .tj-pdp .pinfo h1{font-family:var(--f-body);font-size:24px;font-weight:700;line-height:1.3}
html.theme-tijara .tj-pdp .csup{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px}
html.theme-tijara .tj-pdp .secnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr,132px));z-index:20;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(12px);margin-top:20px;border-bottom:1px solid var(--line)}
html.theme-tijara .tj-pdp .secnav .in{display:flex;gap:4px;overflow-x:auto;padding-block:0}
html.theme-tijara .tj-pdp .secnav a{padding:12px 14px;font-weight:600;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
html.theme-tijara .tj-pdp .secnav a.on{color:var(--ink);border-bottom-color:var(--brand)}
html.theme-tijara .tj-pdp .psec{padding-top:22px}
html.theme-tijara .tj-pdp .panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px}
html.theme-tijara .tj-pdp .feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html.theme-tijara .tj-pdp .ph{margin-bottom:14px}
html.theme-tijara .tj-pdp .ph h2{font-family:var(--f-display);font-size:22px;margin:0}

@media (max-width:900px){
  html.theme-tijara .tj-pdp .pdp{grid-template-columns:1fr}
  html.theme-tijara .tj-pdp .gal{position:static}
  html.theme-tijara .tj-pdp .feed{grid-template-columns:repeat(2,minmax(0,1fr))}
}