/* Reviews strip + /reviews/ (design "Review Journey" v2, 01.11.2026). */
.wfrs{direction:rtl;color:#303030;font-family:'Assistant',Arial,sans-serif;max-width:1200px;width:100%;margin:0 auto;padding:40px;display:flex;flex-direction:column;gap:20px}
.wfrs *,.wfrs *::before,.wfrs *::after{box-sizing:border-box}
.wfrs__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.wfrs__title{font-size:24px;font-weight:700;line-height:1.3;margin:0;color:#303030}
.wfrs__more{flex:none;font-size:15px;font-weight:600;color:#5c3d7a!important;text-decoration:none}
.wfrs__more:hover{color:#3d2a55!important}
.wfrs__disc{font-size:12px;color:#707070;line-height:1.5}
.wfrs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
/* The reviews page is a collage (designer, round 2): cards keep their own height and stack in columns. */
.wfrs__grid--page{display:block;column-count:3;column-gap:20px}
.wfrs__grid--page .wfrs-card{break-inside:avoid;margin:0 0 20px}
.wfrs-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid #e8e0f0;border-radius:12px;box-shadow:0 2px 8px rgba(92,61,122,.06)}
.wfrs-card--page{box-shadow:none}
.wfrs-card__stars{display:flex;gap:2px;font-size:16px;line-height:1}
.wfrs-card__stars .is-on{color:#5c3d7a}.wfrs-card__stars .is-off{color:#d9d9d9}
.wfrs-card__text{margin:0;font-size:15px;line-height:1.6;text-wrap:pretty}
.wfrs-card__photo{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #e8e0f0}
.wfrs-card__foot{display:flex;align-items:center;gap:10px;margin-top:auto}
.wfrs-card__thumb{flex:none;width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid #e8e0f0}
.wfrs-card__who{display:flex;flex-direction:column;gap:2px}
.wfrs-card__name{font-size:13px;font-weight:700;color:#707070}
.wfrs-card__src{font-size:12px;color:#999}
.wfrs__google{color:#5c3d7a!important;font-weight:600;text-decoration:none;white-space:nowrap}

/* Carousel (Aviram, 02.11.2026): the track runs the full width of the screen, the first card lines up with
   the heading, as many cards as fit, round arrows beside the heading once the row overflows (JS unhides them).
   Full width through 100vw, as the site's other full-width carousels (body has overflow-x:hidden).
   ROUND-CONTROL GUARD on the arrows: fixed equal size, static, never stretched. */
.wfrs__head{align-items:center}
.wfrs__head-end{flex:none;display:flex;align-items:center;gap:16px}
.wfrs__navs{display:flex;gap:8px}
.wfrs__navs[hidden]{display:none}
.wfrs__nav{flex:none;box-sizing:border-box;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;padding:0;margin:0;position:static;inset:auto;border-radius:50%;border:1px solid #d4c4e3;background:#fff;color:#5c3d7a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;line-height:1}
.wfrs__nav:hover:not(:disabled){background:#f3f0ff;border-color:#ab92bf;color:#5c3d7a}
.wfrs__nav:disabled{border-color:#e1e1e1;color:#c4c4c4;background:#fafafa;cursor:default}
.wfrs__nav:focus-visible,.wfrs__track:focus-visible{outline:2px solid #5c3d7a;outline-offset:2px}
/* Full width like the site's other carousels (products, Aviram 02.11.2026): heading, link and first card sit
   one gutter from the screen edge, cards run to the far edge. The same on product pages (100% width there too).
   padding-inline in % is of the section's content width, so 50vw - 50% is exactly where the heading starts. */
.wfrs--carousel{--wfrs-gutter:var(--wfc-gutter,clamp(16px,4vw,22px));width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding:40px var(--wfrs-gutter)}
.wfrs__track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding:4px max(16px,calc(50vw - 50%)) 12px}
.wfrs__track::-webkit-scrollbar{display:none}
.wfrs__track .wfrs-card{flex:0 0 clamp(260px,20.5vw,320px);scroll-snap-align:start}
/* Cards share the row's height, so one long review would stretch them all: six lines, the rest on /reviews/. */
.wfrs__track .wfrs-card__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.wfrs-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wfrs-card__tag{flex:none;font-size:12px;font-weight:600;line-height:1.4;color:#5c3d7a;background:#f3f0ff;border-radius:999px;padding:2px 10px;white-space:nowrap}
/* Product page: the lower column already spaces its sections. Its body has no overflow-x guard, so one is
   added here (clip, not hidden: no scroll container, the sticky gallery keeps working). */
.wfrs--carousel.wfrs--pdp{padding-block:8px}
body:has(.wfrs--pdp){overflow-x:clip}
.wfrs--pdp .wfrs__title{font-size:20px}

/* /reviews/ */
.wfrs--page{gap:24px}
.wfrs__intro{display:flex;flex-direction:column;gap:6px}
.wfrs--page .wfrs__title{font-size:30px}
.wfrs__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;border:1px dashed #d4c4e3;border-radius:12px;background:#faf8fc;text-align:center}
.wfrs__empty p{margin:0;font-size:15px;line-height:1.55;color:#707070}
.wfrs__empty-icon{flex:none;box-sizing:border-box;width:40px;height:40px;min-width:40px;max-width:40px;border-radius:50%;background:#fff;border:1px solid #e8e0f0;color:#ab92bf;display:flex;align-items:center;justify-content:center;font-size:18px}
/* Numbered pages (designer, 01.11.2026): circles 44 (mobile 38), dots 18. ROUND-CONTROL GUARD: fixed equal size, never stretched. */
.wfrs__pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}
.wfrs__pg{flex:none;box-sizing:border-box;width:44px;height:44px;min-width:44px;max-width:44px;border-radius:50%;border:1px solid #e1e1e1;background:#fff;color:#303030!important;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;line-height:1;text-decoration:none}
a.wfrs__pg:hover{border-color:#ab92bf;background:#f3f0ff}
.wfrs__pg.is-current{background:#5c3d7a;border-color:#5c3d7a;color:#fff!important;font-weight:700}
.wfrs__pg--arrow{border-color:#d4c4e3;color:#5c3d7a!important}
.wfrs__pg--arrow.is-off{border-color:#e1e1e1;color:#c4c4c4!important;background:#fafafa}
.wfrs__pg-gap{flex:none;width:18px;text-align:center;color:#707070;font-size:15px}

/* Invites to write a review: compact at the top of /reviews/, large at the bottom (designer, 01.11.2026). */
.wfrs__cta-btn{flex:none;box-sizing:border-box;height:44px;padding:0 24px;border-radius:8px;border:1px solid #5c3d7a;background:#5c3d7a;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer}
.wfrs__cta-btn:hover{background:#3d2a55;border-color:#3d2a55}
.wfrs__cta-btn--lg{height:52px;min-width:260px;font-size:17px}
.wfrs__cta-btn--ghost{height:40px;padding:0 16px;background:#fff;color:#5c3d7a!important}
.wfrs__cta-btn--ghost:hover{background:#f3f0ff;border-color:#5c3d7a}
.wfrs__cta-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:#f3f0ff;border:1px solid #e8e0f0;border-radius:12px}
.wfrs__cta-top-text{display:flex;flex-direction:column;gap:2px}
.wfrs__cta-top-title{font-size:18px;font-weight:700}
.wfrs__cta-top-desc{font-size:14px;color:#707070}
.wfrs__cta-bottom{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:56px 40px;background:linear-gradient(135deg,#efeafb,#fff);border:1px solid #e8e0f0;border-radius:12px}
.wfrs__cta-icon{flex:none;box-sizing:border-box;width:56px;height:56px;min-width:56px;max-width:56px;border-radius:50%;background:#fff;border:1px solid #e8e0f0;color:#5c3d7a;display:flex;align-items:center;justify-content:center;font-size:24px}
.wfrs__cta-bottom-text{display:flex;flex-direction:column;gap:8px;max-width:560px}
.wfrs__cta-bottom-title{font-size:30px;font-weight:700;line-height:1.3}
.wfrs__cta-bottom-desc{font-size:16px;line-height:1.6;color:#707070;text-wrap:pretty}

/* The product picture when the customer added none: small, framed and captioned, never like a customer photo (02.11.2026). */
.wfrs-prod{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#faf8fc;border:1px solid #efe9f5;color:#303030!important;text-decoration:none}
a.wfrs-prod:hover{border-color:#d4c4e3}
.wfrs-prod__img{flex:none;box-sizing:border-box;width:56px;height:56px;border-radius:6px;object-fit:cover;background:#fff;border:1px solid #e8e0f0}
.wfrs-card--strip .wfrs-prod__img{width:40px;height:40px}
.wfrs-prod__text{font-size:13px;line-height:1.4;min-width:0}
.wfrs-prod__label{color:#707070}
.wfrs-prod__name{font-weight:600}
a.wfrs-prod .wfrs-prod__name{color:#5c3d7a}

/* Above the site footer on every page but cart, checkout, thank-you and the review pages (01.11.2026). */
.wfrb{direction:rtl;font-family:'Assistant',Arial,sans-serif;color:#303030;background:#f3f0ff;border-top:1px solid #e8e0f0;padding:48px 40px}
.wfrb *,.wfrb *::before,.wfrb *::after{box-sizing:border-box}
.wfrb__in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center}
.wfrb__in--solo{grid-template-columns:minmax(0,1fr)}
.wfrb__main{display:flex;flex-direction:column;gap:20px}
.wfrb__text{display:flex;flex-direction:column;gap:8px}
.wfrb__title{margin:0;font-size:28px;font-weight:700;line-height:1.3;color:#303030}
.wfrb__desc{margin:0;font-size:16px;line-height:1.6;color:#707070;max-width:520px}
.wfrb__actions{display:flex;align-items:center;gap:24px}
.wfrb__actions .wfrs__cta-btn--lg{min-width:220px}
.wfrb__proof{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid #e8e0f0;border-radius:12px;box-shadow:0 2px 8px rgba(92,61,122,.06)}
.wfrb__score{display:flex;align-items:center;gap:8px}
.wfrb__avg{font-size:14px;font-weight:700}
.wfrb__count{font-size:14px;color:#707070}
.wfrb__quotes{min-height:72px}
.wfrb__quote{margin:0;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s}
.wfrb__quote.is-on{opacity:1}
.wfrb__quote[hidden],.wfrp-row[hidden]{display:none}
.wfrb__q{margin:0;padding:0;border:0;font-size:15px;line-height:1.6;font-style:normal;text-wrap:pretty;color:#303030}
.wfrb__dots{display:flex;gap:6px}
.wfrb__dots span{flex:none;width:6px;height:6px;border-radius:999px;background:#d4c4e3;transition:width .2s}
.wfrb__dots span.is-on{width:16px;background:#ab92bf}

/* /reviews/write/: which order to review (designer, 01.11.2026). */
.wfrp{direction:rtl;font-family:'Assistant',Arial,sans-serif;color:#303030;max-width:760px;width:100%;margin:0 auto;padding:48px 24px 80px}
.wfrp *,.wfrp *::before,.wfrp *::after{box-sizing:border-box}
.wfrp__title{margin:0;font-size:30px;font-weight:700;line-height:1.3;color:#303030;text-wrap:balance}
.wfrp__desc{margin:0;font-size:16px;line-height:1.55;color:#707070;text-wrap:pretty}
.wfrp-state{max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:48px 0}
.wfrp-state__text{display:flex;flex-direction:column;gap:8px}
.wfrp-state__icon{flex:none;box-sizing:border-box;width:64px;height:64px;min-width:64px;max-width:64px;border-radius:50%;background:#f3f0ff;color:#5c3d7a;display:flex;align-items:center;justify-content:center}
.wfrp-list{display:flex;flex-direction:column;gap:24px}
.wfrp-list__head{display:flex;flex-direction:column;gap:6px}
.wfrp-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.wfrp-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #e8e0f0;border-radius:12px;background:#fff;margin:0}
.wfrp-row.is-done{border-color:#e1e1e1;background:#fafafa}
.wfrp-row__img{flex:none;box-sizing:border-box;width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid #e8e0f0;background:#f3f0ff}
.wfrp-row__img--empty{display:flex;align-items:center;justify-content:center;color:#ab92bf}
.wfrp-row__body{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.wfrp-row__info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.wfrp-row__name{font-size:17px;font-weight:700;line-height:1.35}
.wfrp-row__more{font-weight:400;color:#707070;font-size:14px}
.wfrp-row__when{font-size:14px;color:#303030}
.wfrp-row__gift{display:flex;align-items:center;gap:6px;font-size:14px;color:#707070}
.wfrp-row__gift svg{flex:none}
.wfrp-row__num{font-size:12px;color:#999}
.wfrp-row__act{flex:none;display:flex}
.wfrp-row__tag{flex:none;height:32px;padding:0 12px;border-radius:999px;background:#f3f0ff;color:#5c3d7a;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:600}
.wfrp-list__foot{display:flex;justify-content:center}
.wfrp-list__moreBtn{height:48px}

@media (max-width:900px){.wfrs__grid--page{column-count:2}}
@media (max-width:767px){
  .wfrs{padding:24px 0;gap:14px}
  .wfrs__head,.wfrs__disc{padding:0 16px}
  .wfrs__title{font-size:20px}
  .wfrs__more{font-size:14px}
  .wfrs__grid{display:flex;gap:12px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x mandatory;scroll-padding-inline:16px}
  .wfrs__grid .wfrs-card{flex:0 0 280px;padding:16px;gap:10px;scroll-snap-align:start}
  .wfrs__track{gap:12px;padding:4px calc(50vw - 50% + 16px) 8px;scroll-snap-type:x mandatory;scroll-padding-inline:16px}
  .wfrs--carousel .wfrs__head{gap:10px}
  .wfrs--carousel .wfrs__title{font-size:18px;min-width:0}
  .wfrs--carousel .wfrs__more{font-size:13px}
  .wfrs__track .wfrs-card{flex:0 0 280px;padding:16px;gap:10px}
  .wfrs__head-end{gap:10px}
  .wfrs__navs{display:none}
  .wfrs-card__stars{font-size:15px}
  .wfrs--page{padding:24px 16px;gap:16px}
  .wfrs--page .wfrs__title{font-size:24px}
  .wfrs--page .wfrs__disc{padding:0}
  .wfrs__grid--page{display:flex;flex-direction:column;overflow:visible;padding:0}
  .wfrs__grid--page .wfrs-card{flex:none;margin:0}
  .wfrs__pager{gap:4px;padding:8px 0}
  .wfrs__pg{width:38px;height:38px;min-width:38px;max-width:38px}
  .wfrs__cta-top{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  .wfrs__cta-top-title{font-size:17px}
  .wfrs__cta-bottom{gap:16px;padding:32px 20px}
  .wfrs__cta-icon{width:48px;height:48px;min-width:48px;max-width:48px;font-size:20px}
  .wfrs__cta-bottom-title{font-size:24px}
  .wfrs__cta-bottom-desc{font-size:15px}
  .wfrs__cta-bottom .wfrs__cta-btn--lg{align-self:stretch;min-width:0;height:48px;font-size:16px}
  .wfrb{padding:28px 16px}
  .wfrb__in{grid-template-columns:minmax(0,1fr);gap:16px}
  .wfrb__main{display:contents}
  .wfrb__text{order:1;gap:6px}
  .wfrb__title{font-size:22px}
  .wfrb__desc{font-size:15px}
  .wfrb__proof{order:2;padding:16px}
  .wfrb__actions{order:3;flex-direction:column;gap:12px}
  .wfrb__actions .wfrs__cta-btn--lg{align-self:stretch;min-width:0;height:48px;font-size:16px}
  .wfrp{padding:24px 16px 40px}
  .wfrp__title{font-size:24px}
  .wfrp__desc{font-size:15px}
  .wfrp-state{padding:32px 0}
  .wfrp-state__icon{width:56px;height:56px;min-width:56px;max-width:56px}
  .wfrp-state__btn{align-self:stretch;min-width:0;height:48px;font-size:16px}
  .wfrp-rows{gap:10px}
  .wfrp-row{align-items:flex-start;gap:12px;padding:14px}
  .wfrp-row__img{width:56px;height:56px}
  .wfrp-row__body{flex-direction:column;align-items:flex-start;gap:10px}
  .wfrp-row__name{font-size:16px}
  .wfrp-list__moreBtn{align-self:stretch;width:100%}
}