/* A compact, aligned product comparison for the two Tangem sets. */
#tangem{padding-block:88px 90px}
#tangem .section-heading{display:block;text-align:center;margin:0 auto 37px;max-width:740px}
#tangem .eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:16px;line-height:1.6}
#tangem .section-heading h2{font-size:clamp(34px,4vw,49px);line-height:1.18;letter-spacing:-1.8px;font-weight:750;text-wrap:balance}
#tangem .section-intro{padding:0;max-width:470px;margin:17px auto 0;font-size:16px;line-height:1.75;color:#b9bdb7;text-wrap:balance}
#tangem .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin-inline:auto}
#tangem .product-card{display:flex;flex-direction:column;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#17191a,#0e1010);transition:border-color .25s,box-shadow .25s}
#tangem .product-card:hover,#tangem .product-card:focus-within{border-color:#f4ce2155;box-shadow:0 10px 35px #0002}
#tangem .product-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 27px 0;position:relative;z-index:1}
#tangem .product-set-name{display:flex;gap:8px;align-items:center;line-height:1.5;font-size:11px;letter-spacing:1.1px;font-weight:750;color:#b9beb7}
#tangem .product-swatch{width:11px;height:11px;border-radius:50%;border:1px solid #8b908a;display:inline-block;background:#333738;flex-shrink:0}
#tangem .product-card-white .product-swatch{background:#e6e8df;border-color:#f0f1eb}
#tangem .product-top h3{font-size:14px;font-weight:750;line-height:1.5;letter-spacing:0;border:1px solid #ffffff17;border-radius:7px;background:#ffffff04;padding:5px 10px;color:#e4e6dd;margin:0;white-space:nowrap}
#tangem .card-art{height:255px;flex:none;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#484c3930,transparent 68%)}
#tangem .card-art>span{width:225px;height:140px;top:53%;transition:translate .35s}
#tangem .black-cards>span{border-color:#555b59;background:linear-gradient(135deg,#373b3d,#141718 78%)}
#tangem .black-cards b{color:#f1f0ea}
#tangem .product-card:hover .card-art>span{translate:0 -4px}
#tangem .product-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 26px;padding:18px 0 20px;border-top:1px solid #ffffff10;color:#dfe2d8;font-size:13px;font-weight:700;line-height:1.5;transition:color .2s}
#tangem .product-bottom:hover{color:var(--yellow)}
#tangem .product-action-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f4ce2110;color:var(--yellow);flex-shrink:0}
#tangem .product-action-icon .icon{width:16px;height:16px}
@media(max-width:850px){#tangem{padding-block:70px}#tangem .product-grid{gap:16px}#tangem .product-top{padding:21px 20px 0}#tangem .product-bottom{margin-inline:20px}#tangem .card-art{height:235px}#tangem .card-art>span{width:205px;height:128px}#tangem .card-art b{font-size:18px;left:21px;top:21px}}
@media(max-width:640px){#tangem{padding-block:62px}#tangem .section-heading{margin-bottom:27px}#tangem .section-heading h2{font-size:34px;line-height:1.2;letter-spacing:-1.25px}#tangem .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:13px}#tangem .section-intro{font-size:15px;line-height:1.75;max-width:330px;margin-top:14px}#tangem .product-grid{grid-template-columns:1fr;gap:17px;max-width:420px}#tangem .product-card{border-radius:17px}#tangem .product-top{padding:20px 22px 0}#tangem .product-set-name{font-size:10px;letter-spacing:1px}#tangem .product-top h3{font-size:13px}#tangem .card-art{height:222px}#tangem .card-art>span{width:210px;height:131px}#tangem .product-bottom{margin-inline:22px;padding-block:16px 18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#tangem .product-card,#tangem .card-art>span{transition:none}#tangem .product-card:hover .card-art>span{translate:none}}