/* Tarza göre keşfet — petite transparent cups standing directly on the page.
   Mobile: 5 columns, so 13-14 styles never exceed 3 rows. Desktop: 7 columns / 2 rows. */
.style-discovery{--sd-ink:#3f2633;--sd-berry:#8d164c;--sd-muted:#7b6670}
.style-discovery .style-discovery__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;column-gap:4px;row-gap:10px}
.style-discovery .style-discovery__list>li{min-width:0;flex:0 0 calc((100% - 16px)/5)}
.style-discovery .style-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;height:100%;min-height:44px;box-sizing:border-box;padding:4px 2px 6px;margin:0;border:0;border-radius:12px;background:none;box-shadow:none;color:var(--sd-ink);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;transition:color .18s}
.style-discovery .style-tile::before,.style-discovery .style-tile::after,
.style-discovery .style-tile__img::before,.style-discovery .style-tile__img::after{content:none;display:none}
.style-discovery .style-tile__img{display:block;width:100%;max-width:60px;aspect-ratio:1/1;max-height:none;margin:0 auto;overflow:visible;background:none}
.style-discovery .style-tile__img img.style-cup{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:0;background:none;mix-blend-mode:normal;filter:none;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.style-discovery .style-tile__copy{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15;min-width:0;max-width:100%}
.style-discovery .style-tile__copy strong{font-size:11.5px;font-weight:700;letter-spacing:-.01em;color:inherit;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.style-discovery .style-tile__copy small{font-size:10px;color:var(--sd-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(hover:hover){
  .style-discovery .style-tile:hover{color:var(--sd-berry);transform:none;box-shadow:none}
  .style-discovery .style-tile:hover img.style-cup{transform:translateY(-2px)}
}
.style-discovery .style-tile:focus-visible{outline:2px solid #b65a80;outline-offset:1px;color:var(--sd-berry)}
.style-discovery .style-tile:active{transform:none}
.style-discovery .style-tile:active img.style-cup{transform:scale(.94)}
@media(max-width:360px){
  .style-discovery .style-discovery__list{column-gap:2px}
  .style-discovery .style-discovery__list>li{flex-basis:calc((100% - 8px)/5)}
  .style-discovery .style-tile__img{max-width:52px}
  .style-discovery .style-tile__copy strong{font-size:10.5px}
  .style-discovery .style-tile__copy small{font-size:9.5px}
}
@media(min-width:640px){
  .style-discovery .style-discovery__list{column-gap:10px;row-gap:14px}
  .style-discovery .style-discovery__list>li{flex-basis:calc((100% - 40px)/5)}
  .style-discovery .style-tile__img{max-width:76px}
  .style-discovery .style-tile__copy strong{font-size:13px}
  .style-discovery .style-tile__copy small{font-size:11px}
}
@media(min-width:900px){
  .style-discovery .style-discovery__list{column-gap:14px}
  .style-discovery .style-discovery__list>li{flex-basis:calc((100% - 84px)/7)}
  .style-discovery .style-tile__img{max-width:88px}
  .style-discovery .style-tile__copy strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .style-discovery .style-tile,.style-discovery .style-tile img.style-cup{transition:none}
  .style-discovery .style-tile:hover img.style-cup,.style-discovery .style-tile:active img.style-cup{transform:none}
}