.trend-page{--trend-navy:#1a2744;--trend-cream:#f7f3eb;--trend-gold:#c4a35a;--trend-ink:#0f1729;--trend-muted:#5c6478;overflow-x:hidden}.trend-page-shell{width:100%;max-width:none;padding:clamp(1.25rem,2.2vw,2.5rem) clamp(.5rem,1.2vw,1.5rem) 3rem}.dark .trend-page{--trend-cream:#12151c;--trend-ink:#f2efe8;--trend-muted:#9ca3b0}.trend-stack{gap:1rem;width:100%;display:grid}.trend-section{border:1px solid color-mix(in srgb,var(--trend-gold)18%,transparent);background:radial-gradient(ellipse 80% 40% at 20% 0%,color-mix(in srgb,var(--trend-gold)10%,transparent),transparent),linear-gradient(180deg,color-mix(in srgb,var(--trend-gold)4%,var(--app-surface-raised)),var(--app-surface-raised));isolation:isolate;border-radius:1.1rem;padding:1.25rem 0;position:relative;overflow:hidden}.trend-section:before{content:"";z-index:0;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--trend-gold)14%,transparent),transparent 55%);pointer-events:none;animation:14s linear infinite trend-bg-drift;position:absolute;inset:-20% -10%}.trend-section+.trend-section{border-top:1px solid color-mix(in srgb,var(--trend-gold)14%,transparent)}.trend-section--sales{background:color-mix(in srgb,var(--trend-gold)5%,transparent)}.trend-section--trending{background:color-mix(in srgb,var(--trend-navy)4%,transparent)}.trend-section--deals{background:#b423180a}.trend-section--featured{background:color-mix(in srgb,var(--trend-gold)7%,transparent)}.trend-section-header{z-index:1;margin-bottom:1.25rem;position:relative}.trend-section-content{z-index:1;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.trend-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--trend-gold);font-size:.75rem;font-weight:600}.trend-section-title{font-family:var(--font-serif);color:var(--trend-ink);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15}.trend-btn-outline{color:var(--trend-ink);border:1.5px solid color-mix(in srgb,var(--trend-gold)40%,transparent);border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.trend-btn-outline:hover{background:color-mix(in srgb,var(--trend-gold)12%,transparent);border-color:var(--trend-gold)}.trend-btn-primary{color:var(--trend-navy);background:var(--trend-gold);border:1px solid color-mix(in srgb,var(--trend-gold)70%,var(--trend-navy));border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.trend-btn-primary:hover{background:#d4b36a;transform:translateY(-2px)}.trend-marquee{pointer-events:none;width:100%;padding:.5rem 0 .95rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.trend-marquee-viewport{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;pointer-events:auto;overflow:auto hidden}.trend-marquee-viewport::-webkit-scrollbar{display:none}.trend-marquee-nav{z-index:8;border:1px solid color-mix(in srgb,var(--trend-gold)26%,transparent);background:color-mix(in srgb,var(--app-surface-raised)88%,transparent);width:2.5rem;height:2.5rem;color:var(--trend-ink);box-shadow:0 16px 30px -24px color-mix(in srgb,var(--trend-navy)40%,transparent);opacity:.92;pointer-events:auto;cursor:pointer;border-radius:9999px;place-items:center;transition:transform .15s,background .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.trend-marquee-nav:hover{background:color-mix(in srgb,var(--trend-gold)10%,var(--app-surface-raised));opacity:1;transform:translateY(-50%)scale(1.03)}.trend-marquee-nav:active{transform:translateY(-50%)scale(.98)}.trend-marquee-nav--left{left:.5rem}.trend-marquee-nav--right{right:.5rem}.trend-marquee-track{will-change:transform;align-items:center;gap:clamp(.85rem,1.4vw,1.25rem);width:max-content;padding:.5rem .35rem;display:flex}.trend-marquee-track--sales .trend-card:nth-child(5n+1){width:clamp(12rem,14vw,13rem)}.trend-marquee-track--sales .trend-card:nth-child(5n+2){width:clamp(14.25rem,16vw,15.5rem)}.trend-marquee-track--sales .trend-card:nth-child(5n+3){width:clamp(13rem,15vw,14.25rem)}.trend-marquee-track--sales .trend-card:nth-child(5n+4){width:clamp(15rem,17vw,16.2rem)}.trend-marquee-track--sales .trend-card:nth-child(5n+5){width:clamp(12.5rem,14.2vw,13.75rem)}.trend-marquee-track--trending .trend-card:nth-child(4n+1){width:clamp(15.25rem,17vw,16.5rem)}.trend-marquee-track--trending .trend-card:nth-child(4n+2){width:clamp(12rem,13.8vw,13rem)}.trend-marquee-track--trending .trend-card:nth-child(4n+3){width:clamp(13.5rem,15.2vw,14.5rem)}.trend-marquee-track--trending .trend-card:nth-child(4n+4){width:clamp(11.75rem,13.2vw,12.6rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+1){width:clamp(12.2rem,14.2vw,13.2rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+2){width:clamp(13.4rem,15.2vw,14.5rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+3){width:clamp(11.8rem,13.6vw,12.8rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+4){width:clamp(14.5rem,16.6vw,15.7rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+5){width:clamp(12.7rem,14.6vw,13.9rem)}.trend-marquee-track--deals .trend-card:nth-child(6n+6){width:clamp(11.7rem,13.4vw,12.5rem)}.trend-marquee-track--featured .trend-card:nth-child(3n+1){width:clamp(13.2rem,15.6vw,14.5rem)}.trend-marquee-track--featured .trend-card:nth-child(3n+2){width:clamp(15.8rem,18vw,17rem)}.trend-marquee-track--featured .trend-card:nth-child(3n+3){width:clamp(12.6rem,14.6vw,13.8rem)}.trend-card--sales{transform:rotate(calc(-5deg + (var(--card-index,0)*1.5deg)))translateY(calc((var(--card-index,0)%3)*1.2px - 1.2px));animation:6.2s cubic-bezier(.22,1,.36,1) infinite trend-fan-bob;animation-delay:calc(var(--card-index,0)*-.65s)}.trend-card--sales .trend-card-inner{box-shadow:0 5px 0 color-mix(in srgb,var(--trend-navy)10%,transparent),0 20px 40px -22px color-mix(in srgb,var(--trend-navy)35%,transparent);transform:rotateY(-8deg)rotateX(5deg)}.trend-card--trending{animation:4.4s cubic-bezier(.22,1,.36,1) infinite trend-wave-y;animation-delay:calc(var(--card-index,0)*-.35s)}.trend-card--trending .trend-card-inner{border-color:color-mix(in srgb,var(--trend-gold)30%,transparent);transform:skewY(-1deg)}.trend-card--deals{animation:3.2s cubic-bezier(.22,1,.36,1) infinite trend-deal-pop;animation-delay:calc(var(--card-index,0)*-.25s)}.trend-card--deals .trend-card-inner{border-color:color-mix(in srgb,#b42318 25%,var(--trend-gold))}.trend-card--deals .trend-card-badge{color:#fff;background:#b42318;border-color:#8b1c14;animation:2s ease-in-out infinite trend-badge-glow}.trend-card--featured{perspective:1000px}.trend-card--featured .trend-card-inner{animation:9.5s cubic-bezier(.22,1,.36,1) infinite trend-sway-3d;animation-delay:calc(var(--card-index,0)*-.8s);box-shadow:0 24px 48px -28px color-mix(in srgb,var(--trend-gold)40%,transparent)}.trend-card-inner:after{content:"";opacity:0;will-change:opacity,transform;pointer-events:none;background:linear-gradient(110deg,#0000,#ffffff70,#0000);width:45%;height:320%;transition:opacity .35s;position:absolute;inset:-160% auto auto -55%;transform:rotate(14deg)}.trend-card-link:hover .trend-card-inner:after{opacity:.5;animation:.95s trend-card-glint}@keyframes trend-fan-bob{0%,to{translate:0}50%{translate:1px -1.5px}}@keyframes trend-wave-y{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-2.5px)rotate(-.3deg)}75%{transform:translateY(2px)rotate(.3deg)}}@keyframes trend-deal-pop{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes trend-badge-glow{0%,to{box-shadow:0 0 #b4231866}50%{box-shadow:0 0 12px 2px #b4231859}}@keyframes trend-sway-3d{0%,to{transform:rotateY(-7deg)rotateX(3deg)}50%{transform:rotateY(7deg)rotateX(-2deg)}}@keyframes trend-card-glint{0%{transform:translate(-15%)rotate(14deg)}to{transform:translate(300%)rotate(14deg)}}@keyframes trend-bg-drift{0%{transform:translate(-2%)translateY(-1%)rotate(0)}50%{transform:translate(2%)translateY(1%)rotate(.4deg)}to{transform:translate(-2%)translateY(-1%)rotate(0)}}.trend-card-link{color:inherit;flex-shrink:0;text-decoration:none;display:block}.trend-card{flex-shrink:0;transition:transform .3s,z-index}.trend-card-link:hover .trend-card,.trend-card:hover{z-index:10;animation-play-state:paused;transform:scale(1.02)translateY(-2px)!important}.trend-card-inner{border:1px solid color-mix(in srgb,var(--trend-gold)22%,transparent);background:linear-gradient(160deg,var(--app-surface-raised),color-mix(in srgb,var(--trend-cream)40%,var(--app-surface-raised)));border-radius:1rem;transition:box-shadow .3s;position:relative;overflow:hidden}.dark .trend-card-inner{background:linear-gradient(160deg,#1e2738,#161d2b)}.trend-card-link:hover .trend-card-inner{box-shadow:0 20px 44px -20px color-mix(in srgb,var(--trend-navy)38%,transparent)}.trend-card-badge{z-index:2;letter-spacing:.05em;text-transform:uppercase;color:var(--trend-navy);background:var(--trend-gold);border:1px solid color-mix(in srgb,var(--trend-gold)60%,var(--trend-navy));border-radius:9999px;padding:.15rem .45rem;font-size:.6rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}.trend-card-image{aspect-ratio:4/3;background:color-mix(in srgb,var(--trend-cream)60%,var(--trend-gold));justify-content:center;align-items:center;display:flex;overflow:hidden}.trend-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.trend-card-link:hover .trend-card-image img{transform:scale(1.04)}.trend-card-body{padding:.65rem .85rem .8rem}.trend-card-category{letter-spacing:.14em;text-transform:uppercase;color:var(--trend-gold);font-size:.6rem;font-weight:600}.trend-card-title{font-family:var(--font-serif);color:var(--trend-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.3rem;font-size:.95rem;line-height:1.3;display:-webkit-box;overflow:hidden}.trend-card-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.trend-card-price{color:var(--trend-navy);font-size:.875rem;font-weight:700}.dark .trend-card-price{color:var(--trend-gold)}.trend-card-rating{color:var(--trend-muted);align-items:center;gap:.2rem;font-size:.72rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.trend-marquee-track,.trend-card,.trend-card-inner,.trend-card-badge{transition:none!important;animation:none!important;transform:none!important}}@media (max-width:767px){.trend-page-shell{padding-left:.5rem;padding-right:.5rem}.trend-marquee-nav{width:2.25rem;height:2.25rem}}