/* Catalogue grouping, batch 1: iPhone. */
#grid:has(>.da-generation){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.da-generation{background:#f5f5f7;border-radius:22px;padding:16px;min-width:0}
.da-generation-visual{height:190px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.da-generation-visual>img,.da-generation-visual svg,.da-generation-visual>.ph{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.da-generation-visual .ph>img,.da-generation-visual .ph>svg{width:100%;height:100%;object-fit:contain}
.da-generation-year{color:#6e6e73;font-size:.8rem;margin-top:14px}
.da-generation-title{font-size:1.45rem;line-height:1.2;letter-spacing:-.02em;margin:6px 0;font-weight:600;overflow-wrap:anywhere}
.da-generation-count{color:#6e6e73;font-size:.8rem;margin:0 0 14px}
.da-generation-variants{display:grid;gap:9px}
#grid .da-generation .card{background:#fff;padding:12px 42px 12px 12px;border:1px solid #e3e3e7;border-radius:13px;min-height:72px;position:relative;transform:none;box-shadow:none}
#grid .da-generation .card:hover{border-color:#0071e3}
#grid .da-generation .card .pair{display:none}
#grid .da-generation .card h3{margin:0 0 5px;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}
#grid .da-generation .card small{display:block;font-size:.75rem;overflow-wrap:anywhere}
#grid .da-generation .card .cmp{position:absolute;right:5px;top:50%;transform:translateY(-50%);min-width:32px;min-height:44px;padding:5px}
[dir=rtl] #grid .da-generation .card{padding:12px 12px 12px 42px}
[dir=rtl] #grid .da-generation .card .cmp{right:auto;left:5px}
@media(max-width:600px){#grid:has(>.da-generation){grid-template-columns:minmax(0,1fr)}.da-generation-visual{height:220px}}

@media(min-width:601px) and (max-width:1000px){#grid:has(>.da-generation){grid-template-columns:repeat(2,minmax(0,1fr))}}