/* Effects C (app/effects-elements.js, docs/LAYOUTS.md «אלמנטים»): the trust
   row, the photo strip, the big quote, the contact card, the deal ribbon, the
   deals countdown and the WhatsApp words. Every rule hangs on a class or a
   value only these features write, so a shop without them draws exactly what
   it drew before. Colours read the section's own --block-* variables (its
   design, app/section-design.js) and the owner's --ui-* overrides first. */

/* ---------- «שורת אמון» ---------- */
.editorial-trust{--block-default-align:center;}
.editorial-trust-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--trust-n,4),minmax(0,1fr));gap:var(--block-gap-desktop,16px);text-align:start;}
.editorial-trust-item{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;font-weight:700;line-height:1.35;}
.editorial-trust-icon{display:inline-flex;flex:none;width:2.875rem;height:2.875rem;align-items:center;justify-content:center;border-radius:50%;
  color:var(--block-accent,var(--primary));box-shadow:inset 0 0 0 1.5px currentColor;}
.editorial-trust-icon svg{width:1.4rem;height:1.4rem;}
.editorial-trust-text{min-width:0;overflow-wrap:anywhere;font-size:calc(1em * var(--sec-text,1));}
/* The optional second line (item.sub), small under the words as in the effects catalogue. */
.editorial-trust-sub{display:block;font-weight:400;font-size:calc(.8125rem * var(--sec-text,1));line-height:1.35;color:var(--block-ink,var(--ink-soft,#5B6B60));}
/* row: one line, a hairline between the items */
.editorial-trust-list[data-look="row"]{gap:0;}
.editorial-trust-list[data-look="row"] .editorial-trust-item{padding:6px 16px;}
.editorial-trust-list[data-look="row"] .editorial-trust-item + .editorial-trust-item{border-inline-start:1px solid var(--block-card-line,var(--line,#DDE5D9));}
/* cards: small tiles */
.editorial-trust-list[data-look="cards"] .editorial-trust-item{justify-content:flex-start;padding:14px 16px;border-radius:var(--r-panel);
  background:var(--block-card,var(--paper,#FBF7EF));border:1px solid var(--block-card-line,color-mix(in srgb,var(--primary) 12%,transparent));}
/* band: a thin strip, the title and the text left out of the way */
.editorial-trust-list[data-look="band"]{margin:0;gap:var(--block-gap-desktop,8px) 24px;grid-template-columns:repeat(var(--trust-n,4),auto);justify-content:center;}
.editorial-trust-list[data-look="band"] .editorial-trust-item{font-size:.9375rem;gap:8px;}
.editorial-trust-list[data-look="band"] .editorial-trust-icon{width:2rem;height:2rem;box-shadow:none;background:color-mix(in srgb,var(--block-accent,var(--primary)) 12%,transparent);}
.editorial-trust-list[data-look="band"] .editorial-trust-icon svg{width:1.1rem;height:1.1rem;}
.editorial-block.editorial-trust-band{width:100%;max-width:none;margin:0;border:0;border-radius:0;padding-block:14px;padding-inline:clamp(16px,4vw,44px);
  background:var(--block-background-desktop,color-mix(in srgb,var(--primary) 8%,var(--paper,#FBF7EF)));}
.editorial-trust-band .editorial-copy:empty{display:none;}

/* ---------- «רצועת תמונות» ---------- */
.editorial-strip{--block-default-align:center;}
.editorial-strip-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--strip-n,4),minmax(0,1fr));gap:var(--block-gap-desktop,10px);text-align:start;}
.editorial-strip-item{min-width:0;}
.editorial-strip-list figure{margin:0;display:flex;flex-direction:column;gap:6px;height:100%;}
.editorial-strip-list img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-control);background:color-mix(in srgb,var(--primary) 6%,var(--paper,#FBF7EF));}
.editorial-strip-list figcaption{font-size:calc(.875rem * var(--sec-text,1));font-weight:600;color:var(--ink-soft,var(--ink));line-height:1.35;overflow-wrap:anywhere;}
/* mosaic: four across, the first photo two by two */
.editorial-strip-list[data-look="mosaic"]{grid-template-columns:repeat(var(--mosaic-cols,4),minmax(0,1fr));grid-auto-flow:column dense;grid-template-rows:repeat(2,auto);}
.editorial-strip-list[data-look="mosaic"] .editorial-strip-item:first-child{grid-column:span 2;grid-row:span 2;}
.editorial-strip-list[data-look="mosaic"][data-odd] .editorial-strip-item:last-child{grid-row:span 2;}
.editorial-strip-list[data-look="mosaic"] :is(.editorial-strip-item:first-child,[data-odd] .editorial-strip-item:last-child) img{flex:1;min-height:0;aspect-ratio:auto;height:100%;}
/* polaroid: white frames, a wider bottom edge for the caption, tilted in turn */
.editorial-strip-list[data-look="polaroid"]{gap:var(--block-gap-desktop,22px);padding:10px 6px 14px;}
.editorial-strip-list[data-look="polaroid"] figure{padding:10px 10px 12px;background:#FFFDF8;color:#3A3A32;border-radius:4px;
  box-shadow:0 1px 2px rgba(30,42,34,.08),0 14px 28px -14px rgba(30,42,34,.38);transform:rotate(-2deg);}
.editorial-strip-list[data-look="polaroid"] .editorial-strip-item:nth-child(even) figure{transform:rotate(2deg);}
.editorial-strip-list[data-look="polaroid"] .editorial-strip-item:nth-child(3n) figure{transform:rotate(-1deg);}
.editorial-strip-list[data-look="polaroid"] img{border-radius:2px;}
.editorial-strip-list[data-look="polaroid"] figcaption{color:#3A3A32;text-align:center;min-height:1.35em;}

/* ---------- «המלצות» · «ציטוט גדול» ---------- */
.editorial-bigquotes{display:grid;gap:var(--block-gap-desktop,32px);margin:22px auto 0;max-width:46rem;}
.editorial-bigquote{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}
.editorial-bigquote-mark{display:block;height:3.25rem;font-family:Georgia,"Times New Roman",serif;font-size:6rem;line-height:1;color:var(--block-accent,var(--primary));}
.editorial-bigquote blockquote{margin:0;}
.editorial-bigquote blockquote p.rich-text{margin:0;font-family:var(--font-display,var(--font-body)),serif;font-size:calc(clamp(1.25rem,2.4vw,1.75rem) * var(--sec-text,1));line-height:1.5;font-weight:500;}
.editorial-bigquote figcaption{display:flex;align-items:center;gap:12px;text-align:start;}
.editorial-bigquote-face{display:inline-flex;flex:none;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
  background:var(--block-accent,var(--primary));color:var(--paper,#fff);font-weight:800;font-size:1.25rem;}
.editorial-bigquote-face img{width:100%;height:100%;object-fit:cover;}
.editorial-bigquote-who{display:flex;flex-direction:column;gap:2px;}
.editorial-bigquote-who span{color:var(--ink-soft,var(--ink));font-size:.9375rem;}

/* ---------- «יצירת קשר» · «כרטיס» ---------- */
.editorial-contact-card{display:grid;gap:18px;margin:20px auto 0;max-width:30rem;padding:24px;text-align:start;border-radius:var(--r-panel);
  background:var(--block-card,var(--paper,#FBF7EF));border:1px solid var(--block-card-line,color-mix(in srgb,var(--primary) 12%,transparent));
  box-shadow:0 2px 4px rgba(30,42,34,.05),0 12px 28px -14px rgba(30,42,34,.22);}
.editorial-contact-rows{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.editorial-contact-rows li{display:flex;align-items:flex-start;gap:12px;min-width:0;}
.editorial-contact-ic{display:inline-flex;flex:none;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:50%;
  color:var(--block-accent,var(--primary));background:color-mix(in srgb,var(--block-accent,var(--primary)) 10%,transparent);}
.editorial-contact-ic svg{width:1.25rem;height:1.25rem;}
.editorial-contact-body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.editorial-contact-body .editorial-contact-label{font-size:.8125rem;}
.editorial-contact-body .rich-text{white-space:pre-line;}
.editorial-contact-value{color:inherit;font-weight:600;overflow-wrap:anywhere;}
a.editorial-contact-value{text-decoration:none;font-variant-numeric:tabular-nums;unicode-bidi:isolate;align-self:flex-start;}
.editorial-contact-nav{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:10px;color:var(--block-accent,var(--primary));font-weight:600;font-size:.875rem;}
.editorial-contact-wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r-chip);
  background:var(--ui-whatsapp-bg,var(--whatsapp,#25D366));color:var(--ui-whatsapp-text,#10221A);font-weight:700;text-decoration:none;}
.editorial-contact-wa svg{width:1.4rem;height:1.4rem;flex:none;}
:is(.editorial-contact-wa,.editorial-contact-nav,a.editorial-contact-value):focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF);outline-offset:2px;}

@media (max-width:640px){
  .editorial-block.editorial-trust-band{background:var(--block-background-phone,color-mix(in srgb,var(--primary) 8%,var(--paper,#FBF7EF)));padding-block:12px;}
  .editorial-trust-list,.editorial-trust-list[data-look="band"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--block-gap-phone,12px);}
  .editorial-trust-item{justify-content:flex-start;}
  .editorial-trust-list[data-look="row"] .editorial-trust-item{padding:4px 0;}
  .editorial-trust-list[data-look="row"] .editorial-trust-item + .editorial-trust-item{border-inline-start:0;}
  .editorial-trust-list[data-look="band"]{gap:8px 14px;}
  .editorial-trust-list[data-look="cards"] .editorial-trust-item{flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:14px 10px;}
  .editorial-trust-list[data-look="band"] .editorial-trust-item{font-size:.875rem;}
  /* strip and polaroid scroll sideways, a photo at a time; mosaic is two across */
  .editorial-strip-list:is([data-look="strip"],[data-look="polaroid"]){display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
    gap:var(--block-gap-phone,10px);margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;}
  .editorial-strip-list:is([data-look="strip"],[data-look="polaroid"])::-webkit-scrollbar{display:none;}
  .editorial-strip-list:is([data-look="strip"],[data-look="polaroid"]) .editorial-strip-item{flex:0 0 68%;scroll-snap-align:start;}
  .editorial-strip-list[data-look="polaroid"] .editorial-strip-item{flex-basis:62%;}
  .editorial-strip-list[data-look="mosaic"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:var(--block-gap-phone,8px);}
  .editorial-strip-list[data-look="mosaic"] .editorial-strip-item:first-child,.editorial-strip-list[data-look="mosaic"][data-odd] .editorial-strip-item:last-child{grid-column:span 2;grid-row:auto;}
  .editorial-strip-list[data-look="mosaic"] :is(.editorial-strip-item:first-child,[data-odd] .editorial-strip-item:last-child) img{aspect-ratio:16/9;height:auto;}
  .editorial-bigquote-mark{height:2.5rem;font-size:4.5rem;}
  .editorial-contact-card{padding:18px;}
}

/* ---------- the deal ribbon «סרט» (theme.productAppearance.dealStyle) ----------
   The offer's sticker becomes a straight band flush with the photo's right
   edge (the corner the sticker always held), a notch cut into its inner end.
   Its colour stays the offer kind's (sale / bundle / tier), white text. */
html:not([data-a11y-contrast="1"])[data-deal-style="ribbon"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="ribbon"] .deal-tag{
  top:12px;right:0;transform:none;border-radius:0;box-shadow:0 2px 6px rgba(20,25,20,.22);
  display:flex;align-items:baseline;gap:6px;max-width:calc(100% - 26px);padding:5px 12px 5px 18px;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);}
html:not([data-a11y-contrast="1"])[data-deal-style="ribbon"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag .deal-tag-price,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="ribbon"] .deal-tag .deal-tag-price{margin-top:0;}
html:not([data-a11y-contrast="1"])[data-deal-style="ribbon"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .boutique-sale-badge,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="ribbon"] .boutique-sale-badge{
  right:0;border-radius:0;padding-left:18px;padding-right:14px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9px 50%);}

/* ---------- «סרט אלכסוני» (dealStyle "sash"): a 45° band across the photo's
   top-right corner (physically right, the corner the offer always held). Its
   centre sits on the corner's diagonal, 28% of the card in; label and price on
   one line, the ends clipped by the photo (.card-img overflow:hidden). Sizes
   follow the card (cqi of the shopcard container). Colour: the offer kind's. */
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) :is(.deal-tag,.boutique-sale-badge),
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] :is(.deal-tag,.boutique-sale-badge){
  --sash-c:28cqi;top:var(--sash-c);right:calc(var(--sash-c) - 60cqi);left:auto;width:120cqi;max-width:none;
  transform-origin:50% 50%;transform:translateY(-50%) rotate(45deg);border-radius:0;
  display:flex;align-items:baseline;justify-content:center;gap:.35em;padding:5px 0;text-align:center;white-space:nowrap;
  box-shadow:0 3px 8px rgba(20,25,20,.28);font-size:clamp(.6875rem,6cqi,.9375rem);}
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag :is(.deal-tag-label,.deal-tag-price),
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] .deal-tag :is(.deal-tag-label,.deal-tag-price){
  display:inline;margin:0;font-size:inherit;line-height:1.2;white-space:nowrap;}
/* A card price recipe («תג נטוי / ישר / מחיר נקי», product-appearance.css and
   the structures' cards) restyles .price-tag with !important; on an offer the
   sash is the deal style, so it keeps its turn and the offer kind's colour. */
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] .deal-tag{transform:translateY(-50%) rotate(45deg)!important;color:#fff!important;border-radius:0!important;box-shadow:0 3px 8px rgba(20,25,20,.28)!important;}
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag-sale,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] .deal-tag-sale{background:var(--danger,#B93632)!important;}
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag-bundle,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] .deal-tag-bundle{background:var(--ui-qty-plus-bg,var(--accent-deep))!important;}
html:not([data-a11y-contrast="1"])[data-deal-style="sash"] :is(#catalog,#dealsStrip) .card:not([data-deal-style]) .deal-tag-tier,
html:not([data-a11y-contrast="1"]) :is(#catalog,#dealsStrip) .card[data-deal-style="sash"] .deal-tag-tier{background:var(--ui-price-bg,var(--gold,#7A5C24))!important;}

/* ---------- «מסתיים בעוד …» beside the deals strip's title ---------- */
.deals-countdown{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;border-radius:var(--r-chip);
  background:#FBEDEA;background:color-mix(in srgb,var(--danger,#B5452F) 10%,var(--paper,#fff));color:var(--danger,#B5452F);
  font-size:.8125rem;font-weight:700;line-height:1.3;}
.deals-countdown-time{white-space:nowrap;}
.deals-countdown .num{font-variant-numeric:tabular-nums;unicode-bidi:isolate;}
.deals-countdown-ic{display:inline-flex;}
.deals-countdown-ic svg{width:1rem;height:1rem;}
/* «על הכרטיס» (content.dealsCountdownAt "card"): under the product's name. */
.deals-countdown.is-on-card{align-self:center;flex-wrap:wrap;justify-content:center;gap:2px 5px;margin:2px auto 8px;padding:3px 10px;font-size:.75rem;max-width:100%;text-align:center;}
@container shopcard (max-width:200px){
  .deals-countdown.is-on-card{font-size:.6875rem;padding:2px 8px;}
  .deals-countdown.is-on-card .deals-countdown-ic{display:none;}
}

/* ---------- the floating WhatsApp circle with words (checkout.waLabel) ----------
   Pinned bottom-left like .float-wa (theme.css): a pill from that corner,
   the circle's icon at its left end and the words after it. */
.float-wa.has-label{width:auto;padding:0 18px 0 12px;gap:8px;border-radius:999px;flex-direction:row-reverse;}
.float-wa.has-label .float-wa-label{font-weight:700;font-size:.9375rem;white-space:nowrap;}
@media (max-width:480px){ .float-wa.has-label{padding:0 14px 0 10px;} .float-wa.has-label .float-wa-label{font-size:.875rem;} }

/* ---------- Effects D (app/effects.js, docs/THEME.md «Effects»): «מרקם נייר»,
   «דוגמה בקו», «שעות ומשלוחים בפתיחה» and «כתם צבע» shop-wide. Each rule hangs
   on html[data-fx-grain|pattern|blob="on"] or #heroChips, which only those
   choices write; decoration only (pointer-events:none, no text). ---------- */
html[data-fx-grain="on"]{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");}
html[data-fx-grain="on"] body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-image:var(--fx-noise);opacity:.09;mix-blend-mode:var(--fx-grain-blend,multiply);}
html[data-fx-grain="on"] #home .hero-overlay::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--fx-noise);opacity:.22;mix-blend-mode:overlay;}
html[data-layout-hero="split"][data-fx-grain="on"] #home::before{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--fx-noise);opacity:.2;mix-blend-mode:overlay;}
/* the pattern: over the hero's photo and wash, under its words (band, full; not «מודרני», whose glow is that layer), over the split hero's brand colour, and on tinted sections */
html[data-fx-pattern="on"]:is([data-layout-hero="full"],:not([data-layout-hero])) #home:not([data-header="modern"])::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--fx-pattern-hero);}
html[data-layout-hero="split"][data-fx-pattern="on"] #home::after{background:var(--fx-pattern-hero),linear-gradient(160deg,color-mix(in srgb,var(--primary) 82%,#ffffff),var(--primary) 55%,color-mix(in srgb,var(--primary) 72%,#000000));}
html[data-layout-hero="split"][data-fx-pattern="on"][data-fx-hero-glow="glow"] #home::after{background:var(--fx-pattern-hero),
  radial-gradient(40% 55% at 22% 45%,rgba(246,213,138,0.45),transparent 70%),radial-gradient(35% 50% at 8% 90%,color-mix(in srgb,#FFFFFF 35%,transparent),transparent 70%),
  radial-gradient(45% 60% at 95% 0%,rgba(255,255,255,0.16),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--primary) 82%,#ffffff),var(--primary) 55%,color-mix(in srgb,var(--primary) 72%,#000000));}
html[data-fx-pattern="on"] [data-fx-ground="tint"]{background-image:var(--fx-pattern);background-repeat:repeat;}
/* the hero's chips: white on a dark wash, ≥ 4.5:1 over any photo */
.hero-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
html[data-layout-hero="none"] .hero-chips,html[data-layout-hero="split"] #home:has(> #heroBg[style*="url("]) .hero-chips{justify-content:flex-start;}
.hero-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 14px;border-radius:var(--r-chip,999px);background:rgba(14,20,16,0.66);color:#FFFFFF;
  font-size:0.875rem;font-weight:600;line-height:1.3;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22);}
.hero-chip-ic{display:inline-flex;}
.hero-chip-ic svg{width:1rem;height:1rem;}
.hero-chip-dot{width:8px;height:8px;border-radius:50%;background:#7EE29A;flex:none;}
.hero-chip .num{font-variant-numeric:tabular-nums;unicode-bidi:isolate;}
/* «כתם צבע» on the ordinary icon circles too (the big look has its own, theme.css «Effects A») */
html[data-fx-blob="on"] .editorial-why-list:not([data-look="big"]) .editorial-why-icon{position:relative;background:transparent;}
html[data-fx-blob="on"] .editorial-why-list:not([data-look="big"]) .editorial-why-icon svg{position:relative;z-index:1;}
html[data-fx-blob="on"] .editorial-why-list:not([data-look="big"]) .editorial-why-icon::before{content:"";position:absolute;z-index:0;width:135%;height:135%;inset-inline-start:-25%;top:-20%;
  background:color-mix(in srgb,#F6D58A 70%,var(--paper,#FBF7EF));border-radius:58% 42% 63% 37% / 45% 55% 45% 55%;}
html[data-fx-blob="on"] .editorial-why-list:not([data-look="big"]) .editorial-why-item:nth-child(even) .editorial-why-icon::before{border-radius:40% 60% 38% 62% / 60% 40% 60% 40%;
  background:color-mix(in srgb,var(--block-accent,var(--primary)) 18%,var(--paper,#FBF7EF));}