/* Home hero: one compact card, three original templates, tilted photos with captions */
.trends{padding:6px 0 4px}
.trends[hidden]{display:none}
.trend-slide{padding:12px 12px 14px;border-radius:24px;border:1px solid #9853c75c;background:linear-gradient(155deg,#2a1260,#6a2fc0 58%,#c9459b);color:#fff;box-shadow:0 12px 30px #4b1d8a40}
.trend-head{display:flex;align-items:baseline;gap:8px;margin:0 2px 10px}
.trend-head b{font-size:16px}
.trend-head span{font-size:11px;opacity:.8}
.trend-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trend-item{display:flex;flex-direction:column;gap:2px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;min-width:0}
.trend-photo{position:relative;display:block;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#1b1426;box-shadow:0 8px 18px #12061f80;border:2px solid #ffffffd9;transition:transform .25s}
.trend-item:nth-child(1) .trend-photo{transform:rotate(-5deg)}.trend-item:nth-child(2) .trend-photo{transform:rotate(4deg) translateY(4px)}.trend-item:nth-child(3) .trend-photo{transform:rotate(-3deg)}
.trend-item:active .trend-photo{transform:rotate(0) scale(1.03)}
.trend-item{padding-top:6px}
.trend-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.trend-uses{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:999px;background:#12061fb3;backdrop-filter:blur(6px);font-size:10px;font-weight:700;line-height:1.4}
.trend-item b{margin-top:5px;font-size:12.5px;line-height:1.15;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trend-item small{font-size:10.5px;line-height:1.25;opacity:.8}
.trends-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.trends-dots button{width:6px;height:6px;padding:0;min-height:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--accent,#924bfa) 35%,transparent)}
.trends-dots button[aria-current=true]{width:20px;border-radius:6px;background:var(--accent,#924bfa)}
@media(max-width:340px){.trend-item b{font-size:11.5px}.trend-uses{font-size:9.5px}}

/* photo pops out on tap */
.trend-pop{border:0;padding:0;background:transparent;max-width:min(92vw,420px);width:100%;color:#fff;overflow:hidden;box-sizing:border-box;padding:6px 0 0}
.trend-pop::backdrop{background:#0c0418d9;backdrop-filter:blur(6px)}
.trend-pop[open]{animation:trend-pop .26s cubic-bezier(.2,.9,.3,1.2)}
@keyframes trend-pop{from{transform:scale(.7) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.trend-pop-fig{margin:0;border-radius:24px;overflow:hidden;background:#1b1426;box-shadow:0 20px 50px #000a;border:2px solid #ffffffd9}
.trend-pop-fig img{display:block;width:100%;max-height:68vh;max-height:68dvh;object-fit:cover}
.trend-pop-fig figcaption{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:linear-gradient(#1b1426,#2a1260)}
.trend-pop-fig figcaption b{font-size:18px}.trend-pop-fig figcaption small{font-size:12.5px;opacity:.8}
.trend-pop-x{position:absolute;top:10px;right:8px;z-index:2;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #ffffff55;background:#12061fcc;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.trend-pop-go{display:block;width:100%;margin-top:12px;min-height:46px;border-radius:999px!important}

/* photo categories: one swipeable row instead of many wrapped rows */
#filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:4px;margin-right:-16px;padding-right:16px;scroll-snap-type:x proximity}
#filters::-webkit-scrollbar{display:none}
#filters button{flex:none;white-space:nowrap;scroll-snap-align:start}

/* «Тренды недели»: two tilted photos per slide, captions on the photos */
.trends-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:24px}
.trends-rail::-webkit-scrollbar{display:none}
.trends-rail .trend-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.trend-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 6px 4px}
.trend-photo2{position:relative;display:block;aspect-ratio:3/4;padding:0;border:2px solid #ffffffd9;border-radius:18px;overflow:hidden;background:#1b1426;box-shadow:0 10px 22px #12061f80;cursor:pointer;transition:transform .25s}
.trend-pair .trend-photo2:nth-child(1){transform:rotate(-4deg)}
.trend-pair .trend-photo2:nth-child(2){transform:rotate(3deg) translateY(4px)}
.trend-photo2:active{transform:rotate(0) scale(1.03)!important}
.trend-photo2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trend-photo2::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 45%,#12061fe6)}
.trend-cap2{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;display:flex;flex-direction:column;gap:2px;color:#fff;text-align:left}
.trend-cap2 b{font-size:14px;line-height:1.15;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trend-cap2 small{font-size:11px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Помощник убран из приложения */
.section-switch,#assistantPage{display:none!important}