/* Gallery pages that replace the Wix store (product / category). Same look: black, white light type. */
:root{
  --st-bg:#000; --st-fg:#fff; --st-muted:#808080; --st-line:#fff;
  --st-f-title:brandon-grot-w01-light,sans-serif;
  --st-f-body:avenir-lt-w01_35-light1475496,sans-serif;
  --st-f-cta:opensanshebrewcondensed-regular,sans-serif;
}
body .pp,
body .cat{color:var(--st-fg);font-family:var(--st-f-body);text-align:left}
body .pp,
body .cat,
body .pp *,
body .cat *{box-sizing:border-box}
body .pp ul,
body .cat ul{list-style:none;margin:0;padding:0}
/* ---- product, desktop ---- */
body .pp-d{width:980px;margin:0 auto;padding:148px 0 60px}
body .pp-d .pp-main{height:551px;display:flex;justify-content:center}
body .pp-d .pp-main-img{width:551px;height:551px;object-fit:contain}
body .pp-d .pp-thumbs{display:flex;justify-content:center;gap:6px;margin-top:14px}
body .pp-d .pp-info{display:grid;grid-template-columns:547px 273px;column-gap:80px;padding:61px 40px 0;grid-template-areas:"title price" "desc cta" "spec cta"}
body .pp-d .pp-title{grid-area:title}
body .pp-d .pp-price{grid-area:price}
body .pp-d .pp-cta{grid-area:cta;margin-top:26px}
body .pp-d .pp-desc{grid-area:desc}
body .pp-d .pp-specs{grid-area:spec}
body .pp-d .pp-spec{margin-top:48px}
body .pp-m .pp-specs{display:contents}
body .pp-d .cf{grid-area:form}
body .pp-d .pp-policy{margin:64px 0 0 35px}
body .pp-title{font:400 32px/38px var(--st-f-title);margin:0;color:var(--st-fg)}
body .pp-price{font:400 32px/38px var(--st-f-body);color:var(--st-fg)}
body .pp-desc{font-size:18px;line-height:24px;margin-top:20px}
body .pp-desc p{margin:0}
body .pp-spec-title{font:400 18px/31px var(--st-f-body);margin:0}
body .pp-spec-body{font-size:14px;line-height:21px}
body .pp-spec-body p{margin:0}
body .pp-policy{font:400 19px/27px var(--st-f-title);margin:0}
body .pp-policy a{color:var(--st-fg);text-decoration:underline}
body .pp-thumbs li{width:44px;height:44px}
body .pp-thumbs button{all:unset;display:block;width:44px;height:44px;cursor:pointer;opacity:.75;outline-offset:2px}
body .pp-thumbs button.on,
body .pp-thumbs button:hover,
body .pp-thumbs button:focus-visible{opacity:1}
body .pp-thumbs button.on{outline:1px solid var(--st-fg)}
body .pp-thumbs img{width:44px;height:44px;object-fit:cover;display:block}
body .pp-btn{display:flex;align-items:center;justify-content:center;gap:.3em;height:40px;border-radius:10px;background:var(--st-fg);color:#000;text-decoration:none;font:700 16px/1 var(--st-f-cta);box-shadow:0 0 6px rgba(80,80,255,.35)}
body .pp-btn:hover,
body .pp-btn:focus-visible{background:#ddd}
body .pp-sold,
body .pp-sold:hover{background:var(--st-muted);color:#fff;font:400 14px/1 var(--st-f-body);box-shadow:none;cursor:default;margin-bottom:10px}
/* contact form (dark, same type) */
body .cf{margin-top:56px;max-width:547px;display:grid;gap:6px}
body .cf-title{font:400 22px/30px var(--st-f-title);margin:0 0 8px}
body .cf label{font-size:14px;margin-top:6px}
body .cf input,
body .cf textarea{font:400 16px/22px var(--st-f-body);background:#111;color:var(--st-fg);border:1px solid #666;border-radius:6px;padding:8px 10px;width:100%}
body .cf input:focus,
body .cf textarea:focus{outline:2px solid #fff;outline-offset:1px}
body .cf-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
body .cf-send{margin-top:12px;height:40px;border:0;border-radius:10px;background:var(--st-fg);color:#000;font:700 16px/1 var(--st-f-cta);cursor:pointer}
body .cf-status{min-height:1.4em;margin:6px 0 0;font-size:14px}
body .cf-status.err{color:#ff8a8a}
/* popup, after a successful send: only the thank-you, big and centred (product-popup.js removes .cf-done when the dialog closes) */
body dialog.pu .cf.cf-done{display:flex;align-items:center;justify-content:center;min-height:220px}
body dialog.pu .cf.cf-done > :not(.cf-status){display:none}
body dialog.pu .cf.cf-done .cf-status{margin:0;font-size:26px;line-height:1.4;text-align:center;font-weight:600}
/* thank-you: Hebrew line first, English line below it (site.js writes two .cf-ty spans) */
body .cf-status .cf-ty{display:block}
body .cf-status .cf-ty + .cf-ty{margin-top:.2em}
body .cf-perr{margin:4px 0 0;font-size:14px;color:#ff8a8a}
body .cf-perr[hidden]{display:none}
body .cf input[aria-invalid=true]{outline:2px solid #ff8a8a}
body dialog.pu:has(.cf-done) .pu-sum{display:none}
/* ---- product, mobile (320 layout) ---- */
body .pp-m{width:320px;margin:0 auto;padding:20px 40px 40px}
body .pp-m .pp-main{height:240px}
body .pp-m .pp-main-img{width:240px;height:240px;object-fit:contain;display:block}
body .pp-m .pp-thumbs{display:flex;justify-content:center;gap:15px;margin-top:20px}
body .pp-m .pp-thumbs li,
body .pp-m .pp-thumbs button{width:10px;height:10px}
body .pp-m .pp-thumbs button{border-radius:50%;background:#555;opacity:1;outline:0}
body .pp-m .pp-thumbs button.on{background:#999}
body .pp-m .pp-thumbs img{display:none}
body .pp-m .pp-info{margin-top:42px;display:flex;flex-direction:column}
body .pp-m .pp-title{font-size:34px;line-height:40px}
body .pp-m .pp-price{font-size:20px;line-height:26px;margin-top:6px}
body .pp-m .pp-cta{margin-top:20px;order:3}
body .pp-m .pp-btn{height:40px}
body .pp-m .pp-desc{order:4;font-size:19px;line-height:24px;margin-top:24px}
body .pp-m .pp-spec{order:5;margin-top:36px}
body .pp-m .cf{order:6;margin-top:36px}
body .pp-m .pp-spec-title{font-size:15px;display:flex;justify-content:space-between;cursor:pointer}
body .pp-m .pp-spec-title::after{content:"+";font-size:24px;line-height:20px}
body .pp-m .pp-spec.open .pp-spec-title::after{content:"\2212"}
body .pp-m .pp-spec-body{display:none;margin-top:8px}
body .pp-m .pp-spec.open .pp-spec-body{display:block}
body .pp-m .pp-policy{margin:40px 0 0 -20px}
@media (max-width:750px){body .cf{max-width:none}}
/* ---- category ---- */
body .cat-d{padding:212px 0 560px}
body .cat-d .cat-grid{display:grid;grid-template-columns:repeat(4,298px);column-gap:20px;row-gap:12px;width:1252px;margin:0 auto}
body .cat-item a{display:block;color:var(--st-fg);text-decoration:none;text-align:center}
body .cat-img{display:flex;justify-content:center;height:298px}
body .cat-img img{height:298px;width:auto;max-width:100%;object-fit:contain;display:block}
body .cat-name,
body .cat-price{display:block;font:400 14px/22px var(--st-f-body);color:var(--st-fg)}
body .cat-name{margin-top:15px}
body .cat-price{margin:3px 0 18px}
body .cat-m{padding:20px 20px 40px}
body .cat-m .cat-grid{display:grid;grid-template-columns:1fr;gap:0}
body .cat-m .cat-img{height:280px}
body .cat-m .cat-img img{height:280px;width:auto;max-width:100%;object-fit:contain}
body .cat-m .cat-name,
body .cat-m .cat-price{font-size:15px}
body .cat-m .cat-price{margin-bottom:34px}
body .cf-wrap{max-width:560px;margin:48px auto 72px;padding:0 20px;color:var(--st-fg);font-family:var(--st-f-body);text-align:left}
body .cf-wrap,
body .cf-wrap *{box-sizing:border-box}
body .cf-wrap .cf{margin-top:0;max-width:none}

/* ---- product options (alone-together): drop-downs + live price ---- */
body .pp-opts{display:grid;gap:8px;margin-top:22px;max-width:547px}
body .pp-opts label{display:grid;gap:4px;font-size:14px}
body .pp-opts select,
body .pp-opts textarea{font:400 16px/22px var(--st-f-body);background:#111;color:var(--st-fg);border:1px solid #666;border-radius:6px;padding:8px 10px;width:100%}
body .pp-opts select:focus,
body .pp-opts textarea:focus{outline:2px solid #fff;outline-offset:1px}
body .pp-opts-note{font-size:13px;line-height:18px;color:var(--st-muted);margin:0}

/* ---- r2: price table + options in the side column, pop-up form, back-to-store ---- */
body .pp-opts{margin-top:0;margin-bottom:18px;max-width:none}
body .pp-table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px;margin-bottom:6px}
body .pp-table-cap{text-align:left;font:400 18px/28px var(--st-f-body);padding-bottom:6px}
body .pp-table th,
body .pp-table td{border-bottom:1px solid #444;padding:6px 6px 6px 0;text-align:left;font-weight:400}
body .pp-table thead th{color:var(--st-muted);font-size:12px;line-height:16px}
body .pp-table tbody tr.on{outline:1px solid var(--st-fg);outline-offset:-1px;background:#1a1a1a}
body .pp-colors{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}
body .pp-colors legend{padding:0;margin-bottom:4px;font-size:14px}
body .pp-color{display:flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;cursor:pointer}
body .pp-color input{accent-color:#fff;margin:0}
body .pp-soldtag{display:block;font:400 14px/1 var(--st-f-body);color:var(--st-muted);letter-spacing:.08em}
body button.pp-btn{width:100%;border:0;cursor:pointer;padding:0 8px}
body .pp-foot{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 28px}
body .pp-d .pp-foot{margin:64px 0 0 35px}
body .pp-m .pp-foot{margin:40px 0 0 -20px}
body .pp-d .pp-foot .pp-policy,
body .pp-m .pp-foot .pp-policy{margin:0}
body .pp-back{font:400 19px/27px var(--st-f-title);color:var(--st-fg);text-decoration:none;border:1px solid var(--st-fg);border-radius:10px;padding:4px 16px;letter-spacing:.04em}
body .pp-back:hover,
body .pp-back:focus-visible{background:var(--st-fg);color:#000}
body dialog.pu{background:#0b0b0b;color:var(--st-fg);border:1px solid #666;border-radius:12px;padding:28px 28px 24px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;font-family:var(--st-f-body);text-align:left}
body dialog.pu::backdrop{background:rgba(0,0,0,.72)}
body dialog.pu,
body dialog.pu *{box-sizing:border-box}
body dialog.pu .cf{margin-top:0;max-width:none}
body .pu-x{position:absolute;top:6px;right:10px;background:none;border:0;color:var(--st-fg);font:300 32px/1 sans-serif;cursor:pointer;padding:4px 8px}
body .pu-sum{font-size:13px;line-height:18px;color:var(--st-muted);margin:0 24px 14px 0;overflow-wrap:anywhere}
body .pp-table tbody th{white-space:nowrap}
body .pp-m .pp-table{font-size:13px}
body .pp-m .pp-table th,
body .pp-m .pp-table td{padding-right:4px}

body .pp-mid[hidden]{display:none}
body .pp-m.pp-has-opts .pp-desc{order:3}
body .pp-m.pp-has-opts .pp-cta{order:4}
body .pp-hint{color:#ff9a9a;font-size:13px;line-height:18px}
body .pp-hint[hidden]{display:none}
body .pp-opts select[aria-invalid=true]{border-color:#ff9a9a}

/* ---- /accessibility: plain text page, Hebrew (rtl) then English ---- */
body .ax{color:var(--st-fg);font-family:var(--st-f-body),"Open Sans",Arial,sans-serif;font-size:18px;line-height:30px}
body .ax,
body .ax *{box-sizing:border-box}
body .ax-d{width:min(760px,calc(100% - 40px));margin:0 auto;padding:120px 0 72px}
body .ax-m{padding:24px 20px 56px}
body .ax h1.ax-title{font:400 44px/52px var(--st-f-title);margin:0 0 6px}
body .ax h2{font:400 26px/34px var(--st-f-title);margin:36px 0 10px}
body .ax p{margin:0 0 12px}
body .ax ul{list-style:disc;margin:0 0 12px;padding-inline-start:26px}
body .ax li{margin:0 0 6px}
body .ax ul.ax-contact{list-style:none;padding:0}
body .ax a{color:#fff;text-decoration:underline}
body .ax-date{color:#c8c8c8;font-size:15px}
body .ax-form{margin-top:36px}
body .ax-form .cf{margin-top:0;max-width:none}
body .ax-en{margin-top:56px;padding-top:8px;border-top:1px solid #666}
body .ax-m h1.ax-title{font-size:34px;line-height:42px}
@media (max-width:750px){body .ax{font-size:17px;line-height:28px}}