.q-list{display:flex;flex-direction:column;gap:16px}.q-list.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@container q-results (min-width: 600px){.q-list.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container q-results (min-width: 880px){.q-list.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:box-shadow .15s,border-color .15s}.tr:hover{box-shadow:var(--shadow-md);border-color:transparent}.tr .media{position:relative;aspect-ratio:16/10;background:var(--cream)}.tr .photo{position:absolute;inset:0;display:block}.tr .photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tr .off{position:absolute;top:12px;left:12px;height:26px;padding:0 10px;border-radius:999px;background:var(--magenta);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center}.tr .heart{width:38px;height:38px;padding:0;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.tr .map{position:absolute;right:12px;bottom:12px;width:42%;aspect-ratio:4/3;border-radius:10px;border:3px solid #fff;box-shadow:var(--shadow-md);background:#cfe6f6;overflow:hidden}.tr .map>div,.tr .map>div>img,.tr .map>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tr .map .btn-map{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);min-height:22px;padding:3px 7px;border:0;border-radius:11px;background:hsla(0,0%,100%,.95);color:var(--ink);font-size:10.5px;font-weight:600;line-height:1.15;white-space:normal;text-align:left;display:inline-flex;align-items:center;gap:4px}.tr .map .btn-map svg{width:11px;height:11px}.tr .body{padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.tr .tags{display:flex;gap:6px;flex-wrap:wrap}.tr .tags span{height:24px;padding:0 10px;border-radius:999px;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:600;color:var(--ink-muted);display:inline-flex;align-items:center}.tr h2{font-family:var(--font-body,sans-serif);font-size:18.5px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin:0}.tr h2 a{color:var(--ink);text-decoration:none}.tr h2 a:hover{color:var(--magenta-dark)}.tr .rate{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-muted)}.tr .rate b{color:var(--ink)}.tr .rate .star{color:var(--gold)}.tr .rate .code:not(:first-child){margin-left:4px;padding-left:10px;border-left:1px solid var(--line-strong)}.tr .rate .code{font-size:12.5px;letter-spacing:.03em}.tr .facts{display:grid;grid-template-columns:20px 92px minmax(0,1fr);gap:6px 8px;font-size:13px;line-height:1.45;margin:4px 0 0}.tr .facts svg{color:var(--magenta);margin-top:2px}.tr .facts dt{color:var(--ink-muted);font-weight:400}.tr .facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.tr .side{padding:14px 16px 16px;border-top:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column;gap:6px}.tr .dur{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--magenta-50);color:var(--magenta-darker);font-size:13px;font-weight:700}.tr .from{font-size:12.5px;color:var(--ink-muted)}.tr .amt{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.tr .amt small{font-size:13px;font-weight:500;color:var(--ink-muted);letter-spacing:0}.tr .save{font-size:12.5px;color:#24704a;font-weight:600}.tr .local{font-size:12px;color:var(--ink-muted)}.tr .btns{display:flex;flex-direction:column;gap:8px;margin-top:8px}.q-list.grid .tr .media{aspect-ratio:4/3}.q-list.grid .tr h2{font-size:16px}.q-list.grid .tr .side{background:#fff}@container q-results (min-width: 560px){.q-list:not(.grid) .tr{grid-template-columns:240px minmax(0,1fr)}.q-list:not(.grid) .tr .media{aspect-ratio:auto;min-height:220px}.q-list:not(.grid) .tr .side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px}.q-list:not(.grid) .tr .btns{flex-direction:row;flex:1 1 340px;margin:0}.q-list:not(.grid) .tr .btns .q-btn.sec{flex:none}.q-list:not(.grid) .tr .btns .q-btn.pri{flex:1 1 auto}}@container q-results (min-width: 880px){.q-list:not(.grid) .tr{grid-template-columns:300px minmax(0,1fr) 230px}.q-list:not(.grid) .tr .media{min-height:240px}.q-list:not(.grid) .tr .body{padding:18px 22px}.q-list:not(.grid) .tr .facts{grid-template-columns:22px 104px minmax(0,1fr);font-size:13.5px}.q-list:not(.grid) .tr .side{grid-column:auto;border-top:0;border-left:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--cream));flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:18px 20px}.q-list:not(.grid) .tr .from{margin-top:auto}.q-list:not(.grid) .tr .btns{flex-direction:column;flex:none;margin-top:8px}.q-list:not(.grid) .tr .btns .q-btn.pri,.q-list:not(.grid) .tr .btns .q-btn.sec{flex:none}}.q-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}.q-btn.pri{min-height:46px;font-size:15px;background:var(--magenta);color:#fff}.q-btn.pri:hover{background:var(--magenta-dark);color:#fff}.q-btn.sec{min-height:40px;padding:0 12px;font-size:13.5px;white-space:nowrap;background:#fff;color:var(--magenta-dark);box-shadow:inset 0 0 0 1px var(--line-strong)}.q-btn.sec:hover{background:var(--magenta-50)}.q-btn:disabled{opacity:.5;cursor:default}