.qg-card{position:relative;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.qg-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 22px 48px rgba(0,0,0,.55),0 0 0 1px var(--accent-glow)}.qg-card{isolation:isolate}.qg-card-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.qg-card-ambient img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.35);filter:blur(26px) saturate(1.5) brightness(.45)}.qg-card-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,23,.1),rgba(11,15,23,.5) 55%,rgba(11,15,23,.72));transition:opacity .35s ease}.qg-card:hover .qg-card-ambient:after{opacity:.6}.qg-card-img{position:relative;z-index:1;aspect-ratio:16/9;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.qg-card-img img{display:block;width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.qg-card:hover .qg-card-img img{transform:scale(1.06)}.qg-badge-promo{position:absolute;top:12px;right:12px;z-index:2;background:var(--accent-deep);color:#fff;padding:7px 11px;border-radius:8px;font-size:13px;font-weight:700;font-family:var(--font-mono);box-shadow:0 4px 16px var(--accent-glow)}.qg-badge-new{background:rgba(11,15,23,.72);backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:var(--accent-bright);padding:6px 11px;border-radius:7px;font-size:10.5px;font-weight:600}.qg-badge-lowest,.qg-badge-new{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--font-mono)}.qg-badge-lowest{background:#ffb547;color:#1b0f06;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1;font-weight:700;box-shadow:0 4px 14px rgba(255,106,61,.35)}.qg-badge-new~.qg-badge-lowest{top:48px}.qg-card-body{padding:14px 16px 16px;margin-top:-26px;position:relative;z-index:2;display:flex;flex-direction:column;flex:1}.qg-rating{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:12.5px;color:var(--accent-bright);font-weight:600}.qg-rating-cnt{color:var(--txt-faint);font-weight:400;font-family:var(--font-mono);font-size:11.5px}.qg-card-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.03em;line-height:1.15;margin-bottom:4px;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qg-card-pub{color:var(--txt-faint);font-size:12.5px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qg-tags{display:flex;gap:8px 6px;flex-wrap:wrap;max-height:24px;overflow:hidden;margin-bottom:13px}.qg-tag{font-size:10.5px;line-height:14px;color:var(--txt-dim);background:hsla(0,0%,100%,.06);padding:4px 9px;border-radius:6px;border:1px solid var(--line);font-family:var(--font-mono)}.qg-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.qg-price{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.03em;color:#fff}.qg-price-old{position:relative;display:inline-block;font-variant-numeric:tabular-nums;color:var(--txt-dim);text-decoration:none;font-size:12.5px;font-weight:400;margin-right:8px;font-family:var(--font-body)}.qg-price-old:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.4px;background:currentColor;transform:rotate(-8deg);pointer-events:none}.qg-card-cta{font-size:12.5px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:5px;transition:gap .2s}.qg-card:hover .qg-card-cta{gap:9px}.shelf{padding:30px 0 8px}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:24px}.shelf-eyebrow{color:var(--accent);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;margin-bottom:9px;display:block;font-family:var(--font-mono)}.shelf-title{text-wrap:balance;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.5vw,30px);letter-spacing:.03em;line-height:1.05}.shelf-seeall{color:var(--accent);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:6px}.shelf-seeall span{transition:transform .2s}.shelf-seeall:hover span{transform:translateX(3px)}.shelf-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width:1080px){.shelf-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.shelf-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (min-width:1081px){.shelf-row>:nth-child(n+5){display:none}}@media (min-width:641px) and (max-width:1080px){.shelf-row>:nth-child(n+4){display:none}}@media (max-width:640px){.qg-card-body{padding:12px 13px 14px}.qg-rating{font-size:12px}.qg-card-ambient img{filter:blur(16px) saturate(1.4) brightness(.42)}.qg-card-body{margin-top:-18px}.qg-card:hover .qg-card-ambient:after{opacity:1}.qg-rating-cnt{display:none}.qg-card-title{font-size:15.5px;margin-bottom:3px}.qg-card-pub{font-size:11.5px;margin-bottom:8px}.qg-tags{display:none}.qg-price{font-size:16px}.qg-card-cta{display:none}}