.card-special-nav{border-top:4px solid var(--accent);cursor:pointer;color:#f5f6f7;background:#27292f;border-bottom:none;border-left:none;border-right:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:500px;height:100%;margin:auto;padding:24px 16px;text-decoration:none;transition:background .4s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.card-special-nav:hover{background:#2e3037}.card-special-nav:hover .preview-grid img,.card-special-nav:hover .emblem-previews img,.card-special-nav:hover .hero-img{transform:scale(1.1)}}.card-special-nav .subtitle{color:#f5f6f7b8;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:clamp(12px,1.4vw,14px)}.card-special-nav .title{text-align:center;font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(16px,1.8vw,18px);font-weight:600}.card-special-nav .banner{background:var(--accent);border:2px solid var(--accent);color:#1a1a1a;text-align:center;letter-spacing:.05em;border-radius:10px;width:calc(100% - 32px);padding:4px 12px;font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(12px,1.4vw,14px);font-weight:600;display:block}.card-special-nav .emblem-layout{flex-direction:column;flex:1;align-items:center;gap:4px;width:80%;min-height:0;display:flex}.card-special-nav .emblem{object-fit:contain;flex:1;width:100%;min-height:0;max-height:50%}.card-special-nav .emblem-previews{gap:4px;width:100%;display:flex}.card-special-nav .emblem-previews img{aspect-ratio:4/3;object-fit:scale-down;width:50%;transition:transform .4s}.card-special-nav .hero-img{object-fit:contain;flex:1;max-width:80%;height:auto;min-height:0;transition:transform .4s}.card-special-nav .preview-grid{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:0;width:80%;min-height:0;display:grid}.card-special-nav .preview-grid img{aspect-ratio:1;object-fit:scale-down;width:100%;transition:transform .4s}.card-special-nav .actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-top:auto;padding:0 8px;display:flex}.card-special-nav .actions p{text-align:center;color:#f5f6f7b8;font-size:16px;font-weight:400;line-height:145%}@media (width<=799px){.card-special-nav{border-top-width:3px;gap:clamp(4px,1vw,8px);padding:clamp(8px,1.5vw,24px) clamp(8px,2vw,16px)}.card-special-nav .subtitle{font-size:clamp(10px,1.5vw,12px)}.card-special-nav .title{font-size:clamp(13px,2vw,16px)}.card-special-nav .banner{width:calc(100% - 16px);padding:clamp(2px,.5vw,4px) clamp(6px,1.5vw,12px);font-size:clamp(8px,1.5vw,12px)}.card-special-nav .actions{gap:clamp(6px,.9vw,12px);padding:0 4px}.card-special-nav .actions .btn-primary{height:clamp(32px,3.3vw,44px);padding:clamp(6px,.7vw,10px) clamp(8px,1.2vw,16px);font-size:clamp(12px,1.2vw,16px)}.card-special-nav .actions p{font-size:clamp(11px,1.2vw,16px)}}