/* "For you" hub + home teaser (SPEC §21.5). Loaded render-blocking on /for-you, injected by foryou.js on home. */
.fy-pagehead{padding-block:4px 16px}
.fy-pagehead .h1{display:flex;align-items:center;gap:10px;margin-block-end:6px}
.fy-visitor{margin-bottom:16px}
.fy-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;padding-bottom:12px}
.fy-card{--tone:var(--sh-primary);--tone-soft:var(--sh-primary-soft);position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 14px 14px 16px;background:var(--sh-surface);border:1px solid var(--sh-line);border-radius:var(--sh-radius);box-shadow:var(--sh-shadow-1);transition:box-shadow var(--base),opacity var(--fast),transform var(--fast)}
.fy-card:hover{box-shadow:var(--sh-shadow-2)}
.fy-card:focus-within{border-color:var(--sh-line-2)}
.fy-tone-rose{--tone:var(--sh-rose);--tone-soft:var(--sh-rose-soft)}
.fy-tone-brass{--tone:#8A5A00;--tone-soft:var(--sh-accent-soft)}
.fy-tone-blue{--tone:var(--sh-info);--tone-soft:#E8F1FA}
.fy-urgent{border-color:var(--sh-line-2)}
.fy-out{opacity:0;transform:scale(.97)}
.fy-head{display:flex;align-items:center;gap:10px;min-height:44px;margin-block:-6px -4px}
.fy-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--tone-soft);color:var(--tone)}
.fy-kind{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1;min-width:0;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--tone)}
:root[lang=ar] .fy-kind{letter-spacing:0}
.fy-pill{display:inline-flex;align-items:center;height:20px;padding-inline:8px;border-radius:999px;background:var(--tone);color:#fff;font-size:11px;font-weight:700}
.fy-x{position:relative;z-index:2;display:grid;place-items:center;flex:none;width:44px;height:44px;margin-inline-end:-8px;border-radius:50%;color:var(--sh-ink-3);transition:background var(--fast),color var(--fast)}
.fy-x:hover{background:var(--sh-surface-2);color:var(--sh-ink)}
.fy-title{font-size:17px;font-weight:700;line-height:1.35;color:var(--sh-ink)}
:root[lang=ar] .fy-title{line-height:1.55}
.fy-link::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit}
.fy-link:hover{color:var(--sh-primary)}
.fy-link:focus-visible{outline:0}
.fy-link:focus-visible::after{outline:3px solid color-mix(in srgb,var(--sh-primary) 55%,transparent);outline-offset:2px}
.fy-body{font-size:14px;line-height:1.55;color:var(--sh-ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fy-prod{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border-radius:12px;background:var(--sh-surface-2)}
.fy-prod img,.fy-thumbs img{flex:none;border-radius:10px;object-fit:cover;background:#fff}
.fy-prod-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.fy-prod-t{font-size:13.5px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fy-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.fy-price .price-now{font-size:15px}
.fy-thumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fy-th{position:relative;z-index:1;display:block;border-radius:10px;transition:transform var(--fast)}
.fy-th:hover{transform:translateY(-2px)}
.fy-more{font-size:13px;font-weight:600;color:var(--sh-ink-2);padding-inline:4px}
.fy-img img{display:block;width:88px;height:88px;object-fit:cover;border-radius:12px;background:var(--sh-surface-2)}
.fy-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:auto}
.fy-foot:empty{display:none}
.fy-foot .btn{position:relative;z-index:1;min-height:44px;padding-inline:16px}
.fy-foot .btn .ic{width:16px;height:16px}
.fy-exp{font-size:12.5px;color:var(--sh-ink-3)}
.fy-skel{min-height:190px}
.fy-empty{grid-column:1/-1}
/* Home teaser: 3 compact cards; swipe strip on phones, a row of 3 from 900px */
.fy-teaser-host:empty{display:none}
.fy-teaser{padding-block:20px 4px}
.fy-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,340px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);scroll-padding-inline:var(--gut);padding-bottom:6px}
.fy-strip::-webkit-scrollbar{display:none}
.fy-strip>.fy-card{scroll-snap-align:start}
.fy-compact{gap:8px}
.fy-compact .fy-title{font-size:16px}
.fy-compact .fy-body{-webkit-line-clamp:2}
@media (min-width:900px){
  .fy-grid{gap:16px}
  .fy-grid>.fy-card:first-child:not(.fy-skel){grid-column:span 2}
  .fy-strip{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;gap:16px}
  .fy-teaser{padding-block:28px 4px}
}
@media (min-width:1600px){.fy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.fy-card,.fy-th{transition:none}}