/* Shared home rhythm: same container, palette, type family and button geometry. */
.jbh-home-container{width:min(1440px,100%);margin-inline:auto;padding-inline:52px}
.jbh-materials{--jbh-paper:#f8f7f3;--jbh-ink:#252c28;--jbh-accent:#7c6748;background:var(--jbh-paper);color:var(--jbh-ink);font:400 16px/1.8 "IBM Plex Sans Arabic",Tahoma,sans-serif;direction:rtl;text-align:right;padding-block:96px 88px;scroll-margin-top:170px;box-sizing:border-box}
.jbh-materials *,.jbh-materials *::before,.jbh-materials *::after{box-sizing:border-box}
.jbh-materials [hidden]{display:none!important}
.jbh-materials img{display:block;border:0;border-radius:0;max-width:100%}
.jbh-materials a{color:inherit;text-decoration:none;box-shadow:none}
.jbh-materials button{font:inherit;cursor:pointer}
.jbh-materials a:focus-visible,.jbh-materials button:focus-visible,.jbh-materials [role=tabpanel]:focus-visible{outline:2px solid var(--jbh-accent);outline-offset:5px}
.jbm-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:36px}
.jbm-eyebrow{font-size:14px;font-weight:500;color:var(--jbh-accent)}
.jbh-materials h2{font-family:inherit;font-size:40px;font-weight:500;line-height:1.45;margin:12px 0 0;color:var(--jbh-ink);letter-spacing:0;text-transform:none;max-width:610px}
.jbm-heading>p{font:400 18px/1.9 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:#555c55;margin:0;max-width:510px}
.jbm-choices{display:flex;gap:32px;border-bottom:1px solid #d4d7cd;margin-bottom:40px;flex-wrap:wrap}
.jbm-choices>a{display:flex;align-items:center;gap:14px;min-height:86px;padding:12px 4px 18px;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:18px;font-weight:500;transition:color .2s,border-color .2s;min-width:220px}
.jbm-choices>a:hover{color:var(--jbh-accent)}
.jbm-choices>a[aria-selected=true]{border-color:var(--jbh-ink);color:var(--jbh-ink)}
.jbm-choices>a[aria-selected=false]{color:#646b60}
.jbm-choices>a>svg{width:18px;height:18px;margin-inline-start:auto;opacity:0;transition:opacity .2s}
.jbm-choices>a[aria-selected=true]>svg,.jbm-choices>a:hover>svg{opacity:1}
.jbm-swatch{display:block;width:48px;height:48px;overflow:hidden;background:#dfdfd7;flex-shrink:0}
.jbm-swatch img{width:100%;height:100%;object-fit:cover;transform:scale(1.6);object-position:50% 30%}
.jbm-panel{display:grid;grid-template-columns:42% 58%;align-items:center;margin:0 0 48px;gap:0}
.jbm-enhanced .jbm-panel{margin-bottom:0}
.jbm-detail{padding-inline-end:64px;min-width:0}
.jbh-materials h3{font:500 32px/1.45 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--jbh-ink);margin:0 0 18px;letter-spacing:0;text-transform:none}
.jbm-description{font:400 18px/1.9 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:#555c55;margin:0 0 26px}
.jbm-facts{margin:0 0 28px;border-top:1px solid #d4d7cd}
.jbm-facts>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #d4d7cd}
.jbm-facts dt{font-size:14px;color:#646b60;font-weight:400}.jbm-facts dd{font-size:16px;margin:0;color:var(--jbh-ink);font-weight:500}
.jbm-tip{border-inline-start:2px solid #c8bba7;padding-inline-start:18px;margin-bottom:28px}
.jbm-tip>span{font-size:14px;font-weight:500;color:var(--jbh-accent)}.jbm-tip>p{font-size:16px;line-height:1.85;color:#555c55;margin:6px 0 0}
.jbh-materials .jbm-inquire{display:inline-flex;justify-content:space-between;align-items:center;min-height:54px;padding:14px 24px;gap:28px;background:var(--jbh-ink);color:#fff;font-size:16px;font-weight:500;transition:background .25s}
.jbh-materials .jbm-inquire:hover{background:var(--jbh-accent);color:#fff}.jbm-inquire svg{width:20px;height:20px}
.jbm-sample{margin:0;min-width:0}
.jbm-image-link{display:block;position:relative;background:#e4e3dc}
.jbm-image-viewport{display:block;position:relative;aspect-ratio:1.26;overflow:hidden}
.jbm-image-viewport>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.6);transition:transform .6s cubic-bezier(.2,.65,.2,1)}
.jbm-image-link:hover .jbm-image-viewport>img{transform:scale(1.65)}
.jbm-zoom-label{position:absolute;bottom:20px;left:20px;background:#f8f7f3f5;color:#252c28;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;line-height:1.6}
.jbm-zoom-label svg{width:18px;height:18px}
.jbm-sample figcaption{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:14px;color:#646b60;padding-top:14px}
.jbm-sample figcaption>span:first-child{color:var(--jbh-ink);font-weight:500}
.jbm-availability{border-top:1px solid #d4d7cd;margin:40px 0 0;padding-top:20px;font-size:14px;line-height:1.8;color:#646b60}
.jbm-lightbox{width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;background:#f8f7f3;color:#252c28;font:400 16px/1.8 "IBM Plex Sans Arabic",Tahoma,sans-serif;overflow:auto;margin:auto}
.jbm-lightbox:not([open]){display:none}
.jbm-lightbox::backdrop{background:#162019dc}
.jbm-lightbox-body{padding:20px 28px}.jbm-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.jbm-lightbox-bar h3{font-size:20px;margin:0}.jbm-lightbox-bar button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #d4d7cd;background:transparent;color:#252c28;padding:0;border-radius:0}
.jbm-lightbox-body>img{width:100%;height:calc(100dvh - 210px);min-height:160px;object-fit:contain;background:#e4e3dc}
.jbm-lightbox-body>p{font-size:14px;margin:12px 0 0;color:#646b60}
@media(max-width:1120px){.jbh-home-container{padding-inline:28px}.jbm-heading{gap:36px}.jbm-detail{padding-inline-end:36px}.jbh-materials h2{font-size:36px}.jbm-facts>div{grid-template-columns:100px 1fr;gap:12px}.jbm-image-viewport{aspect-ratio:1}}
@media(max-width:820px){.jbh-materials{padding-block:64px}.jbm-heading{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.jbm-heading>p{max-width:620px}.jbm-panel{grid-template-columns:1fr;gap:28px}.jbm-detail{padding:0;order:2}.jbm-sample{order:1}.jbm-image-viewport{aspect-ratio:1.4}.jbm-description{max-width:680px}.jbm-choices{margin-bottom:28px}.jbm-facts>div{grid-template-columns:140px 1fr}.jbm-lightbox-body{padding:16px}}
@media(max-width:600px){.jbh-home-container{padding-inline:24px}.jbh-materials{padding-block:52px}.jbh-materials h2{font-size:32px}.jbm-heading>p,.jbm-description{font-size:18px;line-height:1.85}.jbm-choices{gap:16px;flex-wrap:nowrap}.jbm-choices>a{min-width:0;flex:1;gap:10px;font-size:16px;padding-bottom:14px}.jbm-choices>a>svg{display:none}.jbm-swatch{width:36px;height:36px}.jbh-materials h3{font-size:28px}.jbm-image-viewport{aspect-ratio:1.12}.jbm-zoom-label{left:12px;bottom:12px;padding:10px 12px}.jbm-facts>div{grid-template-columns:110px 1fr}.jbm-availability{margin-top:28px}.jbm-lightbox{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.jbm-lightbox-bar h3{font-size:18px}}
@media(max-width:380px){.jbh-home-container{padding-inline:20px}.jbm-choices{gap:12px}.jbm-choices>a{gap:8px}.jbm-swatch{width:28px;height:28px}.jbm-inquire{width:100%}.jbm-facts>div{grid-template-columns:100px 1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){.jbh-materials *{animation:none!important;transition:none!important}}