/* Home: "המבוקשים ביותר" smart-lock shelf (20.10.2026). Loaded only on the front page when reef_home_shelf is on.
   Thin lines, no shadows, logical properties. Desktop = one row; phone = scroll-snap strip with a peeking card. */
.rf-hs{background:#fff;border-block-start:1px solid var(--line)}
.rf-hs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block-end:18px;margin-block-end:26px;border-block-end:1px solid var(--line)}
.rf-hs-titles{min-width:0}
.rf-hs-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 6px;font-family:var(--mfe);font-weight:700;font-size:16px;color:var(--orange-ink)}
.rf-hs-eyebrow::before{content:"";inline-size:22px;block-size:3px;border-radius:2px;background:var(--orange)}
.rf-hs h2{margin:0;font-size:var(--fs-h2);line-height:1.05}
.rf-hs-note{margin:8px 0 0;font-size:15px;color:var(--muted)}
.rf-hs-all{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;font-family:var(--mfe);font-weight:700;font-size:18px;color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--orange)}
.rf-hs-all:hover{color:var(--orange-ink)}
.rf-hs-arr{flex:none;transition:transform var(--t)}
.rf-hs-all:hover .rf-hs-arr{transform:translateX(-3px)}

.rf-hs-row{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.rf-hs-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color var(--t)}
.rf-hs-card:hover{border-color:#B9B6C6}
.rf-hs-card:focus-within{border-color:var(--navy)}
.rf-hs-media{display:block;aspect-ratio:1;padding:16px;background:#F6F4F1;overflow:hidden}
.rf-hs-img{inline-size:100%;block-size:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.rf-hs-card:hover .rf-hs-img{transform:scale(1.04)}
.rf-hs-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 16px}
.rf-hs-model{margin:0;font-family:var(--sys);font-size:11.5px;font-weight:600;line-height:1.3;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-hs-name{margin:0;font-size:18px;line-height:1.3;min-block-size:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rf-hs-name a{color:var(--navy);text-decoration:none}
.rf-hs-name a:hover{text-decoration:underline;text-underline-offset:4px}
.rf-hs-price{margin:2px 0 0;font-family:var(--sys);font-size:22px;font-weight:700;line-height:1.2;color:var(--navy)}
.rf-hs-price del{font-size:15px;font-weight:400;color:var(--muted)}
.rf-hs-price ins{text-decoration:none}
.rf-hs-price .woocommerce-Price-currencySymbol{font-size:.8em;margin-inline-start:2px}
.rf-hs-inst{margin:4px 0 12px;padding-block-start:10px;border-block-start:1px solid var(--line);font-size:13.5px;line-height:1.45;color:var(--slate)}
.rf-hs-num{font-weight:700;color:var(--navy);white-space:nowrap}
.rf-hs-btn{display:flex;align-items:center;justify-content:center;min-block-size:44px;margin-block-start:auto;padding:8px 16px;border:1.5px solid var(--navy);border-radius:35px;font-family:var(--mfe);font-weight:700;font-size:17px;color:var(--navy);text-decoration:none;transition:background var(--t),color var(--t)}
.rf-hs-btn:hover{background:var(--navy);color:#fff}

/* tablet: a scroll strip, about 2.6 cards per screen */
@media (max-width:1179px){
  .rf-hs-row{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block-end:6px}
  .rf-hs-card{flex:0 0 calc((100% - 28px) / 2.6);scroll-snap-align:start}
}
/* phone: full-bleed strip, ~76% cards so the next one peeks */
@media (max-width:760px){
  .rf-hs-head{margin-block-end:18px;padding-block-end:10px;gap:4px 16px}
  .rf-hs h2{font-size:2.15rem}
  .rf-hs-note{font-size:14px;margin-block-start:6px}
  .rf-hs-media{aspect-ratio:4/3;padding:14px}
  .rf-hs-model{font-size:12.5px}
  .rf-hs-body{padding:12px 16px 16px}
  .rf-hs-all{font-size:17px}
  .rf-hs-row{gap:12px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:none}
  .rf-hs-row::-webkit-scrollbar{display:none}
  .rf-hs-card{flex:0 0 min(76vw,320px)}
  .rf-hs-name{font-size:19px}
  .rf-hs-price{font-size:23px}
  .rf-hs-inst{font-size:14px}
}
/* the shop links that stayed from the old "המוצרים שלנו" block (20.10, Mor 23:55: the shelf replaces the carousel) */
.rf-hs-more{padding-top:0}
.rf-hs-more .rf-cats{justify-content:center}
/* the empty cart (21.10, B10): the shelf under WooCommerce's "the cart is empty" line, then WhatsApp help */
.rf-hs-cart{margin-top:8px}
.rf-hs-cart .rf-hs{padding-block:24px 8px}
.rf-hs-cart .rf-hs .rf-wrap{padding-inline:0}
.rf-hs-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:8px 0 0;color:var(--navy);font-family:var(--mfe);font-size:17px}
.rf-hs-help .btn{min-height:48px;font-size:17px;padding-inline:22px}
/* empty cart on phones: the page wrap has its own inline padding, so the shelf's edge-to-edge strip must not pull out of it (1px overflow, regression 21.10) */
@media (max-width:760px){.rf-hs-cart .rf-hs-row{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
/* Titles: no one-word last line on phones (23.10: the empty-cart shelf at 320/360 left "פרו" / "טי" alone; the same balance as store.css 22.10 PDP and card titles) */
.rf-hs-name{text-wrap:balance}